@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--ghana-red: #CE1126;--ghana-red-light: #E8424F;--ghana-red-dark: #A50E1F;--ghana-gold: #FCD116;--ghana-gold-light: #FDDD5C;--ghana-gold-dark: #D4AF0A;--ghana-green: #006B3F;--ghana-green-light: #00895A;--ghana-green-dark: #004D2D;--ghana-black: #1A1A1A;--neutral-50: #FAFAFA;--neutral-100: #F5F5F5;--neutral-200: #E5E5E5;--neutral-300: #D4D4D4;--neutral-400: #A3A3A3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--success: var(--ghana-green);--warning: var(--ghana-gold);--danger: var(--ghana-red);--info: #0EA5E9;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-8: 3rem;--space-10: 4rem;--space-12: 5rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--sidebar-width: 280px;--header-height: 72px}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:.9375rem;line-height:1.6;color:var(--neutral-800);background-color:var(--neutral-100);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:700;line-height:1.3;color:var(--neutral-900)}.display-heading{font-family:var(--font-display);font-weight:400}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{margin-bottom:var(--space-4)}a{color:var(--ghana-green);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--ghana-green-dark)}button{font-family:var(--font-body);font-size:.875rem;font-weight:600;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-primary{background:var(--ghana-green);color:#fff}.btn-primary:hover{background:var(--ghana-green-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--neutral-200);color:var(--neutral-800)}.btn-secondary:hover{background:var(--neutral-300)}.btn-danger{background:var(--ghana-red);color:#fff}.btn-danger:hover{background:var(--ghana-red-dark)}.btn-ghost{background:transparent;color:var(--neutral-600)}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-900)}.btn-gold{background:var(--ghana-gold);color:var(--ghana-black)}.btn-gold:hover{background:var(--ghana-gold-dark)}input,textarea,select{font-family:var(--font-body);font-size:.9375rem;padding:var(--space-3) var(--space-4);border:1px solid var(--neutral-300);border-radius:var(--radius-md);background:#fff;color:var(--neutral-800);transition:all var(--transition-fast);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--ghana-green);box-shadow:0 0 0 3px #006b3f1a}input::placeholder{color:var(--neutral-400)}.card{background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--neutral-200);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--space-5);border-bottom:1px solid var(--neutral-200)}.card-body{padding:var(--space-5)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-success{background:#006b3f1a;color:var(--ghana-green)}.badge-warning{background:#fcd11633;color:var(--ghana-gold-dark)}.badge-danger{background:#ce11261a;color:var(--ghana-red)}.badge-info{background:#0ea5e91a;color:var(--info)}.badge-neutral{background:var(--neutral-100);color:var(--neutral-600)}.kente-border{position:relative}.kente-border:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:repeating-linear-gradient(90deg,var(--ghana-red) 0px,var(--ghana-red) 20px,var(--ghana-gold) 20px,var(--ghana-gold) 40px,var(--ghana-green) 40px,var(--ghana-green) 60px,var(--ghana-black) 60px,var(--ghana-black) 80px)}.ghana-star{display:inline-block;width:24px;height:24px;background:var(--ghana-gold);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeIn{animation:fadeIn var(--transition-normal) ease-out}.animate-slideUp{animation:slideUp var(--transition-normal) ease-out}.animate-slideIn{animation:slideIn var(--transition-normal) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.grid{display:grid}.w-full{width:100%}.h-full{height:100%}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}::selection{background:var(--ghana-gold);color:var(--ghana-black)}:root{--ghana-red: #CE1126;--ghana-gold: #FCD116;--ghana-gold-dark: #D4A800;--ghana-gold-light: #FFE55C;--ghana-green: #006B3F;--ghana-green-dark: #004D2C;--ghana-green-light: #008A4F;--ghana-black: #000000;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--bg-deep: #0A0D14;--bg-dark: #0F1419;--bg-elevated: #151B24;--bg-card: #1A222D;--bg-hover: #1F2937;--glass-white: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .06);--glass-highlight: rgba(255, 255, 255, .1);--glass-gold: rgba(252, 209, 22, .08);--font-display: "Bookman Old Style", "URW Bookman", "Bookman", "Georgia", serif;--font-body: "Bookman Old Style", "URW Bookman", "Bookman", "Georgia", serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-gold: 0 0 30px rgba(252, 209, 22, .15);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--sidebar-width: 280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--slate-100);line-height:1.6;overflow-x:hidden}input,select,textarea,button{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none}a{text-decoration:none;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}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 pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes goldGlow{0%,to{box-shadow:0 0 20px #fcd11633}50%{box-shadow:0 0 30px #fcd11666}}@keyframes floatStar{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.app-layout{display:flex;min-height:100vh;width:100%;background:var(--bg-deep);opacity:0;transition:opacity var(--transition-slow)}.app-layout.mounted{opacity:1}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-deep) 50%,var(--bg-dark) 100%);position:relative}.main-content:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0% 0%,rgba(0,107,63,.08) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(252,209,22,.05) 0%,transparent 50%);pointer-events:none}.content-area{flex:1;padding:var(--space-8);overflow-y:auto;position:relative;z-index:1}.sidebar{width:var(--sidebar-width);background:var(--bg-elevated);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;animation:slideInLeft .5s ease}.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(252,209,22,.03) 0%,transparent 30%);pointer-events:none}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--glass-border);position:relative}.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-emblem{width:48px;height:48px;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-dark) 100%);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-gold);animation:goldGlow 3s ease-in-out infinite}.logo-emblem svg{animation:floatStar 4s ease-in-out infinite}.logo-text{display:flex;flex-direction:column}.logo-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ghana-gold);letter-spacing:.05em;line-height:1.1}.logo-subtitle{font-size:.7rem;color:var(--slate-400);text-transform:uppercase;letter-spacing:.15em}.sidebar-content{flex:1;padding:var(--space-5);overflow-y:auto}.btn-new-document{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%);color:#fff;font-weight:600;border-radius:var(--radius-lg);margin-bottom:var(--space-6);transition:all var(--transition-normal);box-shadow:0 4px 12px #006b3f4d}.btn-new-document:hover{transform:translateY(-2px);box-shadow:0 6px 20px #006b3f66}.btn-new-document svg{width:18px;height:18px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-6)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--slate-400);font-weight:500;font-size:.9375rem;width:100%;text-align:left;transition:all var(--transition-fast);position:relative;animation:fadeIn .5s ease backwards}.nav-item svg{width:20px;height:20px;flex-shrink:0}.nav-item:hover{background:var(--glass-white);color:var(--slate-200)}.nav-item.active{background:linear-gradient(90deg,rgba(252,209,22,.1) 0%,transparent 100%);color:var(--ghana-gold)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:linear-gradient(180deg,var(--ghana-gold) 0%,var(--ghana-gold-dark) 100%);border-radius:0 2px 2px 0}.nav-badge{margin-left:auto;background:var(--ghana-red);color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;min-width:20px;text-align:center}.sidebar-section{margin-top:var(--space-5);padding-top:var(--space-3)}.sidebar-section:first-of-type{margin-top:var(--space-2);padding-top:0}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--slate-500);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-1)}.section-title svg{width:12px;height:12px;opacity:.7}.folder-tree,.folder-item-wrapper{display:flex;flex-direction:column}.folder-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;color:var(--slate-400);font-size:.875rem;transition:all var(--transition-fast);width:100%;text-align:left}.folder-item:hover{background:var(--glass-white);color:var(--slate-200)}.folder-chevron{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.folder-chevron svg{width:14px;height:14px}.folder-item svg:not(.folder-chevron svg){width:18px;height:18px;color:var(--ghana-gold)}.folder-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-count{font-size:.7rem;color:var(--slate-500);background:var(--bg-dark);padding:2px 8px;border-radius:9999px}.folder-children{margin-left:var(--space-4)}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--glass-border);display:flex;flex-direction:column;gap:var(--space-1);background:var(--bg-dark)}.sidebar-footer .nav-item{font-size:.85rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.sidebar-footer .nav-item svg{width:18px;height:18px}.main-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-8);background:var(--bg-elevated);border-bottom:1px solid var(--glass-border);gap:var(--space-6);position:relative;z-index:10;animation:fadeIn .5s ease}.main-header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(252,209,22,.3),transparent)}.header-search{flex:1;max-width:600px}.search-container{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.search-container:hover{border-color:var(--glass-highlight)}.search-container.focused{border-color:var(--ghana-gold);box-shadow:0 0 0 3px #fcd1161a}.search-container svg{width:20px;height:20px;color:var(--slate-400);flex-shrink:0}.search-container input{flex:1;border:none;background:transparent;padding:0;font-size:.9375rem;color:var(--slate-100)}.search-container input::placeholder{color:var(--slate-500)}.search-container input:focus{outline:none}.search-container kbd{background:var(--bg-card);color:var(--slate-400);padding:4px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-body);border:1px solid var(--glass-border)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.btn-upload{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--ghana-gold) 0%,var(--ghana-gold-dark) 100%);color:var(--bg-deep);font-weight:600;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-upload svg{width:18px;height:18px}.btn-upload:hover{transform:translateY(-1px);box-shadow:var(--shadow-gold)}.header-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-dark);border:1px solid var(--glass-border);color:var(--slate-400);display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--transition-fast)}.header-icon-btn svg{width:20px;height:20px}.header-icon-btn:hover{background:var(--bg-card);color:var(--slate-200)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--ghana-red);border-radius:50%;border:2px solid var(--bg-elevated)}.user-menu-container{position:relative}.user-menu-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.user-menu-btn:hover{background:var(--glass-white)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.user-info{display:flex;flex-direction:column;text-align:left}.user-name{font-weight:600;color:var(--slate-100);font-size:.875rem}.user-role{font-size:.75rem;color:var(--slate-400)}.user-menu-btn>svg{width:16px;height:16px;color:var(--slate-400)}.user-dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-2);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);min-width:180px;z-index:100;overflow:hidden;animation:fadeInUp .2s ease}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);color:var(--slate-300);font-size:.9rem;transition:all var(--transition-fast)}.dropdown-item svg{width:18px;height:18px}.dropdown-item:hover{background:var(--glass-white);color:var(--ghana-red)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);animation:fadeInUp .5s ease}.page-header-content h1{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--slate-50);margin-bottom:var(--space-1);background:linear-gradient(135deg,var(--slate-50) 0%,var(--slate-300) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header-content p{color:var(--slate-400);font-size:.9375rem}.page-header-date{display:flex;align-items:center;gap:var(--space-2);color:var(--slate-400);font-size:.875rem;padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.page-header-date svg{width:18px;height:18px;color:var(--ghana-gold)}.page-header-actions{display:flex;align-items:center;gap:var(--space-3)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-normal);animation:fadeInUp .5s ease backwards;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-color),transparent)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--glass-highlight)}.stat-card.stat-green{--accent-color: var(--ghana-green)}.stat-card.stat-gold{--accent-color: var(--ghana-gold)}.stat-card.stat-red{--accent-color: var(--ghana-red)}.stat-card.stat-neutral{--accent-color: var(--slate-500)}.stat-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-dark);border:1px solid var(--glass-border)}.stat-icon svg{width:28px;height:28px}.stat-green .stat-icon{color:var(--ghana-green)}.stat-gold .stat-icon{color:var(--ghana-gold)}.stat-red .stat-icon{color:var(--ghana-red)}.stat-neutral .stat-icon{color:var(--slate-400)}.stat-value{display:block;font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--slate-50);line-height:1.1}.stat-title{font-size:.875rem;color:var(--slate-400);margin-top:var(--space-1)}.stat-change{display:flex;align-items:center;gap:var(--space-1);font-size:.8125rem;font-weight:600;color:var(--ghana-green);margin-top:var(--space-2)}.stat-change svg{width:16px;height:16px}.dashboard{animation:fadeIn .5s ease}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.dashboard-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;animation:fadeInUp .5s ease backwards}.tasks-card{grid-row:span 2;animation-delay:.2s}.recent-card{animation-delay:.25s}.actions-card{animation-delay:.3s}.card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--glass-border)}.card-header h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--slate-100)}.btn-text{color:var(--ghana-gold);font-size:.875rem;font-weight:500;transition:color var(--transition-fast)}.btn-text:hover{color:var(--ghana-gold-light)}.tasks-list{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.task-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);animation:fadeInUp .4s ease backwards}.task-item:hover{border-color:var(--glass-highlight);background:var(--bg-hover)}.task-priority-indicator{width:4px;height:40px;border-radius:2px;flex-shrink:0}.task-priority-indicator[data-priority=urgent]{background:var(--ghana-red)}.task-priority-indicator[data-priority=high]{background:var(--ghana-gold)}.task-priority-indicator[data-priority=normal]{background:var(--ghana-green)}.task-priority-indicator[data-priority=low]{background:var(--slate-500)}.task-content{flex:1;min-width:0}.task-content h4{font-size:.9375rem;font-weight:600;color:var(--slate-100);margin-bottom:var(--space-1)}.task-content p{font-size:.8125rem;color:var(--slate-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-meta{display:flex;gap:var(--space-3);margin-top:var(--space-2);font-size:.75rem}.task-due{color:var(--ghana-gold);font-weight:600}.task-by{color:var(--slate-500)}.btn-task-action{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#006b3f1a;color:var(--ghana-green);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-task-action svg{width:16px;height:16px}.btn-task-action:hover{background:var(--ghana-green);color:#fff}.recent-list{padding:var(--space-4)}.recent-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);animation:fadeInUp .4s ease backwards}.recent-item:hover{background:var(--glass-white)}.recent-icon{width:40px;height:40px;background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--ghana-green)}.recent-icon svg{width:20px;height:20px}.recent-content{flex:1;min-width:0}.recent-content h4{font-size:.875rem;font-weight:600;color:var(--slate-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-content p{font-size:.75rem;color:var(--slate-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-time{font-size:.75rem;color:var(--slate-500);white-space:nowrap}.quick-actions{padding:var(--space-5);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.quick-action-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.quick-action-btn:hover{transform:translateY(-2px);border-color:var(--glass-highlight);background:var(--bg-hover)}.quick-action-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.quick-action-icon svg{width:24px;height:24px;color:#fff}.quick-action-icon.green{background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%)}.quick-action-icon.gold{background:linear-gradient(135deg,var(--ghana-gold) 0%,var(--ghana-gold-dark) 100%)}.quick-action-icon.red{background:linear-gradient(135deg,var(--ghana-red) 0%,#9A0D1C 100%)}.quick-action-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.quick-action-btn span{font-size:.875rem;font-weight:500;color:var(--slate-300)}.documents-page{animation:fadeIn .5s ease}.btn-secondary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);color:var(--slate-300);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-secondary svg{width:18px;height:18px}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--glass-highlight)}.btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%);color:#fff;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #006b3f4d}.btn-ghost{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;color:var(--slate-300);font-weight:500;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-ghost svg{width:16px;height:16px}.btn-ghost:hover{background:var(--glass-white)}.btn-ghost.danger:hover{background:#ce11261a;color:var(--ghana-red)}.view-toggle{display:flex;background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:2px}.view-btn{width:36px;height:32px;border-radius:var(--radius-sm);background:transparent;color:var(--slate-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.view-btn svg{width:18px;height:18px}.view-btn.active{background:var(--bg-card);color:var(--ghana-gold)}.view-btn:hover:not(.active){color:var(--slate-300)}.bulk-actions{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%);color:#fff;border-radius:var(--radius-lg);margin-bottom:var(--space-5);animation:fadeInUp .3s ease}.bulk-count{font-weight:600}.bulk-btns{display:flex;gap:var(--space-2);margin-left:auto}.bulk-btns .btn-ghost{color:#fff}.bulk-btns .btn-ghost:hover{background:#ffffff26}.bulk-btns .btn-ghost.danger:hover{background:#ffffff26;color:#fff}.documents-table-wrapper{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden}.documents-table{width:100%;border-collapse:collapse}.documents-table th{text-align:left;padding:var(--space-4) var(--space-5);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--slate-400);background:var(--bg-dark);border-bottom:1px solid var(--glass-border)}.documents-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border);vertical-align:middle}.document-row{transition:all var(--transition-fast);animation:fadeInUp .4s ease backwards}.document-row:hover{background:var(--glass-white)}.document-row.selected{background:#fcd1160d}.checkbox-wrapper{display:flex;align-items:center;justify-content:center;cursor:pointer}.checkbox-wrapper input{position:absolute;opacity:0;cursor:pointer}.checkbox-wrapper .checkmark{width:18px;height:18px;background:var(--bg-dark);border:2px solid var(--glass-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);position:relative}.checkbox-wrapper input:checked+.checkmark{background:var(--ghana-green);border-color:var(--ghana-green)}.checkbox-wrapper input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.document-cell{display:flex;align-items:center;gap:var(--space-3)}.star-btn{background:transparent;padding:var(--space-1);color:var(--slate-600);transition:all var(--transition-fast)}.star-btn svg{width:18px;height:18px}.star-btn.starred,.star-btn:hover{color:var(--ghana-gold)}.star-btn.starred svg{fill:var(--ghana-gold)}.document-info{display:flex;flex-direction:column;min-width:0}.document-title{font-weight:600;color:var(--slate-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{font-size:.75rem;color:var(--slate-500)}.reference-code{font-size:.75rem;background:var(--bg-dark);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--slate-300);font-family:JetBrains Mono,monospace}.col-type,.col-modified{color:var(--slate-400);font-size:.875rem}.table-action-btn svg{width:18px;height:18px}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.badge svg{width:14px;height:14px}.badge-success{background:#006b3f26;color:var(--ghana-green);border:1px solid rgba(0,107,63,.3)}.badge-warning{background:#fcd11626;color:var(--ghana-gold);border:1px solid rgba(252,209,22,.3)}.badge-danger{background:#ce112626;color:var(--ghana-red);border:1px solid rgba(206,17,38,.3)}.badge-neutral{background:var(--bg-dark);color:var(--slate-400);border:1px solid var(--glass-border)}.security-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.security-badge svg{width:12px;height:12px}.security-green{background:#006b3f1a;color:var(--ghana-green);border:1px solid rgba(0,107,63,.2)}.security-gold{background:#fcd1161a;color:var(--ghana-gold);border:1px solid rgba(252,209,22,.2)}.security-red{background:#ce11261a;color:var(--ghana-red);border:1px solid rgba(206,17,38,.2)}.security-dark{background:#0f172acc;color:var(--slate-300);border:1px solid var(--glass-border)}.priority-badge{display:inline-flex;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.priority-urgent{background:#ce112626;color:var(--ghana-red)}.priority-high{background:#fcd11626;color:var(--ghana-gold)}.priority-normal{background:#006b3f26;color:var(--ghana-green)}.priority-low{background:var(--bg-dark);color:var(--slate-400)}.tasks-page{animation:fadeIn .5s ease}.tasks-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:9999px;background:var(--bg-card);border:1px solid var(--glass-border);color:var(--slate-400);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--glass-highlight);color:var(--slate-200)}.filter-btn.active{background:linear-gradient(135deg,var(--ghana-gold) 0%,var(--ghana-gold-dark) 100%);border-color:var(--ghana-gold);color:var(--bg-deep)}.filter-count{background:var(--bg-dark);padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:700}.filter-btn.active .filter-count{background:#0003;color:var(--bg-deep)}.tasks-full-list{display:flex;flex-direction:column;gap:var(--space-4)}.task-full-card{display:flex;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);animation:fadeInUp .4s ease backwards}.task-full-card:hover{border-color:var(--glass-highlight);box-shadow:var(--shadow-lg)}.task-priority-bar{width:4px;flex-shrink:0}.task-priority-bar[data-priority=urgent]{background:var(--ghana-red)}.task-priority-bar[data-priority=high]{background:var(--ghana-gold)}.task-priority-bar[data-priority=normal]{background:var(--ghana-green)}.task-priority-bar[data-priority=low]{background:var(--slate-500)}.task-full-content{flex:1;padding:var(--space-6)}.task-full-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.task-type-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.05em;color:var(--slate-300)}.task-type-badge svg{width:14px;height:14px}.task-full-content h3{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--slate-100);margin-bottom:var(--space-2)}.task-document-name{display:flex;align-items:center;gap:var(--space-2);color:var(--slate-400);font-size:.875rem;margin-bottom:var(--space-3)}.task-document-name svg{width:16px;height:16px;color:var(--ghana-green)}.task-full-meta{display:flex;gap:var(--space-5);font-size:.8125rem;color:var(--slate-500)}.task-full-meta span{display:flex;align-items:center;gap:var(--space-2)}.task-full-meta svg{width:16px;height:16px}.task-full-actions{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-left:1px solid var(--glass-border);background:var(--bg-dark);justify-content:center;min-width:200px}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);width:100%;max-width:640px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:fadeInUp .3s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--glass-border)}.modal-header h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--slate-100)}.modal-close{width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-dark);border:1px solid var(--glass-border);color:var(--slate-400);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal-close svg{width:20px;height:20px}.modal-close:hover{background:var(--bg-hover);color:var(--slate-200)}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--glass-border);background:var(--bg-dark)}.upload-zone{border:2px dashed var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center;transition:all var(--transition-fast);background:var(--bg-dark)}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--ghana-gold);background:var(--glass-gold)}.upload-icon{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--ghana-gold)}.upload-icon svg{width:36px;height:36px}.upload-zone h3{font-family:var(--font-display);font-size:1.25rem;color:var(--slate-100);margin-bottom:var(--space-2)}.upload-zone p{color:var(--slate-400);margin-bottom:var(--space-4)}.upload-info{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-5);padding:var(--space-4);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.upload-info span{font-size:.8125rem;color:var(--slate-400)}.upload-form{margin-top:var(--space-6)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-2);color:var(--slate-200)}.form-group input,.form-group select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--slate-100);font-size:.9375rem;transition:all var(--transition-fast)}.form-group input::placeholder{color:var(--slate-500)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--ghana-gold);box-shadow:0 0 0 3px #fcd1161a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-deep)}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);animation:fadeIn .5s ease}.loading-content svg{animation:floatStar 2s ease-in-out infinite}.loading-spinner{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--ghana-gold);border-radius:50%;animation:spin 1s linear infinite}.loading-screen p{color:var(--slate-400);font-size:.9375rem}@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.tasks-card{grid-row:auto}}@media(max-width:968px){:root{--sidebar-width: 240px}.content-area{padding:var(--space-5)}.stats-grid{grid-template-columns:1fr}.task-full-card{flex-direction:column}.task-full-actions{flex-direction:row;border-left:none;border-top:1px solid var(--glass-border);min-width:auto}.form-row{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{position:fixed;left:-100%;z-index:100;transition:left var(--transition-normal)}.sidebar.open{left:0}.main-header{padding:var(--space-4)}.header-search{display:none}.page-header{flex-direction:column;gap:var(--space-4)}.page-header-actions{width:100%;justify-content:flex-end}.tasks-filters{flex-wrap:wrap}.documents-table-wrapper{overflow-x:auto}.documents-table{min-width:800px}.quick-actions{grid-template-columns:1fr}}@media(max-width:480px){.content-area,.stat-card{padding:var(--space-4)}.stat-value{font-size:1.5rem}.modal-content{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--slate-700);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--slate-600)}[data-theme=light]{--bg-deep: #F8FAFC;--bg-dark: #FFFFFF;--bg-elevated: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #F1F5F9;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #64748B;--slate-300: #475569;--slate-200: #334155;--slate-100: #1E293B;--slate-50: #0F172A;--glass-white: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .08);--glass-highlight: rgba(0, 0, 0, .12);--glass-gold: rgba(252, 209, 22, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .16);--shadow-gold: 0 0 30px rgba(252, 209, 22, .2)}[data-theme=light] body{background:var(--bg-deep);color:var(--slate-800)}[data-theme=light] .sidebar{background:var(--bg-elevated);border-right:1px solid var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=light] .sidebar:before{background:linear-gradient(180deg,rgba(252,209,22,.06) 0%,transparent 30%)}[data-theme=light] .logo-title{color:var(--ghana-green-dark)}[data-theme=light] .logo-emblem{background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid var(--glass-border)}[data-theme=light] .main-content{background:linear-gradient(135deg,#f8fafc,#eff6ff,#f8fafc)}[data-theme=light] .main-content:before{background:radial-gradient(ellipse at 0% 0%,rgba(0,107,63,.04) 0%,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(252,209,22,.04) 0%,transparent 50%)}[data-theme=light] .main-header{background:var(--bg-elevated);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}[data-theme=light] .main-header:before{background:linear-gradient(90deg,transparent,rgba(0,107,63,.2),transparent)}[data-theme=light] .search-container{background:var(--bg-deep);border:1px solid var(--glass-border)}[data-theme=light] .search-container input{color:var(--slate-800)}[data-theme=light] .header-icon-btn{background:var(--bg-deep);border:1px solid var(--glass-border)}[data-theme=light] .stat-card{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=light] .stat-icon{background:var(--bg-deep)}[data-theme=light] .dashboard-card{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=light] .task-item,[data-theme=light] .recent-icon,[data-theme=light] .quick-action-btn{background:var(--bg-deep);border:1px solid var(--glass-border)}[data-theme=light] .documents-table-wrapper{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=light] .documents-table th{background:var(--bg-deep)}[data-theme=light] .reference-code{background:var(--bg-deep);color:var(--slate-700)}[data-theme=light] .checkbox-wrapper .checkmark{background:var(--bg-deep);border:2px solid var(--glass-border)}[data-theme=light] .filter-btn{background:var(--bg-card);border:1px solid var(--glass-border)}[data-theme=light] .task-full-card{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-md)}[data-theme=light] .task-full-actions,[data-theme=light] .task-type-badge{background:var(--bg-deep)}[data-theme=light] .modal-overlay{background:#0006}[data-theme=light] .modal-content{background:var(--bg-card);box-shadow:var(--shadow-xl)}[data-theme=light] .modal-footer{background:var(--bg-deep)}[data-theme=light] .upload-zone{background:var(--bg-deep);border:2px dashed var(--glass-border)}[data-theme=light] .upload-icon{background:var(--bg-card)}[data-theme=light] .upload-info{background:var(--bg-deep)}[data-theme=light] .form-group input,[data-theme=light] .form-group select{background:var(--bg-deep);border:1px solid var(--glass-border);color:var(--slate-800)}[data-theme=light] .btn-secondary{background:var(--bg-deep);border:1px solid var(--glass-border);color:var(--slate-700)}[data-theme=light] .view-toggle{background:var(--bg-deep)}[data-theme=light] .view-btn.active{background:var(--bg-card);box-shadow:var(--shadow-sm)}[data-theme=light] .user-dropdown{background:var(--bg-card);box-shadow:var(--shadow-xl)}[data-theme=light] .folder-count,[data-theme=light] .loading-screen{background:var(--bg-deep)}[data-theme=light] .nav-item.active{background:linear-gradient(90deg,rgba(0,107,63,.1) 0%,transparent 100%);color:var(--ghana-green)}[data-theme=light] .nav-item.active:before{background:linear-gradient(180deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%)}[data-theme=light] .page-header-date{background:var(--bg-card);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}[data-theme=light] .search-container kbd{background:var(--bg-card);border:1px solid var(--glass-border)}.theme-toggle{position:relative;padding:0;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.theme-toggle-track{position:relative;width:56px;height:30px;background:linear-gradient(135deg,var(--bg-dark) 0%,var(--bg-card) 100%);border:1px solid var(--glass-border);border-radius:15px;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.theme-toggle-track:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(252,209,22,.1) 0%,transparent 50%);opacity:0;transition:opacity .4s ease}[data-theme=light] .theme-toggle-track{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border-color:#0ea5e94d}[data-theme=light] .theme-toggle-track:before{background:linear-gradient(135deg,rgba(14,165,233,.2) 0%,transparent 50%);opacity:1}.theme-toggle-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px;pointer-events:none}.theme-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.theme-icon svg{width:14px;height:14px}.sun-icon{color:var(--ghana-gold);opacity:.4;transform:scale(.8)}.moon-icon{color:var(--slate-300);opacity:1;transform:scale(1)}[data-theme=light] .sun-icon{color:#f59e0b;opacity:1;transform:scale(1)}[data-theme=light] .moon-icon{color:var(--slate-400);opacity:.4;transform:scale(.8)}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;background:linear-gradient(135deg,var(--slate-200) 0%,var(--slate-400) 100%);border-radius:50%;transition:all .4s cubic-bezier(.68,-.6,.32,1.6);box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff1a}.theme-toggle-thumb.dark{transform:translate(0);background:linear-gradient(135deg,#374151,#1f2937)}.theme-toggle-thumb.light{transform:translate(26px);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466,inset 0 1px 2px #ffffff4d}.theme-toggle:hover .theme-toggle-track{border-color:var(--ghana-gold);box-shadow:0 0 0 3px #fcd1161a}[data-theme=light] .theme-toggle:hover .theme-toggle-track{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.theme-toggle:active .theme-toggle-thumb{width:26px}.theme-toggle:active .theme-toggle-thumb.light{transform:translate(22px)}@keyframes sunRays{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.theme-toggle:hover .sun-icon svg{animation:sunRays 2s linear infinite}.notification-container{position:relative}.notification-btn.header-icon-btn{position:relative;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#fbbf2433,#f59e0b26);border:1.5px solid rgba(251,191,36,.4);color:#fbbf24;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.notification-btn.header-icon-btn svg{width:20px;height:20px;filter:drop-shadow(0 0 6px rgba(251,191,36,.5));transition:all .3s ease}.notification-btn.header-icon-btn:hover{background:linear-gradient(135deg,#fbbf2459,#f59e0b40);border-color:#fbbf24b3;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #fbbf2466}.notification-btn.header-icon-btn:hover svg{filter:drop-shadow(0 0 10px rgba(251,191,36,.8));animation:bellRing .6s ease}@keyframes bellRing{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-12deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(4deg)}}.notification-btn.header-icon-btn.active{background:linear-gradient(135deg,#fbbf2466,#f59e0b4d);border-color:#fbbf24;color:#fbbf24;box-shadow:0 0 20px #fbbf2480,inset 0 0 10px #fbbf241a}[data-theme=light] .notification-btn.header-icon-btn{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1.5px solid rgba(217,119,6,.4);color:#d97706}[data-theme=light] .notification-btn.header-icon-btn svg{filter:drop-shadow(0 0 4px rgba(217,119,6,.4))}[data-theme=light] .notification-btn.header-icon-btn:hover{background:linear-gradient(135deg,#fbbf2440,#f59e0b33);border-color:#d9770699;box-shadow:0 6px 20px #d9770640}[data-theme=light] .notification-btn.header-icon-btn:hover svg{filter:drop-shadow(0 0 8px rgba(217,119,6,.6))}[data-theme=light] .notification-btn.header-icon-btn.active{background:linear-gradient(135deg,#fbbf244d,#f59e0b40);border-color:#d97706;color:#b45309;box-shadow:0 0 16px #d9770659}.notification-badge-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:.7rem;font-weight:800;font-family:system-ui,-apple-system,sans-serif;border-radius:10px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-elevated);box-shadow:0 2px 8px #ef444480;animation:badgePulse 2s ease-in-out infinite;z-index:10}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #ef444480}50%{transform:scale(1.1);box-shadow:0 2px 12px #ef4444b3}}[data-theme=light] .notification-badge-count{border-color:#fff;box-shadow:0 2px 8px #ef444466}.notification-backdrop{position:fixed;inset:0;z-index:99}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:380px;max-height:480px;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:100;display:flex;flex-direction:column;overflow:hidden;animation:notificationSlide .25s cubic-bezier(.4,0,.2,1)}@keyframes notificationSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border);background:var(--bg-dark)}.notification-header h3{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--slate-100)}.mark-all-read{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;color:var(--ghana-gold);font-size:.75rem;font-weight:600;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mark-all-read svg{width:14px;height:14px}.mark-all-read:hover{background:var(--glass-gold)}.notification-list{flex:1;overflow-y:auto;max-height:340px}.notification-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);color:var(--slate-500)}.notification-empty svg{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.5}.notification-empty p{font-size:.9rem}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--glass-border);cursor:pointer;transition:all var(--transition-fast);position:relative}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--glass-white)}.notification-item.unread{background:var(--glass-gold)}.notification-item.unread:hover{background:#fcd1161f}.notification-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.notification-icon svg{width:20px;height:20px}.notification-icon.notification-green{background:#006b3f26;color:var(--ghana-green)}.notification-icon.notification-gold{background:#fcd11626;color:var(--ghana-gold)}.notification-icon.notification-blue{background:#3b82f626;color:#3b82f6}.notification-icon.notification-neutral{background:var(--bg-dark);color:var(--slate-400)}.notification-content{flex:1;min-width:0}.notification-content h4{font-size:.875rem;font-weight:600;color:var(--slate-100);margin-bottom:var(--space-1);line-height:1.3}.notification-content p{font-size:.8125rem;color:var(--slate-400);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:.7rem;color:var(--slate-500);margin-top:var(--space-1);display:block}.notification-unread-dot{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);width:8px;height:8px;background:var(--ghana-gold);border-radius:50%;box-shadow:0 0 8px #fcd11680}.notification-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--glass-border);background:var(--bg-dark)}.view-all-notifications{width:100%;padding:var(--space-2) var(--space-4);background:transparent;color:var(--ghana-gold);font-size:.8125rem;font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);text-align:center}.view-all-notifications:hover{background:var(--glass-gold)}[data-theme=light] .notification-dropdown{background:var(--bg-card);box-shadow:var(--shadow-xl)}[data-theme=light] .notification-header,[data-theme=light] .notification-footer{background:var(--bg-deep)}[data-theme=light] .notification-item.unread{background:#006b3f0f}[data-theme=light] .notification-item.unread:hover{background:#006b3f1a}[data-theme=light] .notification-badge-count{border-color:var(--bg-card)}[data-theme=light] .notification-icon.notification-neutral{background:var(--bg-deep)}[data-theme=light] .notification-btn.active{background:#006b3f1a;border-color:var(--ghana-green);color:var(--ghana-green)}[data-theme=light] .mark-all-read{color:var(--ghana-green)}[data-theme=light] .mark-all-read:hover{background:#006b3f1a}[data-theme=light] .view-all-notifications{color:var(--ghana-green)}[data-theme=light] .view-all-notifications:hover{background:#006b3f1a}[data-theme=light] .notification-unread-dot{background:var(--ghana-green);box-shadow:0 0 8px #006b3f80}*{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:1100;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:480px;pointer-events:auto;animation:toastSlideIn .3s ease}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast-icon{width:24px;height:24px;flex-shrink:0}.toast-icon svg{width:100%;height:100%}.toast-success .toast-icon{color:var(--ghana-green)}.toast-error .toast-icon{color:var(--ghana-red)}.toast-info .toast-icon{color:var(--ghana-gold)}.toast-success{border-left:4px solid var(--ghana-green)}.toast-error{border-left:4px solid var(--ghana-red)}.toast-info{border-left:4px solid var(--ghana-gold)}.toast-message{flex:1;font-size:.875rem;color:var(--slate-100)}.toast-close{width:24px;height:24px;background:transparent;color:var(--slate-500);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close svg{width:16px;height:16px}.toast-close:hover{background:var(--glass-white);color:var(--slate-300)}.loading-skeleton{background:linear-gradient(90deg,var(--bg-dark) 0%,var(--bg-hover) 50%,var(--bg-dark) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-icon{width:28px;height:28px;border-radius:var(--radius-md)}.skeleton-value{width:80px;height:32px;margin-bottom:var(--space-2)}.skeleton-title{width:120px;height:16px}.skeleton-meta{width:80px;height:12px;margin-top:var(--space-1)}.skeleton-checkbox,.skeleton-star{width:18px;height:18px}.skeleton-reference{width:180px;height:24px}.skeleton-type{width:60px;height:16px}.skeleton-badge{width:80px;height:24px}.skeleton-date{width:100px;height:16px}.skeleton-action{width:32px;height:32px;border-radius:var(--radius-md)}.skeleton-button{width:80px;height:32px;border-radius:var(--radius-md)}.skeleton-folder{width:100%;height:36px;margin-bottom:var(--space-2)}.list-skeleton{width:100%;height:60px;margin-bottom:var(--space-2)}.stat-card.skeleton{background:var(--bg-card)}.document-row.skeleton td{padding:var(--space-4) var(--space-5)}.task-item.skeleton{background:var(--bg-dark);border:1px solid var(--glass-border);padding:var(--space-4)}.search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:400px;overflow-y:auto;z-index:100;animation:fadeInUp .2s ease}.search-result-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);border-bottom:1px solid var(--glass-border)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover,.search-result-item.selected{background:var(--glass-white)}.search-result-item.selected{background:var(--glass-gold)}.search-result-icon{width:36px;height:36px;background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--ghana-gold);flex-shrink:0}.search-result-icon svg{width:18px;height:18px}.search-result-content{flex:1;min-width:0}.search-result-title{display:block;font-weight:600;color:var(--slate-100);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-meta{display:block;font-size:.75rem;color:var(--slate-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-type{font-size:.7rem;text-transform:uppercase;color:var(--slate-500);background:var(--bg-dark);padding:2px 8px;border-radius:var(--radius-sm)}.search-spinner{width:16px;height:16px;border:2px solid var(--glass-border);border-top-color:var(--ghana-gold);border-radius:50%;animation:spin .8s linear infinite}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6);padding:var(--space-4)}.pagination-btn{padding:var(--space-2) var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--slate-300);font-size:.875rem;font-weight:500;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--glass-highlight)}.pagination-info{font-size:.875rem;color:var(--slate-400)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--slate-500);text-align:center}.empty-state svg{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.5}.empty-state p{font-size:.9rem}.empty-state-large{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--slate-500);text-align:center;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.empty-state-large svg{width:64px;height:64px;margin-bottom:var(--space-4);opacity:.5;color:var(--ghana-gold)}.empty-state-large h3{font-family:var(--font-display);font-size:1.25rem;color:var(--slate-200);margin-bottom:var(--space-2)}.empty-state-large p{font-size:.9rem;margin-bottom:var(--space-6)}.empty-state-small{display:flex;align-items:center;justify-content:center;padding:var(--space-6);color:var(--slate-500)}.empty-state-small p{font-size:.875rem}.empty-table-cell{padding:var(--space-8)!important}.action-buttons{display:flex;gap:var(--space-1)}.table-action-btn{width:32px;height:32px;border-radius:var(--radius-md);background:transparent;color:var(--slate-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.table-action-btn svg{width:16px;height:16px}.table-action-btn:hover{background:var(--glass-white);color:var(--slate-300)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:transparent;color:var(--slate-400);font-size:.875rem;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.breadcrumb-item:hover{background:var(--glass-white);color:var(--slate-200)}.breadcrumb-item svg{width:16px;height:16px}.breadcrumb-segment{display:flex;align-items:center;color:var(--slate-600)}.breadcrumb-segment>svg{width:16px;height:16px}.folders-page{animation:fadeIn .5s ease}.folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-5)}.folder-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);animation:fadeInUp .4s ease backwards;position:relative}.folder-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--glass-highlight)}.folder-card-content{padding:var(--space-6);cursor:pointer;text-align:center}.folder-card-icon{width:64px;height:64px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--ghana-gold) 0%,var(--ghana-gold-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--bg-deep)}.folder-card-icon svg{width:32px;height:32px}.folder-card h3{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--slate-100);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.folder-card p{font-size:.8125rem;color:var(--slate-500)}.folder-card-actions{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--glass-border);background:var(--bg-dark)}.icon-btn{width:32px;height:32px;background:transparent;color:var(--slate-500);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{background:var(--glass-white);color:var(--ghana-red)}.folder-card.skeleton{min-height:180px}.profile-page{animation:fadeIn .5s ease}.profile-grid{display:grid;grid-template-columns:320px 1fr 1fr;gap:var(--space-6)}.profile-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);animation:fadeInUp .4s ease backwards}.profile-card.info-card{text-align:center}.profile-avatar{width:96px;height:96px;margin:0 auto var(--space-4);background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%);color:#fff;font-size:2rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg)}.profile-card h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--slate-100);margin-bottom:var(--space-1)}.profile-email{color:var(--slate-400);font-size:.875rem;margin-bottom:var(--space-1)}.profile-title{color:var(--ghana-gold);font-size:.9rem;font-weight:500;margin-bottom:var(--space-6)}.profile-details{border-top:1px solid var(--glass-border);padding-top:var(--space-5);text-align:left}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) 0;border-bottom:1px solid var(--glass-border)}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--slate-500);font-size:.8125rem}.detail-value{color:var(--slate-200);font-size:.875rem;font-weight:500;text-align:right}.detail-value.roles{display:flex;flex-wrap:wrap;gap:var(--space-1);justify-content:flex-end}.role-badge{background:var(--glass-gold);color:var(--ghana-gold);font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.profile-card .card-header{display:flex;align-items:center;justify-content:space-between;padding:0;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--glass-border)}.profile-card .card-header h3{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--slate-100)}.card-count{background:var(--bg-dark);color:var(--slate-400);font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:9999px}.profile-list{display:flex;flex-direction:column;gap:var(--space-2)}.profile-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.profile-list-item:hover{background:var(--bg-hover)}.profile-list-item svg{width:20px;height:20px;color:var(--ghana-gold);flex-shrink:0}.list-item-content{flex:1;min-width:0}.list-item-title{display:block;font-size:.875rem;font-weight:500;color:var(--slate-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-meta{display:block;font-size:.75rem;color:var(--slate-500)}.upload-zone.has-file{border-style:solid;border-color:var(--ghana-green);background:#006b3f0d}.selected-file{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.selected-file>svg{width:40px;height:40px;color:var(--ghana-gold)}.file-info{flex:1;text-align:left}.file-name{display:block;font-weight:600;color:var(--slate-100);font-size:.9375rem}.file-size{display:block;font-size:.8125rem;color:var(--slate-500)}.remove-file{width:32px;height:32px;background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--slate-500);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-file svg{width:16px;height:16px}.remove-file:hover{background:#ce11261a;border-color:var(--ghana-red);color:var(--ghana-red)}.upload-progress{margin-top:var(--space-4);text-align:center}.progress-bar{height:8px;background:var(--bg-dark);border-radius:4px;overflow:hidden;margin-bottom:var(--space-2)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--ghana-green) 0%,var(--ghana-green-light) 100%);border-radius:4px;transition:width .3s ease}.upload-progress span{font-size:.8125rem;color:var(--slate-400)}.form-group textarea{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-dark);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--slate-100);font-size:.9375rem;font-family:inherit;resize:vertical;min-height:80px;transition:all var(--transition-fast)}.form-group textarea::placeholder{color:var(--slate-500)}.form-group textarea:focus{outline:none;border-color:var(--ghana-gold);box-shadow:0 0 0 3px #fcd1161a}.form-help{font-size:.8125rem;color:var(--slate-500);margin-top:var(--space-2)}.btn-danger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--ghana-red) 0%,#9A0D1C 100%);color:#fff;font-weight:600;font-size:.875rem;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn-danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ce11264d}.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal-content.small{max-width:480px}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3)}.notification-loading p{font-size:.875rem;color:var(--slate-500)}.loading-spinner.small{width:24px;height:24px;border-width:2px}.folder-loading{padding:var(--space-2)}@media(max-width:1200px){.profile-grid{grid-template-columns:1fr 1fr}.profile-card.info-card{grid-column:1 / -1}}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.toast{min-width:auto}.breadcrumbs{overflow-x:auto;white-space:nowrap}}[data-theme=light] .toast{background:var(--bg-card);box-shadow:var(--shadow-lg)}[data-theme=light] .search-results{background:var(--bg-card);box-shadow:var(--shadow-xl)}[data-theme=light] .search-result-icon{background:var(--bg-deep)}[data-theme=light] .folder-card{box-shadow:var(--shadow-md)}[data-theme=light] .folder-card-actions{background:var(--bg-deep)}[data-theme=light] .profile-card{box-shadow:var(--shadow-md)}[data-theme=light] .profile-list-item,[data-theme=light] .selected-file{background:var(--bg-deep)}[data-theme=light] .breadcrumbs{background:var(--bg-card);box-shadow:var(--shadow-sm)}.institutions-page{padding:2rem;max-width:1400px;margin:0 auto}.institutions-page .page-header{margin-bottom:2rem}.institutions-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.institutions-page .header-title svg{width:28px;height:28px;color:var(--primary)}.institutions-page .header-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.institutions-page .header-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.institutions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.institutions-toolbar .search-form{flex:1;max-width:400px}.institutions-toolbar .search-input-wrapper{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:.5rem 1rem;transition:all .2s ease}.institutions-toolbar .search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #006b3f1a}.institutions-toolbar .search-input-wrapper svg{width:18px;height:18px;color:var(--text-muted);margin-right:.5rem}.institutions-toolbar .search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:.9rem}.institutions-toolbar .toolbar-actions{display:flex;gap:.75rem}.institutions-toolbar .btn-secondary{display:flex;align-items:center;justify-content:center;padding:.6rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.institutions-toolbar .btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.institutions-toolbar .btn-primary{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;background:var(--primary);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s ease}.institutions-toolbar .btn-primary:hover{background:var(--primary-hover)}.institutions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.institution-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .2s ease}.institution-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.institution-card.inactive{opacity:.7}.institution-card .card-header{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-bottom:1px solid var(--border-color)}.institution-card .institution-logo{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:600;flex-shrink:0}.institution-card .institution-info{flex:1;min-width:0}.institution-card .institution-info h3{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.institution-card .institution-code{font-size:.8rem;color:var(--text-muted);font-weight:500}.institution-card .status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.institution-card .status-badge.active{background:#22c55e26;color:#22c55e}.institution-card .status-badge.inactive{background:#ef444426;color:#ef4444}.institution-card .card-body{padding:1.25rem}.institution-card .info-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.institution-card .info-row svg{width:16px;height:16px;color:var(--text-muted)}.institution-card .subdomain{font-size:.9rem;color:var(--text-secondary);font-family:monospace}.institution-card .stats-row{display:flex;gap:1.5rem;margin-bottom:.75rem}.institution-card .stat{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.institution-card .stat svg{width:14px;height:14px;color:var(--text-muted)}.institution-card .limits-row{font-size:.8rem;color:var(--text-muted)}.institution-card .card-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-secondary);border-top:1px solid var(--border-color)}.institution-card .btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.institution-card .btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.institution-card .btn-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.institution-card .btn-toggle.deactivate{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.institution-card .btn-toggle.deactivate:hover{background:#ef444433}.institution-card .btn-toggle.activate{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.institution-card .btn-toggle.activate:hover{background:#22c55e33}.institution-card .stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0;padding:1rem;background:var(--bg-elevated);border-radius:var(--radius-md)}.institution-card .stat-item{display:flex;align-items:center;gap:.5rem}.institution-card .stat-item svg{width:20px;height:20px;color:var(--ghana-gold)}.institution-card .stat-details{display:flex;flex-direction:column}.institution-card .stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1}.institution-card .stat-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.institution-card .tier-row{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.institution-card .tier-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.05em}.institution-card .tier-badge.tier-premium{background:linear-gradient(135deg,#fcd11633,#d4a80033);color:var(--ghana-gold);border:1px solid rgba(252,209,22,.3)}.institution-card .tier-badge.tier-standard{background:#64748b26;color:var(--slate-400);border:1px solid rgba(100,116,139,.2)}.institution-card .tier-badge.tier-basic{background:#64748b1a;color:var(--slate-500);border:1px solid rgba(100,116,139,.15)}.institution-card .tier-badge svg{width:12px;height:12px}.institution-card .limits-text{font-size:.75rem;color:var(--text-muted)}.institution-card .btn-open-portal{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--ghana-green);color:#fff;border:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.institution-card .btn-open-portal:hover{background:var(--ghana-green-dark);transform:translateY(-1px)}.institution-card .btn-open-portal svg{width:16px;height:16px}.institution-card .footer-actions{display:flex;gap:.5rem;margin-left:auto}.institution-card .btn-icon.deactivate{color:#ef4444}.institution-card .btn-icon.deactivate:hover{background:#ef444426}.institution-card .btn-icon.activate{color:#22c55e}.institution-card .btn-icon.activate:hover{background:#22c55e26}.institutions-page .empty-state,.institutions-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.institutions-page .empty-state svg,.institutions-page .loading-state svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:1.5rem}.institutions-page .empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.institutions-page .empty-state p{margin:0 0 1.5rem;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-card);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:auto;animation:slideUp .3s ease}.modal-content.large{max-width:650px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-header .btn-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-header .btn-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.form-section{margin-bottom:1.5rem}.form-section h3{margin:0 0 1rem;font-size:.95rem;font-weight:600;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group.full-width{grid-column:span 2}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select{padding:.65rem .85rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #006b3f1a}.form-group input.disabled{opacity:.6;cursor:not-allowed}.form-hint{font-size:.75rem;color:var(--text-muted)}.subdomain-input{display:flex;align-items:center}.subdomain-input input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.subdomain-suffix{padding:.65rem .85rem;background:var(--bg-deep);border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;color:var(--text-muted);font-size:.85rem;font-family:monospace}.color-input{display:flex;align-items:center;gap:.75rem}.color-input input[type=color]{width:40px;height:36px;padding:2px;border-radius:8px;cursor:pointer}.color-input span{font-size:.85rem;color:var(--text-secondary);font-family:monospace}.sidebar-section.admin-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--glass-border);background:linear-gradient(180deg,var(--glass-gold) 0%,transparent 100%);border-radius:var(--radius-md);margin-left:var(--space-2);margin-right:var(--space-2);padding-left:var(--space-2);padding-right:var(--space-2)}.admin-section .section-title{color:var(--ghana-gold);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding-left:var(--space-2)}.admin-section .section-title svg{width:14px;height:14px;color:var(--ghana-gold);opacity:1}.admin-section .nav-item{font-size:.85rem}.admin-section .nav-item:hover{background:#fcd1161a}.admin-section .nav-item.active{background:#fcd11626;border-left-color:var(--ghana-gold)}.users-management-page{padding:2rem;max-width:1600px;margin:0 auto}.users-management-page .page-header{margin-bottom:2rem}.users-management-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.users-management-page .header-title svg{width:28px;height:28px;color:var(--primary)}.users-management-page .header-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.users-management-page .header-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.users-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.users-toolbar .search-form{flex:1;min-width:250px}.users-toolbar .search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px}.users-toolbar .search-input-wrapper svg{width:18px;height:18px;color:var(--text-muted)}.users-toolbar .search-input{flex:1;padding:.65rem 0;background:transparent;border:none;color:var(--text-primary);font-size:.9rem}.users-toolbar .filters{display:flex;gap:.75rem;flex-wrap:wrap}.users-toolbar .filters select{padding:.65rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer;min-width:140px}.users-toolbar .toolbar-actions{display:flex;gap:.5rem}.users-table-wrapper{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:1.5rem}.users-table{width:100%;border-collapse:collapse}.users-table th{padding:1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.users-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.users-table tr:last-child td{border-bottom:none}.users-table tr.inactive{opacity:.6}.users-table tr:hover{background:var(--bg-elevated)}.user-cell{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:500;color:var(--text-primary)}.user-email{font-size:.8rem;color:var(--text-muted)}.user-title{font-size:.75rem;color:var(--text-secondary)}.mda-badge{display:inline-block;padding:.25rem .5rem;background:var(--bg-elevated);border-radius:4px;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.roles-list{display:flex;flex-wrap:wrap;gap:.25rem}.role-badge{display:inline-block;padding:.2rem .5rem;background:var(--primary-alpha);color:var(--primary);border-radius:4px;font-size:.75rem;font-weight:500}.more-roles{font-size:.75rem;color:var(--text-muted)}.no-roles{font-size:.8rem;color:var(--text-muted);font-style:italic}.security-level{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.security-level svg{width:14px;height:14px}.security-level.level-1{background:#e8f5e9;color:#2e7d32}.security-level.level-2{background:#e3f2fd;color:#1565c0}.security-level.level-3{background:#fff3e0;color:#ef6c00}.security-level.level-4{background:#fce4ec;color:#c62828}.security-level.level-5{background:#f3e5f5;color:#6a1b9a}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500}.status-badge.active{background:#e8f5e9;color:#2e7d32}.status-badge.inactive{background:#ffebee;color:#c62828}.date-cell{font-size:.85rem;color:var(--text-secondary)}.actions-cell{display:flex;gap:.25rem}.action-btn{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:var(--bg-elevated);color:var(--primary)}.action-btn.danger:hover{background:#ffebee;color:#c62828}.action-btn.success:hover{background:#e8f5e9;color:#2e7d32}.action-btn:disabled{opacity:.5;cursor:not-allowed}.pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.pagination-info{font-size:.85rem;color:var(--text-secondary)}.pagination-controls{display:flex;align-items:center;gap:.75rem}.pagination-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:#fff}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.page-number{font-size:.85rem;color:var(--text-secondary)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.role-card{padding:1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;transition:all .2s}.role-card.active{border-color:var(--primary);background:var(--primary-alpha)}.role-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.role-header .role-name{font-weight:600;color:var(--text-primary)}.role-toggle{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-card);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.role-toggle.active{background:var(--primary);border-color:var(--primary);color:#fff}.role-toggle:disabled{opacity:.5;cursor:not-allowed}.role-description{font-size:.8rem;color:var(--text-secondary);margin:0 0 .5rem}.role-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--text-muted)}.system-badge{display:inline-block;padding:.15rem .5rem;background:var(--warning-alpha);color:var(--warning);border-radius:4px;font-size:.7rem;font-weight:500}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px}.role-checkboxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;padding:1rem;background:var(--bg-elevated);border-radius:8px;max-height:200px;overflow-y:auto}.reports-dashboard-page{padding:2rem;max-width:1600px;margin:0 auto}.reports-dashboard-page .page-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;margin-bottom:2rem}.reports-dashboard-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.reports-dashboard-page .header-title svg{width:28px;height:28px;color:var(--primary)}.reports-dashboard-page .header-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.reports-dashboard-page .header-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.reports-dashboard-page .refresh-btn{display:flex;align-items:center;gap:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;margin-bottom:2rem}.stat-card{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card.primary .stat-icon{background:var(--primary-alpha);color:var(--primary)}.stat-card.success .stat-icon{background:#e8f5e9;color:#2e7d32}.stat-card.warning .stat-icon{background:#fff3e0;color:#ef6c00}.stat-card.info .stat-icon{background:#e3f2fd;color:#1565c0}.stat-card.secondary .stat-icon{background:#f3e5f5;color:#6a1b9a}.stat-card.danger .stat-icon{background:#ffebee;color:#c62828}.stat-content{flex:1}.stat-value{display:block;font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{display:block;font-size:.85rem;color:var(--text-secondary)}.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.report-card{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.report-card.wide{grid-column:span 2}.report-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.report-card .card-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.report-card .card-header svg{width:18px;height:18px;color:var(--text-muted)}.report-card .card-body{padding:1.25rem}.no-data{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}.bar-chart{display:flex;flex-direction:column;gap:.75rem}.bar-item{display:flex;flex-direction:column;gap:.35rem}.bar-label{display:flex;justify-content:space-between;font-size:.8rem}.bar-label .mda-code{font-weight:500;color:var(--text-primary)}.bar-label .mda-count{color:var(--text-muted)}.bar-track{height:8px;background:var(--bg-elevated);border-radius:4px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary));border-radius:4px;transition:width .5s ease}.bar-fill.users{background:linear-gradient(90deg,#6a1b9a,#9c27b0)}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.status-item{text-align:center;padding:1rem;background:var(--bg-elevated);border-radius:8px}.status-item .status-count{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.status-item .status-name{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.status-item.status-draft{border-left:3px solid #9e9e9e}.status-item.status-pending{border-left:3px solid #ff9800}.status-item.status-approved{border-left:3px solid #4caf50}.status-item.status-active{border-left:3px solid #2196f3}.status-item.status-archived{border-left:3px solid #607d8b}.status-item.status-rejected{border-left:3px solid #f44336}.type-list{display:flex;flex-direction:column;gap:.5rem}.type-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;border-radius:6px}.type-item:hover{background:var(--bg-elevated)}.type-name{font-size:.85rem;color:var(--text-primary)}.type-count{font-size:.85rem;font-weight:600;color:var(--text-muted)}.line-chart{padding:1rem 0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:.5rem}.chart-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.chart-bar{width:100%;max-width:40px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:4px 4px 0 0;display:flex;align-items:flex-start;justify-content:center;padding-top:.25rem;transition:height .5s ease}.chart-bar .bar-value{font-size:.65rem;color:#fff;font-weight:600}.chart-bar-wrapper .bar-label{font-size:.7rem;color:var(--text-muted);margin-top:.5rem}.activity-list{display:flex;flex-direction:column;gap:.5rem;max-height:400px;overflow-y:auto}.activity-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;border-radius:8px;background:var(--bg-elevated)}.activity-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}.activity-item.event-create .activity-icon{background:#e8f5e9;color:#2e7d32}.activity-item.event-update .activity-icon{background:#e3f2fd;color:#1565c0}.activity-item.event-delete .activity-icon{background:#ffebee;color:#c62828}.activity-item.event-default .activity-icon{background:var(--bg-card);color:var(--text-muted)}.activity-content{flex:1}.activity-action{display:block;font-size:.85rem;color:var(--text-primary)}.activity-action strong{color:var(--primary)}.activity-time{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.reference-data-page{padding:2rem;max-width:1400px;margin:0 auto}.reference-data-page .page-header{margin-bottom:2rem}.reference-data-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.reference-data-page .header-title svg{width:28px;height:28px;color:var(--primary)}.reference-data-page .header-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.reference-data-page .header-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.tabs-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.tabs{display:flex;gap:.5rem;flex-wrap:wrap}.tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all .2s}.tab:hover{background:var(--bg-elevated);color:var(--text-primary)}.tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.tab svg{width:16px;height:16px}.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .35rem;background:#fff3;border-radius:10px;font-size:.75rem;font-weight:600}.tab:not(.active) .tab-count{background:var(--bg-elevated);color:var(--text-muted)}.tab-actions{display:flex;gap:.5rem}.tab-content{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.table-wrapper{overflow-x:auto}.ref-table{width:100%;border-collapse:collapse}.ref-table th{padding:1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.ref-table td{padding:1rem;border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:.9rem;color:var(--text-primary)}.ref-table tr:last-child td{border-bottom:none}.ref-table tr:hover{background:var(--bg-elevated)}.ref-table code{padding:.2rem .5rem;background:var(--bg-deep);border-radius:4px;font-size:.8rem;color:var(--primary)}.ref-table .desc-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-secondary)}.color-swatch{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:monospace;color:#fff}.level-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;font-weight:500}.level-badge.level-1{background:#e8f5e9;color:#2e7d32}.level-badge.level-2{background:#e3f2fd;color:#1565c0}.level-badge.level-3{background:#fff3e0;color:#ef6c00}.level-badge.level-4{background:#fce4ec;color:#c62828}.level-badge.level-5{background:#f3e5f5;color:#6a1b9a}.audit-logs-page{padding:2rem;max-width:1600px;margin:0 auto}.audit-logs-page .page-header{margin-bottom:2rem}.audit-logs-page .header-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.audit-logs-page .header-title svg{width:28px;height:28px;color:var(--primary)}.audit-logs-page .header-title h1{font-size:1.75rem;font-weight:600;color:var(--text-primary);margin:0}.audit-logs-page .header-subtitle{color:var(--text-secondary);margin:0;font-size:.95rem}.audit-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color)}.audit-toolbar .search-form{flex:1;min-width:200px}.audit-toolbar .search-input-wrapper{display:flex;align-items:center;gap:.5rem;padding:0 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px}.audit-toolbar .search-input-wrapper svg{width:18px;height:18px;color:var(--text-muted)}.audit-toolbar .search-input{flex:1;padding:.65rem 0;background:transparent;border:none;color:var(--text-primary);font-size:.9rem}.audit-toolbar .filters{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.audit-toolbar .filters select{padding:.65rem 1rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;cursor:pointer}.date-filter{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:8px}.date-filter svg{width:16px;height:16px;color:var(--text-muted)}.date-filter input[type=date]{padding:.65rem 0;background:transparent;border:none;color:var(--text-primary);font-size:.85rem}.date-filter span{color:var(--text-muted);font-size:.85rem}.btn-clear{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:transparent;border:none;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:color .2s}.btn-clear:hover{color:var(--danger)}.btn-clear svg{width:14px;height:14px}.audit-toolbar .toolbar-actions{display:flex;gap:.5rem}.audit-table-wrapper{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-color);overflow:hidden;margin-bottom:1.5rem}.audit-table{width:100%;border-collapse:collapse}.audit-table th{padding:1rem;text-align:left;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}.audit-table td{padding:.85rem 1rem;border-bottom:1px solid var(--border-light);vertical-align:middle}.audit-table tr:last-child td{border-bottom:none}.audit-table tr:hover{background:var(--bg-elevated)}.timestamp-cell{font-size:.8rem;color:var(--text-secondary);white-space:nowrap}.event-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.event-badge.event-create{background:#e8f5e9;color:#2e7d32}.event-badge.event-update{background:#e3f2fd;color:#1565c0}.event-badge.event-delete{background:#ffebee;color:#c62828}.event-badge.event-auth{background:#f3e5f5;color:#6a1b9a}.event-badge.event-view{background:#fff3e0;color:#ef6c00}.event-badge.event-default{background:var(--bg-elevated);color:var(--text-muted)}.entity-cell{display:flex;flex-direction:column;gap:.25rem}.entity-type{font-size:.8rem;color:var(--text-primary);font-weight:500}.entity-id{font-size:.7rem;padding:.15rem .35rem;background:var(--bg-deep);border-radius:3px;color:var(--text-muted)}.user-cell{display:flex;flex-direction:column}.user-cell .user-name{font-size:.85rem;color:var(--text-primary)}.user-cell .user-email{font-size:.75rem;color:var(--text-muted)}.ip-cell{font-size:.8rem;font-family:monospace;color:var(--text-secondary)}.audit-table .status-badge.success{background:#e8f5e9;color:#2e7d32}.audit-table .status-badge.error{background:#ffebee;color:#c62828}.log-details{padding:1rem 0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.35rem}.detail-item.full-width{grid-column:span 2}.detail-item label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.detail-item span,.detail-item code{font-size:.9rem;color:var(--text-primary)}.detail-item code{padding:.5rem;background:var(--bg-deep);border-radius:6px;font-family:monospace;word-break:break-all}.detail-item .user-agent{font-size:.75rem;word-break:break-word}.detail-item .action-details{margin:0;padding:1rem;background:var(--bg-deep);border-radius:8px;font-size:.8rem;font-family:monospace;white-space:pre-wrap;max-height:200px;overflow-y:auto}.users-management-page .empty-state,.users-management-page .loading-state,.reports-dashboard-page .empty-state,.reports-dashboard-page .loading-state,.reference-data-page .empty-state,.reference-data-page .loading-state,.audit-logs-page .empty-state,.audit-logs-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.users-management-page .empty-state svg,.users-management-page .loading-state svg,.reports-dashboard-page .empty-state svg,.reports-dashboard-page .loading-state svg,.reference-data-page .empty-state svg,.reference-data-page .loading-state svg,.audit-logs-page .empty-state svg,.audit-logs-page .loading-state svg{width:64px;height:64px;color:var(--text-muted);margin-bottom:1.5rem}.users-management-page .empty-state h3,.reports-dashboard-page .empty-state h3,.reference-data-page .empty-state h3,.audit-logs-page .empty-state h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.25rem}.users-management-page .empty-state p,.reports-dashboard-page .empty-state p,.reference-data-page .empty-state p,.audit-logs-page .empty-state p{margin:0 0 1.5rem;color:var(--text-secondary)}@media(max-width:1024px){.reports-grid{grid-template-columns:1fr}.report-card.wide{grid-column:span 1}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}@media(max-width:768px){.users-toolbar,.audit-toolbar{flex-direction:column;align-items:stretch}.users-toolbar .filters,.audit-toolbar .filters{flex-direction:column}.users-toolbar .toolbar-actions,.audit-toolbar .toolbar-actions{justify-content:stretch}.users-toolbar .toolbar-actions .btn-primary,.audit-toolbar .toolbar-actions .btn-secondary{flex:1}.tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.tab{white-space:nowrap}.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}.users-table-wrapper,.audit-table-wrapper{overflow-x:auto}.users-table,.audit-table,.ref-table{min-width:800px}}.login-page{--ghana-red: #CE1126;--ghana-red-dark: #A00D1E;--ghana-gold: #FCD116;--ghana-gold-light: #FFE55C;--ghana-gold-dark: #D4A800;--ghana-green: #006B3F;--ghana-green-dark: #004D2D;--ghana-green-light: #008F54;--ghana-black: #1A1A1A;--bg-dark: #0D1117;--bg-card: rgba(255, 255, 255, .03);--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .12);--glass-shadow: rgba(0, 0, 0, .4);--text-primary: #FFFFFF;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s cubic-bezier(.4, 0, .2, 1)}.login-page{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-body);color:var(--text-primary);overflow:hidden;position:relative}.login-bg{position:fixed;inset:0;z-index:0;overflow:hidden}.bg-base{position:absolute;inset:0;background:linear-gradient(135deg,var(--ghana-green-dark) 0%,var(--bg-dark) 40%,#0D0D0D 60%,var(--ghana-green-dark) 100%)}.bg-gradient-mesh{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 20% 40%,rgba(0,107,63,.3) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 20%,rgba(206,17,38,.15) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 80%,rgba(252,209,22,.1) 0%,transparent 50%),radial-gradient(ellipse 100% 60% at 70% 60%,rgba(0,107,63,.2) 0%,transparent 60%);animation:meshFloat 20s ease-in-out infinite}@keyframes meshFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-2%,2%) scale(1.02)}50%{transform:translate(1%,-1%) scale(.98)}75%{transform:translate(2%,1%) scale(1.01)}}.kente-pattern{position:absolute;inset:0;width:100%;height:100%;opacity:.4;animation:kenteShift 30s linear infinite}@keyframes kenteShift{0%{transform:rotate(0) scale(1.5)}to{transform:rotate(360deg) scale(1.5)}}.bg-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0%,rgba(0,0,0,.4) 100%)}.bg-noise{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.particles-container{position:absolute;inset:0;overflow:hidden;pointer-events:none}.gold-particle{position:absolute;width:var(--size);height:var(--size);left:var(--x);top:var(--y);background:radial-gradient(circle,var(--ghana-gold) 0%,transparent 70%);border-radius:50%;animation:particleFloat var(--duration) ease-in-out infinite;animation-delay:var(--delay);opacity:0}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5)}10%{opacity:.8}50%{opacity:.4;transform:translateY(-100px) scale(1)}90%{opacity:.6}}.decorative-lines{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.line{position:absolute;background:linear-gradient(90deg,transparent 0%,rgba(252,209,22,.2) 50%,transparent 100%);height:1px;width:200%;left:-50%}.line-1{top:20%;transform:rotate(-15deg);animation:lineGlow 4s ease-in-out infinite}.line-2{top:50%;transform:rotate(-15deg);animation:lineGlow 4s ease-in-out infinite 1.3s}.line-3{top:80%;transform:rotate(-15deg);animation:lineGlow 4s ease-in-out infinite 2.6s}@keyframes lineGlow{0%,to{opacity:.3}50%{opacity:.8}}.login-container{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1400px;min-height:100vh;padding:2rem;gap:4rem}.login-branding{display:flex;align-items:center;justify-content:center;padding:3rem}.brand-content{text-align:center;opacity:0;transform:translate(-30px);animation:slideInLeft .8s ease-out forwards;animation-delay:.2s}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.coat-of-arms-wrapper{position:relative;display:inline-block;margin-bottom:2.5rem}.coat-glow{position:absolute;inset:-30px;background:radial-gradient(circle,rgba(252,209,22,.3) 0%,transparent 70%);animation:glowPulse 3s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.coat-of-arms{position:relative;width:160px;height:auto;filter:drop-shadow(0 0 30px rgba(252,209,22,.4));animation:coatFloat 6s ease-in-out infinite}@keyframes coatFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-star{position:absolute;width:24px;height:24px;animation:starFloat 4s ease-in-out infinite}.star-1{top:-10px;right:-20px;animation-delay:0s}.star-2{bottom:10px;left:-25px;width:18px;height:18px;animation-delay:1.3s}.star-3{top:40%;right:-30px;width:14px;height:14px;animation-delay:2.6s}@keyframes starFloat{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-8px) rotate(180deg);opacity:1}}.brand-text{margin-bottom:3rem}.brand-title{margin:0}.title-line{display:block;font-family:var(--font-display);font-size:1.25rem;font-weight:400;font-style:italic;color:var(--text-secondary);letter-spacing:.15em;text-transform:uppercase;margin-bottom:.5rem}.title-main{display:block;font-family:var(--font-display);font-size:2.75rem;font-weight:600;color:var(--text-primary);line-height:1.2;text-shadow:0 2px 20px rgba(0,0,0,.3)}.brand-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.5rem 0}.divider-line{width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--ghana-gold),transparent)}.divider-star{width:20px;height:20px}.brand-subtitle{font-family:var(--font-body);font-size:1.1rem;font-weight:500;color:var(--ghana-gold);letter-spacing:.2em;text-transform:uppercase;margin:0}.brand-features{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:3rem}.feature{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-normal)}.feature:hover{background:#ffffff1f;transform:translate(5px);border-color:var(--ghana-gold)}.feature-icon{width:24px;height:24px;color:var(--ghana-gold)}.feature-icon svg{width:100%;height:100%}.feature span{font-size:.9rem;color:var(--text-secondary)}.flag-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;box-shadow:0 2px 15px #0000004d}.flag-segment{flex:1;position:relative}.flag-segment.red{background:var(--ghana-red)}.flag-segment.gold{background:var(--ghana-gold);display:flex;align-items:center;justify-content:center}.flag-segment.green{background:var(--ghana-green)}.flag-star{width:12px;height:12px;margin-top:-2px}.login-form-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.form-card{position:relative;width:100%;max-width:440px;padding:3rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d inset;opacity:0;transform:translateY(30px);animation:slideInUp .8s ease-out forwards;animation-delay:.4s}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.card-glow{position:absolute;top:-1px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,var(--ghana-gold) 20%,var(--ghana-gold-light) 50%,var(--ghana-gold) 80%,transparent);border-radius:2px;opacity:.8}.form-header{text-align:center;margin-bottom:2rem}.form-header h2{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.form-header p{font-size:.95rem;color:var(--text-muted);margin:0}.error-message{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#ce112626;border:1px solid rgba(206,17,38,.3);border-radius:12px;margin-bottom:1.5rem;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.error-message svg{width:20px;height:20px;color:var(--ghana-red);flex-shrink:0}.error-message span{font-size:.9rem;color:#ff6b6b}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:.02em}.input-group input{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:all var(--transition-normal)}.input-group input::placeholder{color:var(--text-muted)}.input-group input:hover{border-color:#fff3;background:#ffffff14}.input-group input:focus{outline:none;border-color:var(--ghana-gold);background:#ffffff1a;box-shadow:0 0 0 3px #fcd11626}.password-input{position:relative}.password-input input{padding-right:3rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.toggle-password:hover{color:var(--text-primary)}.form-options{display:flex;justify-content:space-between;align-items:center}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.remember-me input{display:none}.checkmark{width:18px;height:18px;border:2px solid rgba(255,255,255,.2);border-radius:4px;position:relative;transition:all var(--transition-fast)}.remember-me input:checked+.checkmark{background:var(--ghana-gold);border-color:var(--ghana-gold)}.remember-me input:checked+.checkmark:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--ghana-black);border-width:0 2px 2px 0;transform:rotate(45deg)}.forgot-link{font-size:.875rem;color:var(--ghana-gold);text-decoration:none;transition:all var(--transition-fast)}.forgot-link:hover{color:var(--ghana-gold-light);text-decoration:underline}.submit-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:1rem 1.5rem;margin-top:.5rem;background:linear-gradient(135deg,var(--ghana-green) 0%,var(--ghana-green-dark) 100%);border:none;border-radius:12px;color:#fff;font-family:var(--font-body);font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all var(--transition-normal)}.submit-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--ghana-gold) 0%,var(--ghana-gold-dark) 100%);opacity:0;transition:opacity var(--transition-normal)}.submit-btn:hover:not(:disabled):before{opacity:1}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #006b3f66}.submit-btn:hover:not(:disabled) span,.submit-btn:hover:not(:disabled) svg{color:var(--ghana-black)}.submit-btn span,.submit-btn svg{position:relative;z-index:1;transition:color var(--transition-normal)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{width:20px;height:20px;transition:transform var(--transition-normal)}.submit-btn:hover:not(:disabled) .btn-arrow{transform:translate(4px)}.loader-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.form-footer p{font-size:.9rem;color:var(--text-muted);margin:0}.switch-btn{background:none;border:none;color:var(--ghana-gold);font-weight:600;font-size:.9rem;cursor:pointer;margin-left:.5rem;transition:all var(--transition-fast)}.switch-btn:hover{color:var(--ghana-gold-light);text-decoration:underline}.demo-hint{margin-top:1.5rem;padding:1rem;background:#fcd11614;border:1px solid rgba(252,209,22,.2);border-radius:12px;text-align:center}.demo-label{font-size:.75rem;font-weight:600;color:var(--ghana-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}.demo-hint code{font-family:Monaco,Consolas,monospace;font-size:.85rem;color:var(--text-secondary);background:#ffffff1a;padding:.25rem .5rem;border-radius:4px}.demo-separator{color:var(--text-muted);margin:0 .5rem}.login-footer{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem;opacity:0;animation:fadeIn .8s ease-out forwards;animation-delay:.8s}@keyframes fadeIn{to{opacity:1}}.login-footer p{font-size:.8rem;color:var(--text-muted);margin:0;letter-spacing:.05em}.footer-divider{width:4px;height:4px;background:var(--ghana-gold);border-radius:50%}@media(max-width:1200px){.login-container{max-width:1100px;gap:2rem}.title-main{font-size:2.25rem}}@media(max-width:968px){.login-container{grid-template-columns:1fr;padding:1rem;gap:0}.login-branding{padding:2rem 1rem}.brand-content{animation-delay:0s}.coat-of-arms{width:100px}.coat-of-arms-wrapper{margin-bottom:1.5rem}.title-line{font-size:1rem}.title-main{font-size:1.75rem}.brand-subtitle{font-size:.9rem}.brand-features{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2rem}.feature{padding:.5rem 1rem}.feature span{font-size:.8rem}.form-card{animation-delay:.2s;padding:2rem}}@media(max-width:480px){.login-branding{padding:1.5rem 1rem}.brand-features{display:none}.brand-divider{margin:1rem 0}.form-card{padding:1.5rem;border-radius:20px}.form-header h2{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-options{flex-direction:column;gap:.75rem;align-items:flex-start}.floating-star,.decorative-lines{display:none}}.login-page:not(.mounted) .brand-content,.login-page:not(.mounted) .form-card,.login-page:not(.mounted) .login-footer{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.bg-gradient-mesh,.kente-pattern,.gold-particle,.coat-of-arms,.floating-star{animation:none!important}}.ghana-star{display:block}