.navbar{background-color:var(--primary-color);color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:opacity .2s}.nav-brand:hover{opacity:.8}.nav-menu{display:flex;gap:2rem;align-items:center}.nav-link{color:#fff;text-decoration:none;transition:opacity .2s;font-weight:500}.nav-link:hover{opacity:.8}.nav-link.admin{background-color:#fff3;padding:.5rem 1rem;border-radius:.25rem}.nav-user{color:#ffffffe6;font-size:.95rem}.nav-logout{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);padding:.5rem 1rem;border-radius:.25rem;cursor:pointer;transition:background-color .2s;font-weight:500}.nav-logout:hover{background-color:#ffffff4d}@media (max-width: 768px){.nav-container{flex-direction:column;padding:1rem}.nav-menu{flex-direction:column;gap:1rem;width:100%;margin-top:1rem}.nav-link,.nav-logout{width:100%;text-align:center}}.auth-page{min-height:calc(100vh - 100px);display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:400px;background:#fff;padding:2rem;border-radius:.5rem;box-shadow:0 2px 8px #0000001a}.auth-container h1{text-align:center;margin-bottom:1.5rem;font-size:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text-dark)}.form-group input{width:100%}.auth-link{text-align:center;margin-top:1.5rem;color:var(--text-muted)}.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:600}.auth-link a:hover{text-decoration:underline}.demo-credentials{margin-top:2rem;padding:1rem;background-color:#e7f3ff;border-left:4px solid var(--primary-color);border-radius:.25rem}.demo-credentials p{margin:.5rem 0;font-size:.9rem;color:var(--text-dark)}.demo-credentials code{background-color:#fff;padding:.2rem .4rem;border-radius:.2rem;font-family:Courier New,monospace;font-size:.85rem;color:var(--primary-color)}@media (max-width: 480px){.auth-container{padding:1.5rem}.auth-container h1{font-size:1.25rem}}.dashboard{width:100%}.dashboard h1{font-size:2rem;margin-bottom:.5rem}.dashboard-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2rem}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.app-card{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.app-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px);border-color:var(--primary-color)}.app-card h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-dark)}.app-card p{color:var(--text-muted);margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.app-card .btn-primary{width:100%;text-align:center;transition:all .2s}.app-card .btn-primary:hover{transform:scale(1.02)}.btn-secondary{display:inline-block;padding:.6rem 1.25rem;border-radius:.375rem;font-size:.95rem;font-weight:500;cursor:pointer;background:transparent;color:var(--primary-color);border:1.5px solid var(--primary-color);transition:all .2s;text-decoration:none}.btn-secondary:hover{background:var(--primary-color);color:#fff}.app-card .btn-secondary{width:100%;text-align:center;margin-top:.75rem}.app-card .btn-secondary:hover{transform:scale(1.02)}@media (max-width: 768px){.dashboard h1{font-size:1.5rem}.apps-grid{grid-template-columns:1fr}}.admin-panel{width:100%}.admin-panel h1{font-size:2rem;margin-bottom:2rem}.table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:.5rem;background:#fff}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--light-bg);border-bottom:2px solid var(--border-color)}.users-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-dark);white-space:nowrap;font-size:.95rem}.users-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr.admin-row{opacity:.7;background-color:#f0f7ff}.users-table td{padding:1rem;color:var(--text-dark)}.users-table .username{font-weight:600}.users-table .role{color:var(--primary-color);font-weight:500}.users-table .app-column{text-align:center;font-size:.85rem}.users-table .checkbox-cell{text-align:center;position:relative}.users-table input[type=checkbox]{width:auto;cursor:pointer;width:1.2rem;height:1.2rem}.users-table input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.users-table .spinner{display:inline-block;width:.8rem;height:.8rem;border:2px solid var(--border-color);border-top:2px solid var(--primary-color);border-radius:50%;margin-left:.5rem;animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-table .created-date{color:var(--text-muted);font-size:.9rem;white-space:nowrap}@media (max-width: 1024px){.users-table th,.users-table td{padding:.75rem;font-size:.9rem}.users-table .app-column{font-size:.75rem}}@media (max-width: 768px){.table-wrapper{font-size:.85rem;overflow-x:scroll}.users-table th,.users-table td{padding:.5rem}}.eyehand-page{min-height:calc(100vh - 60px);background-color:#f3f4f6}.eyehand-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.eyehand-header h1{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.eyehand-loading,.eyehand-error{display:flex;align-items:center;justify-content:center;min-height:16rem;font-size:1.1rem;color:var(--text-muted)}.eyehand-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;margin:1.5rem;border-radius:.5rem;padding:1rem}.eyehand-layout{display:flex;min-height:calc(100vh - 124px)}.eyehand-sidebar{width:18rem;background:#fff;border-right:1px solid var(--border-color);padding:1.25rem;flex-shrink:0;overflow-y:auto}.eyehand-sidebar hr{border:none;border-top:1px solid var(--border-color);margin:1rem 0}.sidebar-section h3{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.age-filters{display:flex;flex-direction:column;gap:.25rem}.age-filter-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-dark);cursor:pointer;padding:.125rem 0}.age-filter-item input[type=checkbox]{width:auto;padding:0}.sidebar-label{display:block;font-size:.875rem;color:var(--text-muted);margin-bottom:.25rem}.sidebar-select{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:.375rem}.sidebar-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0066cc26}.ascending-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.875rem;color:var(--text-muted);cursor:pointer}.ascending-toggle input[type=checkbox]{width:auto;padding:0}.eyehand-main{flex:1;padding:1.5rem;overflow-y:auto}.eyehand-tabs{display:flex;gap:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem}.eyehand-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.25rem .25rem .75rem;font-size:.875rem;color:var(--text-muted);cursor:pointer;transition:border-color .15s,color .15s}.eyehand-tab:hover:not(.active){color:var(--text-dark)}.eyehand-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color);font-weight:600}.eyehand-results h2,.eyehand-individual h2{font-size:1.125rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.results-section{margin-bottom:1.5rem}.results-section h3{font-size:1rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;overflow:hidden}.eyehand-table{width:100%;border-collapse:collapse}.eyehand-table th{position:sticky;top:0;background:#f9fafb;z-index:1;text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;font-size:.875rem;font-weight:600;color:var(--text-dark)}.eyehand-table td{text-align:left;padding:.5rem .75rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}.eyehand-table tbody tr:hover{background:#f3f4f6}.font-medium{font-weight:500}.assessment-select{width:100%;max-width:32rem;padding:.5rem .75rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:.375rem;margin-bottom:1.5rem}.assessment-detail hr{border:none;border-top:1px solid var(--border-color);margin:1rem 0}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.detail-header h3{font-size:1.125rem;font-weight:600;color:var(--text-dark)}.detail-meta{font-size:.875rem;color:var(--text-muted)}.delete-btn{padding:.5rem 1rem;background:#ef4444;color:#fff;font-size:.875rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:background .2s}.delete-btn:hover{background:#dc2626}.images-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.images-grid h4{font-size:.875rem;font-weight:500;color:var(--text-dark);margin-bottom:.5rem}.image-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000d;padding:.5rem;min-height:200px;display:flex;align-items:center;justify-content:center}.image-container img{max-width:100%;border-radius:.25rem}.image-fallback{color:var(--text-muted);font-size:.875rem}.metrics-heading{font-size:1rem;font-weight:500;color:var(--text-dark);margin-bottom:.75rem}.metrics-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.metrics-column{display:flex;flex-direction:column;gap:.75rem}.metrics-column h4{font-size:.875rem;font-weight:600;color:var(--text-dark)}.metric-card{background:#fff;border-radius:.5rem;padding:.75rem 1rem;box-shadow:0 1px 3px #0000000d}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:1.375rem;font-weight:600;color:var(--text-dark);margin-top:.125rem}@media (max-width: 768px){.eyehand-layout{flex-direction:column}.eyehand-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.images-grid,.metrics-grid{grid-template-columns:1fr}.detail-header{flex-direction:column;align-items:flex-start;gap:.75rem}}.gm-page{min-height:calc(100vh - 60px);background-color:#f3f4f6}.gm-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.gm-header h1{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.gm-loading,.gm-empty{display:flex;align-items:center;justify-content:center;min-height:16rem;font-size:1.1rem;color:var(--text-muted)}.gm-error{margin:1.5rem;padding:1rem;border-radius:.5rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:1rem}.gm-layout{display:flex;min-height:calc(100vh - 124px)}.gm-sidebar{width:17rem;background:#fff;border-right:1px solid var(--border-color);padding:1.25rem;flex-shrink:0;overflow-y:auto}.sidebar-section h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.sidebar-divider{border:none;border-top:1px solid var(--border-color);margin:1.25rem 0}.age-filters{display:flex;flex-direction:column;gap:.5rem}.age-filter-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;color:var(--text-dark)}.age-filter-item input[type=checkbox]{cursor:pointer}.age-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.clear-filters-btn{margin-top:.75rem;padding:.35rem .75rem;font-size:.8rem;border:1px solid var(--border-color);border-radius:.375rem;background:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s}.clear-filters-btn:hover{background:#f3f4f6;color:var(--text-dark)}.sidebar-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);margin-bottom:.4rem}.sidebar-select{width:100%;padding:.45rem .6rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;color:var(--text-dark);background:#fff;margin-bottom:.75rem}.ascending-toggle{display:flex;align-items:center;gap:.45rem;font-size:.875rem;color:var(--text-dark);cursor:pointer}.gm-main{flex:1;padding:1.5rem;overflow-x:hidden;overflow-y:auto}.gm-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.gm-stats-help{margin:0 0 1.75rem;padding:.8rem 1rem;background:#f9fafb;border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-dark);font-size:.85rem}.gm-stats-help p{margin:0}.gm-stats-help p+p{margin-top:.35rem}.stat-card{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;padding:1.1rem 1.25rem;text-align:center;box-shadow:0 1px 4px #0000000d;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001a}.stat-value{font-size:1.9rem;font-weight:700;color:var(--primary-color);line-height:1;margin-bottom:.35rem}.stat-unit{font-size:1rem;font-weight:500;opacity:.7}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.gm-section{background:#fff;border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 4px #0000000a}.gm-section h2{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.table-container{overflow-x:auto;border-radius:.375rem;border:1px solid var(--border-color)}.gm-table{width:100%;border-collapse:collapse;font-size:.875rem}.gm-table thead tr{background:#f9fafb;border-bottom:1px solid var(--border-color)}.gm-table th{padding:.7rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.gm-table td{padding:.7rem 1rem;border-bottom:1px solid #f3f4f6;color:var(--text-dark);vertical-align:middle}.gm-table tbody tr:last-child td{border-bottom:none}.gm-table tbody tr:hover{background:#f9fafb}.text-muted{color:var(--text-muted)}.age-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;color:#fff;font-weight:700;font-size:.85rem}.uuid-chip{display:inline-block;background:#f3f4f6;border:1px solid var(--border-color);border-radius:.25rem;padding:.15rem .45rem;font-size:.78rem;font-family:monospace;color:var(--text-muted);cursor:default}.metric-cell{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-dark)}.watch-btn{padding:.3rem .75rem;background:var(--primary-color);color:#fff;border:none;border-radius:.375rem;font-size:.8rem;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.watch-btn:hover{opacity:.85}.no-video{color:var(--text-muted)}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000}.video-modal{background:#fff;border-radius:.75rem;padding:1.25rem;width:90%;max-width:720px;box-shadow:0 20px 60px #0006}.video-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.video-modal-header h3{font-size:1rem;font-weight:700;color:var(--text-dark)}.video-close-btn{background:transparent;border:none;font-size:1.1rem;cursor:pointer;color:var(--text-muted);padding:.25rem .5rem;border-radius:.25rem;transition:background .15s}.video-close-btn:hover{background:#f3f4f6;color:var(--text-dark)}.video-player{width:100%;border-radius:.5rem;background:#000;max-height:60vh}@media (max-width: 768px){.gm-layout{flex-direction:column}.gm-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border-color)}.gm-stats{grid-template-columns:repeat(2,1fr)}}.ttm-page{min-height:calc(100vh - 60px);background-color:#f0fdf4}.ttm-header{background:#fff;border-bottom:1px solid var(--border-color);padding:1rem 1.5rem}.ttm-header h1{font-size:1.25rem;font-weight:700;color:var(--text-dark)}.ttm-loading,.ttm-empty{display:flex;align-items:center;justify-content:center;min-height:16rem;font-size:1.1rem;color:var(--text-muted)}.ttm-error{margin:1.5rem;padding:1rem;border-radius:.5rem;background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;font-size:1rem}.ttm-layout{display:flex;min-height:calc(100vh - 124px)}.ttm-sidebar{width:17rem;background:#fff;border-right:1px solid var(--border-color);padding:1.25rem;flex-shrink:0;overflow-y:auto}.ttm-sidebar .sidebar-section h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.75rem}.ttm-sidebar .sidebar-divider{border:none;border-top:1px solid var(--border-color);margin:1.25rem 0}.profile-filters{display:flex;flex-direction:column;gap:.5rem}.profile-filter-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer;color:var(--text-dark)}.profile-filter-item input[type=checkbox]{cursor:pointer}.profile-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex-shrink:0}.ttm-sidebar .clear-filters-btn{margin-top:.75rem;padding:.35rem .75rem;font-size:.8rem;border:1px solid var(--border-color);border-radius:.375rem;background:#fff;color:var(--text-muted);cursor:pointer;transition:background .15s}.ttm-sidebar .clear-filters-btn:hover{background:#f3f4f6}.ttm-sidebar .sidebar-label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.4rem}.ttm-sidebar .sidebar-select{width:100%;padding:.4rem .6rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:.375rem;background:#fff;color:var(--text-dark);outline:none}.ttm-sidebar .sidebar-select:focus{border-color:#10b981;box-shadow:0 0 0 2px #10b98126}.ttm-sidebar .ascending-toggle{display:flex;align-items:center;gap:.4rem;margin-top:.75rem;font-size:.875rem;color:var(--text-dark);cursor:pointer}.ttm-main{flex:1;padding:1.5rem;overflow-x:auto}.ttm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;margin-bottom:1.5rem}.ttm-stats .stat-card{background:#fff;border:1px solid var(--border-color);border-radius:.75rem;padding:1rem 1.25rem;text-align:center;box-shadow:0 1px 3px #0000000f}.ttm-stats .stat-value{font-size:1.75rem;font-weight:700;color:#10b981;line-height:1}.ttm-stats .stat-unit{font-size:1rem;font-weight:500;color:var(--text-muted);margin-left:2px}.ttm-stats .stat-label{font-size:.78rem;color:var(--text-muted);margin-top:.35rem;text-transform:uppercase;letter-spacing:.04em}.ttm-section{background:#fff;border:1px solid var(--border-color);border-radius:.75rem;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000000f}.ttm-section h2{font-size:1rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem}.record-count{font-weight:400;color:var(--text-muted);font-size:.9rem}.table-container{overflow-x:auto}.ttm-table{width:100%;border-collapse:collapse;font-size:.875rem}.ttm-table th{padding:.6rem .9rem;text-align:left;background:#f9fafb;border-bottom:1px solid var(--border-color);font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);white-space:nowrap}.ttm-table td{padding:.65rem .9rem;border-bottom:1px solid #f3f4f6;color:var(--text-dark);vertical-align:middle}.ttm-table tbody tr:last-child td{border-bottom:none}.ttm-table tbody tr:hover td{background:#f0fdf4}.profile-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;border-radius:.375rem;color:#fff;font-weight:700;font-size:.875rem;padding:0 .5rem}.profile-tag{display:inline-block;padding:.2rem .6rem;background:#d1fae5;color:#065f46;border-radius:9999px;font-size:.8rem;font-weight:600}.uuid-chip{display:inline-block;padding:.15rem .5rem;background:#f3f4f6;border-radius:.3rem;font-family:monospace;font-size:.78rem;color:#4b5563;cursor:default}.date-cell{display:flex;flex-direction:column;gap:.1rem}.time-text{font-size:.75rem;color:var(--text-muted)}.pdf-btn{display:inline-block;padding:.3rem .7rem;background:#10b981;color:#fff;border-radius:.375rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s}.pdf-btn:hover{background:#059669}.no-value,.text-muted{color:var(--text-muted)}.rg-page{max-width:1200px;margin:0 auto;padding:24px}.rg-header h1{margin:0}.rg-header p{margin:8px 0 0;color:#6b7280}.rg-loading,.rg-error{margin-top:40px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.rg-error{color:#b91c1c;border-color:#fecaca;background:#fef2f2}.rg-stats{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.rg-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.rg-stat-value{font-size:1.5rem;font-weight:700}.rg-stat-label{margin-top:4px;color:#6b7280;font-size:.9rem}.rg-section{margin-top:24px}.rg-section h2{margin:0 0 10px}.rg-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:auto}.rg-table{width:100%;border-collapse:collapse;min-width:620px}.rg-table th,.rg-table td{text-align:left;padding:10px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.rg-table th{font-weight:600;color:#374151;background:#f9fafb}.rg-empty-cell{text-align:center;color:#6b7280;padding:18px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #0066cc;--primary-dark: #0052a3;--secondary-color: #6c757d;--danger-color: #dc3545;--success-color: #28a745;--light-bg: #f8f9fa;--border-color: #dee2e6;--text-dark: #212529;--text-muted: #6c757d}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:var(--text-dark);line-height:1.5}html,body,#root{height:100%}.container{max-width:1200px;margin:0 auto;padding:2rem}.loading{text-align:center;padding:3rem;font-size:1.1rem;color:var(--text-muted)}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:.25rem;margin-bottom:1rem;border:1px solid #f5c6cb}.empty-state{text-align:center;padding:3rem;background-color:var(--light-bg);border-radius:.5rem;margin-top:2rem}.empty-state p{margin:.5rem 0;color:var(--text-muted)}.btn-primary{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.25rem;font-size:1rem;cursor:pointer;text-decoration:none;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:.25rem;font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0066cc1a}input:disabled,select:disabled{background-color:var(--light-bg);color:var(--text-muted);cursor:not-allowed}@media (max-width: 768px){.container{padding:1rem}.btn-primary{width:100%}}