@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.5;background-color:#f8f9fa;color:#333;padding:2rem;display:flex;justify-content:center;min-height:100vh}.page{width:100%;max-width:800px;margin:auto}.main-heading{font-size:2rem;font-weight:600;color:#222;text-align:center;margin-bottom:1.5rem}.section{background-color:#fff;border:1px solid #e9ecef;border-radius:6px;padding:2rem;margin-bottom:2rem;box-shadow:0 2px 6px #0000000d}.logged-off-section{display:flex;justify-content:center;align-items:center;min-height:480px;margin:20vh auto 1rem}.loggeds-off-section{display:flex;justify-content:center;align-items:center;min-height:480px;margin-top:50vh;transform:translateY(-60%)}.logged-off-container{text-align:center}footer{text-align:center;margin-top:1rem;font-size:.85rem;color:#555}.logo{display:block;margin:0 auto;padding-bottom:2rem;max-width:30%;height:auto}.heading{font-size:1.25rem;font-weight:500;color:#222;margin-bottom:1rem}.info-box{background-color:#f1f3f5;padding:.5rem;margin-bottom:1rem;border-radius:4px;border:1px solid #dee2e6;font-size:.9rem;color:#333;overflow:hidden;text-overflow:ellipsis;width:100%;min-height:2.5rem}.btn{background-color:#5576fa;color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease;margin:.5rem .5rem 0 0}.btn:hover{background-color:#4a37f2}form{display:flex;flex-wrap:wrap;gap:1rem;align-items:baseline}.modal-label{font-size:1rem;font-weight:500;color:#222}.modal-input{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;padding:.6rem;box-sizing:border-box;font-size:1rem;color:#333;width:100%}.table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.9rem;background:#fff}.table th,.table td{border:1px solid #dee2e6;padding:.75rem;text-align:left;vertical-align:middle}.table th{background-color:#f8f9fa;color:#222;font-weight:500}.modal{display:none;position:fixed;z-index:999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);justify-content:center;align-items:center;padding:1rem}.modal-content{background-color:#fff;border:1px solid #dee2e6;border-radius:6px;padding:2rem;width:100%;max-width:600px;position:relative;box-shadow:0 2px 8px #00000026}.close-btn{position:absolute;top:1rem;right:1rem;color:#6c757d;font-size:1.25rem;cursor:pointer;transition:color .2s ease}.close-btn:hover{color:#222}.modal-btn{margin-top:1rem}.btn:disabled{background-color:#d6d8db;cursor:not-allowed;pointer-events:none;opacity:.65}.btn:disabled:hover{background-color:#d6d8db}.dots:after{content:"";animation:dots 1.2s infinite steps(4)}.download-container{display:flex;justify-content:flex-end;margin-top:10px;width:100%}#downloadGenerator{width:auto;opacity:.5;background-color:#000;font-size:.9rem}#downloadGenerator:hover{opacity:.8}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@media screen and (max-width: 768px){body{font-size:14px}.main-heading{font-size:1.5rem}.heading{font-size:1rem}.info-box{font-size:.75rem}.table{font-size:.8em}.table th,.table td{padding:.3rem}.info-box{word-wrap:break-word;word-break:break-all;overflow-wrap:break-word;white-space:normal}body{padding:.5rem}.page{padding:0 .25rem}.section{padding:.75rem;margin-bottom:.75rem}.logo{max-width:50%;padding-bottom:1rem}.btn{padding:.5rem 1rem;font-size:.9rem}}