:root{--color-black:#020617;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#020617;--color-accent:#0f172a;--color-accent-hover:#1e293b;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--color-warning:#f59e0b;--surface-primary:#0f172a;--surface-secondary:#020617;--surface-elevated:#1e293b;--surface-overlay:#020617cc;--border-color:#1e293b;--border-color-strong:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #00000012;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #00000014;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--header-height:64px;--sidebar-width:260px;--max-content-width:1200px}[data-theme=light]{--surface-secondary:#f8fafc;--surface-elevated:#f1f5f9;--surface-overlay:#0006;--border-color:#e2e8f0;--border-color-strong:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-inverse:#f8fafc;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000001f, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #00000024, 0 8px 10px -6px #0000001a}[data-theme=light] .how-it-works,[data-theme=light] .exam-types-section,[data-theme=light] .cta-section,[data-theme=light] .departments-section{background:#fff}[data-theme=light] .recent-section{background:#f8fafc}[data-theme=light] .card,[data-theme=light] .chart-card,[data-theme=light] .cta-card,[data-theme=light] .stat-card{--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#1e293b;--border-color-strong:#334155;--surface-elevated:#1e293b;color:#f8fafc}[data-theme=light] .card *,[data-theme=light] .chart-card *,[data-theme=light] .cta-card *,[data-theme=light] .stat-card *{border-color:inherit}[data-theme=light] .upload-form,[data-theme=light] .browse-filters,[data-theme=light] .table-container,[data-theme=light] .modal,[data-theme=light] .login-container,[data-theme=light] .profile-card,[data-theme=light] .header-nav.mobile-open{--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--border-color:#1e293b;--border-color-strong:#334155;--surface-elevated:#1e293b;color:#f8fafc}[data-theme=light] .how-it-works .section-tag,[data-theme=light] .departments-section .section-tag,[data-theme=light] .exam-types-section .section-tag,[data-theme=light] .recent-section .section-tag{color:#475569;background:#e2e8f0}[data-theme=light] .how-it-works .section-title,[data-theme=light] .departments-section .section-title,[data-theme=light] .exam-types-section .section-title,[data-theme=light] .recent-section .section-title,[data-theme=light] .how-it-works .section-subtitle,[data-theme=light] .departments-section .section-subtitle,[data-theme=light] .exam-types-section .section-subtitle,[data-theme=light] .recent-section .section-subtitle{color:#0f172a}[data-theme=light] .step-card{color:#f8fafc;background:#0f172a;border-color:#1e293b}[data-theme=light] .step-card .step-number{color:#e2e8f0}[data-theme=light] .step-card p{color:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .toast{color:#f8fafc;background:#0f172a}[data-theme=light] .skeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/200% 100%}[data-theme=light] .upload-zone:hover,[data-theme=light] .upload-zone.drag-over{background:#334155}[data-theme=light] .badge-dark{color:#fff;background:#0f172a}[data-theme=light] .badge-light{color:#0f172a;background:#f1f5f9}@media (width<=768px){:root{--spacing-3xl:2.5rem;--spacing-2xl:2rem;--spacing-xl:1.25rem;--spacing-lg:1rem;--spacing-md:.75rem;--font-size-2xl:1.25rem;--font-size-4xl:1.75rem;--font-size-5xl:2.5rem;--radius-xl:.75rem;--radius-2xl:1rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-family);background:var(--surface-secondary);color:var(--text-primary);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.container{max-width:var(--max-content-width);padding:0 var(--spacing-lg);margin:0 auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading{pointer-events:none;opacity:.7;position:relative}.btn-loading .btn-text{visibility:hidden}.btn-loading .btn-spinner{border:2px solid #00000026;border-top-color:var(--color-black);border-radius:50%;width:18px;height:18px;margin:auto;animation:.6s linear infinite spin;position:absolute;inset:0}.btn-danger.btn-loading .btn-spinner{border-color:#fff #ffffff4d #ffffff4d}.btn-secondary.btn-loading .btn-spinner,.btn-ghost.btn-loading .btn-spinner{border-color:#ffffff26;border-top-color:var(--text-primary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-in-up{animation:.4s ease-out fadeInUp}.animate-scale-in{animation:.3s ease-out scaleIn}.stagger-children>*{animation:.4s ease-out both fadeInUp}.stagger-children>:first-child{animation-delay:0s}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.stagger-children>:nth-child(7){animation-delay:.3s}.stagger-children>:nth-child(8){animation-delay:.35s}.stagger-children>:nth-child(9){animation-delay:.4s}.stagger-children>:nth-child(10){animation-delay:.45s}.toast-container{z-index:10000;flex-direction:column;gap:10px;display:flex;position:fixed;top:80px;right:20px}.toast{background:var(--color-gray-900);color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:300px;max-width:420px;font-size:var(--font-size-sm);align-items:center;gap:12px;padding:14px 20px;font-weight:500;animation:.3s ease-out slideInRight;display:flex}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-danger)}.toast.info{border-left:4px solid var(--color-gray-400)}.toast-icon{flex-shrink:0;font-size:18px}.toast-close{color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast);margin-left:auto;padding:4px}.toast-close:hover{color:var(--color-white)}.modal-overlay{background:var(--surface-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9000;padding:var(--spacing-lg);justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--surface-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;animation:.25s ease-out scaleIn;overflow-y:auto}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-lg);font-weight:700}.modal-close{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:20px;display:flex}.modal-close:hover{background:var(--surface-elevated);color:var(--text-primary)}.modal-body{padding:var(--spacing-xl)}.modal-footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);display:flex}.btn{font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:600;line-height:1.4;display:inline-flex}.btn-primary{background:var(--color-white);color:var(--color-black)}.btn-primary:hover{background:var(--color-gray-200);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color-strong);background:0 0}.btn-secondary:hover{background:var(--surface-elevated);border-color:var(--color-gray-500);transform:translateY(-1px)}.btn-danger{background:var(--color-danger);color:var(--color-white)}.btn-danger:hover{background:var(--color-danger-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);padding:8px 14px}.btn-ghost:hover{background:var(--surface-elevated);color:var(--text-primary)}.btn-sm{font-size:var(--font-size-xs);padding:6px 14px}.btn-lg{font-size:var(--font-size-base);padding:14px 28px}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--spacing-lg);flex-direction:column;gap:6px;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.form-input,.form-select,.form-textarea{width:100%;font-size:var(--font-size-sm);border:1.5px solid var(--border-color-strong);border-radius:var(--radius-md);background:var(--surface-elevated);color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 3px #94a3b826}.form-input::placeholder{color:var(--color-gray-500)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-color:var(--surface-elevated);cursor:pointer;padding-right:36px}.form-select option,select option{background:var(--surface-elevated);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:var(--font-size-xs);color:var(--text-secondary)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger)}.card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-color-strong);box-shadow:var(--shadow-md)}.card-elevated{box-shadow:var(--shadow-sm)}.card-elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.badge{font-size:var(--font-size-xs);border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.badge-dark{background:var(--color-white);color:var(--color-black)}.badge-light{background:var(--color-gray-800);color:var(--color-white)}.badge-outline{border:1.5px solid var(--border-color-strong);color:var(--text-secondary);background:0 0}.badge-success{color:#15803d;background:#dcfce7}.badge-danger{color:#dc2626;background:#fef2f2}.search-wrapper{position:relative}.search-icon{color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{width:100%;font-size:var(--font-size-sm);border:1.5px solid var(--border-color-strong);border-radius:var(--radius-lg);background:var(--surface-elevated);color:var(--text-primary);transition:all var(--transition-fast);padding:10px 14px 10px 42px}.search-input:focus{border-color:var(--color-gray-400);box-shadow:0 0 0 3px #94a3b826}.search-input::placeholder{color:var(--color-gray-500)}.table-container{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-primary);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--surface-elevated);border-bottom:1px solid var(--border-color);padding:12px 16px;font-weight:600}.table td{font-size:var(--font-size-sm);border-bottom:1px solid var(--border-color);vertical-align:middle;color:var(--text-primary);padding:14px 16px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-gray-800)}.empty-state{padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--spacing-lg);opacity:.3;font-size:48px}.empty-state h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:700}.empty-state p{color:var(--text-tertiary);font-size:var(--font-size-sm);max-width:360px;margin-bottom:var(--spacing-lg)}.tabs{border-bottom:1px solid var(--border-color);gap:4px;display:flex;overflow-x:auto}.tab{font-size:var(--font-size-sm);color:var(--text-tertiary);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 18px;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--color-gray-300);font-weight:600}.skeleton{background:linear-gradient(90deg, var(--color-gray-700) 25%, var(--color-gray-600) 50%, var(--color-gray-700) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.upload-zone{border:2px dashed var(--border-color-strong);border-radius:var(--radius-lg);padding:var(--spacing-2xl);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--surface-elevated)}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--color-gray-400);background:var(--color-gray-700)}.upload-zone-icon{opacity:.4;margin-bottom:var(--spacing-md);font-size:36px}.upload-zone h4{font-size:var(--font-size-sm);margin-bottom:4px;font-weight:600}.upload-zone p{font-size:var(--font-size-xs);color:var(--text-tertiary)}.stat-card{padding:var(--spacing-xl)}.stat-card .stat-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-weight:500}.stat-card .stat-value{font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:800;line-height:1.2}.stat-card .stat-change{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px}.page-header{margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:4px;font-weight:800}.page-header p{font-size:var(--font-size-sm);color:var(--text-tertiary)}.page-actions{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.show-on-mobile{display:none!important}@media (width<=768px){:root{--header-height:56px}.container{padding:0 var(--spacing-md)}.modal{max-width:100%;margin:var(--spacing-md);max-height:calc(100vh - 2rem)}.page-header h1{font-size:var(--font-size-xl)}.table-container{border-radius:var(--radius-md)}.hide-on-mobile{display:none!important}.show-on-mobile{display:flex!important}.stat-card .stat-value{font-size:var(--font-size-2xl)}}.header{z-index:1000;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);height:var(--header-height);background:#0f172ad9;position:sticky;top:0}.header-inner{max-width:var(--max-content-width);padding:0 var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-xl);height:100%;margin:0 auto;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.logo-icon{background:var(--color-white);width:36px;height:36px;color:var(--color-black);border-radius:var(--radius-md);letter-spacing:-.5px;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.logo-text{flex-direction:column;display:flex}.logo-name{font-size:var(--font-size-lg);letter-spacing:-.5px;color:var(--text-primary);font-weight:800;line-height:1.1}.logo-tagline{color:var(--text-tertiary);letter-spacing:.02em;font-size:10px;font-weight:500}.header-nav{align-items:center;gap:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav-link{font-size:var(--font-size-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:8px 16px;font-weight:500}.nav-link:hover{color:var(--text-primary);background:var(--surface-elevated)}.nav-link.active{color:var(--text-primary);background:var(--surface-elevated);font-weight:600}.header-actions{align-items:center;gap:var(--spacing-md);display:flex}.theme-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.theme-toggle:hover{color:var(--text-primary);transform:scale(1.15)}.user-menu{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--color-gray-900);width:32px;height:32px;color:var(--color-white);border-radius:var(--radius-full);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.user-info{flex-direction:column;display:flex}.user-name{font-size:var(--font-size-sm);font-weight:600;line-height:1.2}.user-role{color:var(--text-tertiary);font-size:11px}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;width:32px;height:32px;padding:0;font-size:24px;display:none}[data-theme=light] .header{background:#ffffffe6;border-bottom-color:#e2e8f0}[data-theme=light] .theme-toggle{color:#475569}[data-theme=light] .theme-toggle:hover{color:#0f172a}[data-theme=light] .user-avatar{color:#0f172a;background:#e2e8f0}@media (width<=768px){.header-nav{display:none}.header-nav.mobile-open{top:var(--header-height);background:var(--surface-primary);padding:var(--spacing-lg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);gap:var(--spacing-sm);z-index:999;flex-direction:column;display:flex;position:absolute;left:0;right:0;transform:none}.header-nav.mobile-open .nav-link{text-align:center;width:100%;padding:12px}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.user-info,.logo-tagline{display:none}.header-inner{padding:0 var(--spacing-md)}}.footer{background:var(--color-gray-950);color:var(--color-gray-200);margin-top:auto}.footer-inner{max-width:var(--max-content-width);padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-2xl);justify-content:space-between;align-items:center;gap:var(--spacing-3xl);margin:0 auto;display:flex}.footer-brand{flex:1;max-width:400px}.footer-logo{margin-bottom:var(--spacing-md);align-items:center;gap:8px;display:flex}.footer-logo-icon{background:var(--color-white);width:28px;height:28px;color:var(--color-black);border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.footer-logo-text{font-size:var(--font-size-lg);color:var(--color-white);font-weight:800}.footer-desc{font-size:var(--font-size-sm);color:var(--color-gray-300);line-height:1.7}.footer-links{gap:var(--spacing-3xl);display:flex}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col h4{font-size:var(--font-size-sm);color:var(--color-white);margin-bottom:8px;font-weight:700}.footer-col a,.footer-col span{font-size:var(--font-size-sm);color:var(--color-gray-300);transition:color var(--transition-fast);align-items:center;gap:8px;display:flex}.footer-col a svg{width:20px;height:20px}.footer-col a:hover{color:var(--color-white)}.footer-socials{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.footer-bottom{border-top:1px solid var(--color-gray-800);max-width:var(--max-content-width);padding:var(--spacing-lg);text-align:center;margin:0 auto}.footer-bottom p{font-size:var(--font-size-xs);color:var(--color-gray-400)}@media (width<=768px){.footer-inner{text-align:center;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-xl);flex-direction:column}.footer-brand{max-width:100%}.footer-logo{justify-content:center}.footer-col{align-items:center!important}.footer-socials{justify-content:center}.footer-links{gap:var(--spacing-2xl);flex-wrap:wrap;justify-content:center}.footer-bottom{padding:var(--spacing-md)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid var(--border-color,#e2e8f0);border-top-color:var(--primary,#6366f1);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-message{color:var(--text-secondary,#64748b);font-size:.95rem}.hero{padding:var(--spacing-3xl) var(--spacing-lg);background:var(--color-gray-950);border:1px solid var(--border-color);color:var(--color-white);border-radius:var(--radius-2xl);min-height:480px;max-width:var(--max-content-width);margin:var(--spacing-xl) auto;width:calc(100% - var(--spacing-xl));box-shadow:var(--shadow-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;max-width:720px;position:relative}.hero-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-gray-300);margin-bottom:var(--spacing-xl);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;align-items:center;gap:8px;padding:6px 16px;font-weight:600;display:inline-flex}.hero-badge-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.hero-title{font-size:var(--font-size-5xl);letter-spacing:-1.5px;margin-bottom:var(--spacing-lg);font-weight:900;line-height:1.1}.hero-highlight{background:linear-gradient(135deg,#fff 0%,#a3a3a3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-200);margin-bottom:var(--spacing-2xl);max-width:560px;margin-left:auto;margin-right:auto;line-height:1.7}.hero-actions{justify-content:center;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-3xl);display:flex}.hero-actions .btn-primary{background:var(--color-white);color:var(--color-black)}.hero-actions .btn-primary:hover{background:var(--color-gray-200)}.hero-actions .btn-secondary{color:var(--color-white);background:0 0;border-color:#fff3}.hero-actions .btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.hero-stats{justify-content:center;align-items:center;gap:var(--spacing-xl);display:flex}.hero-stat{flex-direction:column;align-items:center;display:flex}.hero-stat-value{font-size:var(--font-size-2xl);color:var(--color-white);font-weight:800}.hero-stat-label{font-size:var(--font-size-xs);color:var(--color-gray-300);font-weight:500}.hero-stat-divider{background:#ffffff1a;width:1px;height:32px}.hero-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-grid{opacity:.04;grid-template-columns:repeat(4,1fr);gap:16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-grid-item{border:1px solid var(--color-white);border-radius:var(--radius-md);width:60px;height:60px;animation:.5s ease-out both fadeIn}.section-header{text-align:center;margin-bottom:var(--spacing-2xl)}.section-tag{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--spacing-sm);background:var(--color-gray-800);border-radius:var(--radius-full);padding:4px 12px;font-weight:700;display:inline-block}.section-title{font-size:var(--font-size-3xl);letter-spacing:-.5px;margin-bottom:8px;font-weight:800}.section-desc{font-size:var(--font-size-base);color:var(--text-tertiary)}.section-cta{text-align:center;margin-top:var(--spacing-2xl)}.how-it-works{padding:var(--spacing-3xl) 0;background:var(--surface-primary)}.steps-grid{gap:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.step-card{padding:var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal)}.step-card:hover{border-color:var(--color-gray-500);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number{font-size:var(--font-size-4xl);color:var(--color-gray-200);margin-bottom:var(--spacing-md);font-weight:900;line-height:1}.step-card h3{font-size:var(--font-size-base);margin-bottom:8px;font-weight:700}.step-card p{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:1.6}.departments-section{padding:var(--spacing-3xl) 0;background:var(--surface-secondary)}.departments-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.department-card{padding:var(--spacing-lg);cursor:pointer;text-align:left;display:block}.dept-card-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.dept-code-badge{color:var(--text-primary);font-size:var(--font-size-sm);letter-spacing:.05em;align-items:center;font-weight:700;display:inline-flex}.dept-paper-count{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.dept-name{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.3}.dept-card-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.dept-view-text{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.exam-types-section{padding:var(--spacing-3xl) 0;background:var(--surface-primary)}.exam-types-grid{gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}.exam-type-card{padding:var(--spacing-xl);text-align:center;cursor:pointer;display:block}.exam-type-icon{margin-bottom:var(--spacing-md);font-size:32px}.exam-type-card h3{font-size:var(--font-size-sm);margin-bottom:4px;font-weight:700}.exam-type-card p{font-size:var(--font-size-xs);color:var(--text-tertiary)}.recent-section{padding:var(--spacing-3xl) 0;background:var(--surface-secondary)}.recent-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.recent-card{overflow:hidden}.recent-card-inner{padding:var(--spacing-sm) var(--spacing-md)}.recent-card-top{margin-bottom:var(--spacing-md);gap:8px;display:flex}.recent-card-title{font-size:var(--font-size-base);margin-bottom:4px;font-weight:700;line-height:1.3}.recent-card-code{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.recent-card-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-md);align-items:center;gap:8px;display:flex}.recent-card-footer{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.recent-card-date{font-size:var(--font-size-xs);color:var(--text-tertiary)}.cta-section{padding:var(--spacing-3xl) 0;background:var(--surface-primary)}.cta-card{text-align:center;padding:var(--spacing-3xl);background:var(--color-gray-950);border:1px solid var(--border-color);color:var(--color-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.cta-card h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);font-weight:800}.cta-card p{font-size:var(--font-size-base);color:var(--color-gray-200);max-width:480px;margin:0 auto var(--spacing-xl);line-height:1.7}.cta-card .btn-primary{background:var(--color-white);color:var(--color-black)}.cta-card .btn-primary:hover{background:var(--color-gray-200)}@media (width<=1024px){.exam-types-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.hero{padding:var(--spacing-2xl) var(--spacing-md);min-height:400px;margin:var(--spacing-md) auto;width:calc(100% - var(--spacing-md) * 2);border-radius:var(--radius-xl)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.department-card{padding:var(--spacing-md);gap:4px var(--spacing-sm);grid-template-columns:1fr auto;align-items:center;display:grid}.dept-card-header{grid-column:1/3;margin-bottom:2px}.dept-name{font-size:var(--font-size-sm);margin-bottom:0}.dept-card-footer{border-top:none;grid-area:2/2/4/3;align-items:center;height:100%;padding-top:0;display:flex}.dept-view-text{font-size:11px}.step-card{padding:var(--spacing-md)}.recent-card-inner{padding:var(--spacing-md);gap:4px var(--spacing-sm);grid-template-columns:1fr auto;align-items:center;display:grid}.recent-card-top{grid-column:1/3;margin-bottom:2px}.recent-card-title,.recent-card-code,.recent-card-meta{margin-top:0;margin-bottom:0}.recent-card-footer{border-top:none;flex-direction:column;grid-area:2/2/6/3;justify-content:center;align-items:flex-end;margin-top:0;padding-top:0}.recent-card-date{display:none}.paper-actions{flex-direction:row;justify-content:flex-end;gap:8px;width:100%}.paper-actions .btn{width:auto;padding:5px 12px;font-size:11px}.hero-stats{gap:var(--spacing-lg);flex-wrap:wrap}.hero-stat-divider{display:none}.steps-grid{grid-template-columns:1fr}.departments-grid{gap:var(--spacing-md);grid-template-columns:1fr}.exam-types-grid{grid-template-columns:repeat(2,1fr)}.recent-grid{gap:var(--spacing-md);grid-template-columns:1fr}.section-title{font-size:var(--font-size-2xl)}}.paper-card{flex-direction:column;display:flex;overflow:hidden}.paper-card-header{padding:var(--spacing-md) var(--spacing-md) 0;justify-content:space-between;align-items:center;display:flex}.paper-card-badges{gap:6px;display:flex}.paper-card-top-right{align-items:center;gap:8px;display:flex}.paper-card-body{padding:var(--spacing-sm) var(--spacing-md);flex:1}.paper-title{font-size:var(--font-size-base);margin-bottom:4px;font-weight:700;line-height:1.3}.paper-code{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-sm);font-weight:500;display:block}.paper-meta{margin-bottom:var(--spacing-sm);align-items:center;gap:8px;display:flex}.paper-year{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.paper-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.paper-card-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.paper-stats{font-size:var(--font-size-xs);color:var(--text-tertiary);gap:12px;display:flex}.paper-actions{gap:6px;display:flex}.browse-page{padding:var(--spacing-2xl) 0 var(--spacing-3xl);min-height:calc(100vh - var(--header-height))}.browse-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);display:flex}.browse-header h1{font-size:var(--font-size-2xl);letter-spacing:-.5px;font-weight:800}.browse-header p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:2px}.browse-header-actions{align-items:center;gap:8px;display:flex}.view-toggle{background:var(--color-gray-800);border-radius:var(--radius-md);padding:2px;display:flex}.view-toggle .btn-icon.active{background:var(--color-gray-700);box-shadow:var(--shadow-sm);color:var(--color-white)}.browse-layout{gap:var(--spacing-xl);display:flex}.browse-filters{width:280px;top:calc(var(--header-height) + var(--spacing-xl));max-height:calc(100vh - var(--header-height) - var(--spacing-2xl));background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);flex-shrink:0;position:sticky;overflow-y:auto}.filters-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.filters-header h3{font-size:var(--font-size-base);font-weight:700}.filter-group{margin-bottom:var(--spacing-lg)}.filter-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-weight:600;display:block}.filter-chips{flex-wrap:wrap;gap:6px;display:flex}.filter-chip{font-size:var(--font-size-xs);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;background:0 0;padding:5px 12px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.filter-chip.active{background:var(--text-primary);color:var(--surface-primary);border-color:var(--text-primary);font-weight:600}[data-theme=light] .view-toggle{background:#e2e8f0}[data-theme=light] .view-toggle .btn-icon.active{color:#0f172a;background:#fff}.browse-content{flex:1;min-width:0}.sort-bar{margin-bottom:var(--spacing-lg);align-items:center;gap:10px;display:flex}.sort-label{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:500}.sort-select{width:auto;font-size:var(--font-size-xs);padding:6px 32px 6px 12px}.papers-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.papers-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.paper-list-item{padding:var(--spacing-lg);justify-content:space-between;align-items:center;gap:var(--spacing-lg);display:flex}.paper-list-info{flex:1;min-width:0}.paper-list-top-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.paper-list-badges{gap:6px;margin-bottom:6px;display:flex}.paper-list-info h3{font-size:var(--font-size-sm);margin-bottom:4px;font-weight:700}.paper-list-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);gap:12px;display:flex}.paper-list-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (width<=1024px){.papers-grid{grid-template-columns:1fr}}@media (width<=768px){.browse-page{padding:var(--spacing-lg) 0 var(--spacing-2xl)}.browse-header,.browse-layout{flex-direction:column}.browse-filters{width:100%;max-height:none;position:static}.paper-list-item{padding:10px var(--spacing-md);flex-direction:column;align-items:stretch;gap:4px}.paper-list-top-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.paper-list-top-row .favorite-btn{flex-shrink:0;width:26px;height:26px;font-size:16px}.paper-list-badges{flex-wrap:wrap;gap:4px;margin-bottom:0}.paper-list-info{padding-bottom:0}.paper-list-info h3{font-size:var(--font-size-sm);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;overflow:hidden}.paper-list-meta{gap:6px;font-size:11px}.paper-list-meta span:nth-child(n+3){display:none}.paper-list-actions{border-top:1px solid var(--border-color);flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:4px;padding-top:6px}.paper-list-actions .favorite-btn{margin-right:auto}.paper-list-actions .btn{width:auto;padding:5px 12px;font-size:11px}.view-toggle{display:none}.papers-list{gap:8px}.browse-header h1{font-size:var(--font-size-xl)}.browse-header p{font-size:var(--font-size-xs)}}.departments-page{padding:var(--spacing-xxl) 0;min-height:calc(100vh - 380px)}.departments-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.departments-header h1{margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:2.5rem;font-weight:800}.departments-header p{color:var(--text-secondary);max-width:600px;font-size:1.1rem}.departments-search{width:300px;max-width:100%}.departments-search .search-input{background-color:var(--surface-primary);border-color:var(--border-color)}.departments-search .search-input:focus{background-color:var(--surface-secondary);border-color:var(--border-color-strong)}.departments-page-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}@media (width<=768px){.departments-header{flex-direction:column;align-items:flex-start}.departments-search{width:100%}.departments-page-grid{gap:var(--spacing-md);grid-template-columns:1fr}}.login-page{min-height:calc(100vh - var(--header-height));padding:var(--spacing-2xl);background:var(--surface-secondary);justify-content:center;align-items:center;display:flex}.login-container{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:100%;max-width:420px;overflow:hidden}.login-header{text-align:center;padding:var(--spacing-2xl) var(--spacing-2xl) 0}.login-icon{background:var(--surface-elevated);border-radius:var(--radius-lg);width:48px;height:48px;margin:0 auto var(--spacing-lg);color:var(--text-primary);justify-content:center;align-items:center;display:flex}.login-header h1{font-size:var(--font-size-xl);margin-bottom:4px;font-weight:800}.login-header p{font-size:var(--font-size-sm);color:var(--text-tertiary)}.login-form{padding:var(--spacing-xl) var(--spacing-2xl)}.password-wrapper{position:relative}.password-toggle{cursor:pointer;opacity:.6;transition:opacity var(--transition-fast);background:0 0;border:none;padding:4px;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{opacity:1}.login-submit{width:100%;margin-top:var(--spacing-sm)}.login-spinner{border:2px solid #00000026;border-top-color:var(--color-black);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.login-footer{padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--surface-elevated)}.login-footer>p{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.login-credentials{flex-direction:column;gap:6px;display:flex}.credential-item{font-size:var(--font-size-sm);align-items:center;gap:8px;display:flex}.credential-label{color:var(--text-tertiary);font-weight:500}.credential-item code{background:var(--color-gray-700);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:2px 8px;font-family:SF Mono,Menlo,monospace;font-weight:600}@media (width<=480px){.login-page{padding:var(--spacing-md);padding-top:var(--spacing-2xl);align-items:flex-start}.login-header,.login-form,.login-footer{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.dashboard{padding:var(--spacing-2xl) 0 var(--spacing-3xl);min-height:calc(100vh - var(--header-height))}.dashboard-header{margin-bottom:var(--spacing-xl)}.dashboard-header h1{font-size:var(--font-size-2xl);letter-spacing:-.5px;font-weight:800}.dashboard-header p{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:2px}.dashboard-content{margin-top:var(--spacing-xl)}.stats-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}.stat-card .stat-icon{margin-bottom:var(--spacing-sm);font-size:24px}.dash-section{margin-bottom:var(--spacing-2xl)}.dash-section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.dash-section-header h2{font-size:var(--font-size-lg);font-weight:700}.upload-form{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.upload-form h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);font-weight:700}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.form-row-3{gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr;display:grid}.form-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);display:flex}.recent-uploads-grid{gap:var(--spacing-md);grid-template-columns:repeat(3,1fr);display:grid}.papers-table-actions{gap:6px;display:flex}.activity-list{flex-direction:column;display:flex}.activity-item{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-color);transition:background var(--transition-fast);display:flex}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--color-gray-800)}.activity-dot{background:var(--color-gray-300);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.activity-dot.login{background:#22c55e}.activity-dot.logout{background:#a3a3a3}.activity-dot.upload_paper{background:#3b82f6}.activity-dot.delete_paper{background:#ef4444}.activity-dot.create_dept{background:#8b5cf6}.activity-dot.delete_dept{background:#ef4444}.activity-dot.create_user{background:#f59e0b}.activity-dot.delete_user{background:#ef4444}.activity-info{flex:1}.activity-message{font-size:var(--font-size-sm);font-weight:500}.activity-time{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.chart-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.chart-card{background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);flex-direction:column;gap:8px;display:flex}.chart-card-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.chart-card-title{font-size:var(--font-size-sm);color:var(--text-primary);flex-direction:column;font-weight:600;display:flex}.chart-card-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:11px;font-weight:400}.chart-card-val{font-size:var(--font-size-2xl);letter-spacing:-1px;color:var(--text-primary);font-weight:800}.chart-card-bar-wrap{background:var(--color-gray-800);border-radius:var(--radius-full);height:6px;margin-top:auto;overflow:hidden}.chart-card-bar{background:var(--color-gray-300);border-radius:var(--radius-full);height:100%;transition:width .6s ease-out}@media (width<=768px){.chart-grid{grid-template-columns:repeat(2,1fr)}}.manager-filters{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.manager-filters .form-select{min-width:140px}.paper-manager-top{align-items:center;gap:var(--spacing-md);grid-template-columns:1fr auto;display:grid}.paper-manager-header{margin-bottom:0}.paper-manager-filters,.paper-manager-form{grid-column:1/-1}.paper-upload-btn-mobile{display:none}.tab-icon{margin-right:6px}@media (width<=1024px){.stats-grid,.recent-uploads-grid{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:1fr}}@media (width<=768px){.dashboard{padding:var(--spacing-lg) 0 var(--spacing-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row,.recent-uploads-grid{grid-template-columns:1fr}.dash-section-header{align-items:stretch;gap:var(--spacing-sm);flex-direction:column}.dash-section-header button{width:100%}.manager-filters{flex-direction:column;align-items:stretch}.manager-filters .form-select{width:100%!important}.manager-filters .search-wrapper{flex:unset!important;max-width:none!important}.form-actions{flex-flow:column wrap}.form-actions button{width:100%}.paper-upload-btn-desktop{display:none}.paper-upload-btn-mobile{width:100%;display:block}.paper-manager-top{flex-direction:column;align-items:stretch;display:flex}.paper-manager-header{margin-bottom:var(--spacing-md);order:1}.paper-manager-filters{order:2;margin-bottom:0}.paper-manager-form{margin-top:var(--spacing-md);order:3}.paper-manager-top{margin-bottom:var(--spacing-lg)}.papers-grid.show-on-mobile{gap:var(--spacing-md);flex-direction:column}}.profile-settings{gap:var(--spacing-xl);flex-direction:column;max-width:680px;display:flex}.profile-card{background:var(--surface-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.profile-card-header{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color);display:flex}.profile-avatar{background:linear-gradient(135deg, var(--color-gray-700), var(--color-gray-900));width:56px;height:56px;color:var(--color-white);border-radius:var(--radius-full);border:2px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex}.profile-header-info{flex-direction:column;flex:1;gap:4px;display:flex}.profile-header-info h2{font-size:var(--font-size-lg);letter-spacing:-.3px;font-weight:700}.profile-role-badge{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:500}.profile-edit-btn{flex-shrink:0}.profile-details-grid{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.profile-detail-item{flex-direction:column;gap:4px;display:flex}.profile-detail-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.profile-detail-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:600}.profile-edit-form{gap:var(--spacing-md);flex-direction:column;display:flex}.profile-edit-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex}.profile-card-section-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.profile-card-section-header h3{font-size:var(--font-size-base);font-weight:700}.profile-card-desc{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.profile-password-form{gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color);flex-direction:column;display:flex}@media (width<=768px){.profile-details-grid{grid-template-columns:1fr}.profile-card-header{flex-direction:column;align-items:flex-start}.profile-edit-btn{width:100%}.profile-card-section-header{flex-direction:column;align-items:flex-start}.profile-card-section-header button{width:100%}.profile-edit-actions{flex-direction:column}.profile-edit-actions button{width:100%}}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper .form-input{width:100%;padding-right:42px}.password-toggle-btn{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;line-height:1;display:flex;position:absolute;right:10px}.password-toggle-btn:hover{color:var(--text-primary)}.password-success-banner{justify-content:space-between;align-items:center;gap:var(--spacing-md);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);background:#22c55e1f;border:1px solid #22c55e59;animation:.3s bannerSlideIn;display:flex}@keyframes bannerSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.password-success-banner-content{align-items:flex-start;gap:var(--spacing-sm);color:#22c55e;display:flex}.password-success-banner-content strong{font-size:var(--font-size-sm);color:#22c55e;font-weight:700;display:block}.password-success-banner-content p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.password-reveal{font-family:monospace;font-size:var(--font-size-sm);color:var(--text-primary);background:var(--surface-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);letter-spacing:.05em;padding:1px 6px;font-weight:700}.password-success-dismiss{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-sm);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.password-success-dismiss:hover{color:var(--text-primary);background:var(--color-gray-700)}