:root{--bg-primary: #080812;--bg-secondary: #0c0c1e;--bg-tertiary: #12122a;--bg-card: rgba(18, 18, 42, .75);--bg-card-hover: rgba(24, 24, 52, .9);--bg-glass: rgba(12, 12, 30, .65);--text-primary: #eaeaff;--text-secondary: #8080aa;--text-muted: #4a4a70;--text-accent: #ff3040;--primary: #e02040;--primary-dim: rgba(224, 32, 64, .12);--primary-glow: rgba(224, 32, 64, .25);--secondary: #0090d0;--secondary-dim: rgba(0, 144, 208, .12);--accent-green: #00e878;--accent-yellow: #ffaa00;--accent-red: #ff2244;--accent-blue: #00b0f0;--border-primary: rgba(224, 32, 64, .15);--border-hover: rgba(224, 32, 64, .3);--border-subtle: rgba(255, 255, 255, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);--shadow-md: 0 4px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .55);--shadow-glow: 0 0 20px rgba(224, 32, 64, .2);--shadow-neon: 0 0 30px rgba(224, 32, 64, .12), 0 0 60px rgba(0, 144, 208, .08);--sidebar-width: 260px;--sidebar-collapsed: 64px;--navbar-height: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-display: "Orbitron", monospace;--font-body: "Rajdhani", sans-serif;--font-mono: "JetBrains Mono", monospace;--accent-primary: #e02040;--accent-secondary: #0090d0;--glow-primary: rgba(224, 32, 64, .25);--border-color: rgba(255, 255, 255, .08);--logo-crimson: #c00000;--logo-crimson-light: #e02040;--logo-cobalt: #0090d0;--logo-cobalt-light: #00b0f0;--logo-navy: #1a1a3e;--logo-navy-deep: #10102a}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;font-weight:400}@media (max-width: 1024px){:root{--sidebar-width: 220px;--navbar-height: 60px}.app-content{padding:20px 24px}.navbar{padding:0 18px}.navbar-center{max-width:360px;margin:0 16px}.public-nav{padding:0 24px}.public-nav-links{gap:2px;flex-wrap:wrap;justify-content:center}.hero-content{max-width:640px;padding:32px 24px}.hero-title{font-size:44px;letter-spacing:2px}.hero-subtitle{font-size:17px}.hero-actions{flex-wrap:wrap}.content-section{padding:52px 28px}.section-header{margin-bottom:32px}.section-header h2{font-size:24px}.footer-inner{gap:28px}.footer-links{gap:24px}.admin-page{padding:28px 20px}.admin-reports-summary,.admin-inventory-summary,.admin-reports-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-header{gap:12px}.admin-list-item{align-items:flex-start}}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-green)}::selection{background:#e0204033;color:#ff6070}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#e0204040;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e0204066}#app{min-height:100vh}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow);min-height:100vh}.app-content{flex:1;padding:24px 32px;overflow-y:auto}.app-public,.app-no-layout{min-height:100vh}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:100;transition:width var(--transition-slow);backdrop-filter:blur(20px)}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border-subtle)}.logo-icon{font-size:28px;color:var(--primary);text-shadow:var(--shadow-glow);animation:pulse-glow 3s ease-in-out infinite}.logo-text{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:15px;font-weight:500;transition:all var(--transition-normal);position:relative;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:var(--primary-dim)}.nav-item.active{color:var(--primary);background:var(--primary-dim)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--primary);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--primary)}.nav-icon{font-size:18px;width:24px;text-align:center}.nav-indicator{position:absolute;right:12px;width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-subtle)}.user-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-md);background:var(--bg-glass)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-dim);border:1px solid var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--primary)}.user-info{display:flex;flex-direction:column;min-width:0}.user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar{height:var(--navbar-height);background:#06061ad9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:90}.navbar-left{display:flex;align-items:center;gap:16px}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted)}.breadcrumb-home{color:var(--text-secondary)}.breadcrumb-sep{color:var(--text-muted);opacity:.5}.breadcrumb-page{color:var(--primary);text-transform:capitalize;font-weight:600}.navbar-center{flex:1;max-width:480px;margin:0 24px}.search-bar{display:flex;align-items:center;gap:10px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:8px 16px;transition:all var(--transition-normal)}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.search-icon{color:var(--text-muted);font-size:16px}.search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-body);font-size:14px}.search-input::placeholder{color:var(--text-muted)}.search-kbd{font-family:var(--font-mono);font-size:11px;padding:2px 6px;border-radius:4px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-muted)}.navbar-right{display:flex;align-items:center;gap:12px}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:16px}.btn-icon:hover{background:var(--primary-dim);color:var(--primary);border-color:var(--border-primary)}.notification-btn{position:relative}.notification-badge{position:absolute;top:2px;right:2px;width:16px;height:16px;border-radius:50%;background:var(--accent-red);font-size:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.navbar-user{position:relative}.avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--primary-dim);border:1px solid var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--primary);cursor:pointer}.user-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;width:200px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:8px;box-shadow:var(--shadow-lg);z-index:200}.navbar-user:hover .user-dropdown{display:block}.dropdown-name{padding:8px 12px;font-size:13px;font-weight:600;color:var(--text-primary);display:block}.dropdown-divider{height:1px;background:var(--border-subtle);margin:4px 0}.dropdown-item{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-body);font-size:14px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dropdown-item:hover{background:var(--primary-dim);color:var(--text-primary)}.dropdown-item.danger:hover{background:#ff446626;color:var(--accent-red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#e0204033,#0090d01a);color:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:linear-gradient(135deg,#e0204059,#0090d033);box-shadow:0 0 20px #e0204033,0 0 40px #0090d01a}.btn-glow{box-shadow:0 0 15px #e020401a}.btn-glow:hover{box-shadow:0 0 25px #e0204040,0 0 50px #0090d01a}.btn-outline{background:transparent;color:var(--text-secondary);border-color:var(--border-primary)}.btn-outline:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-dim)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:6px 12px}.btn-ghost:hover{background:var(--primary-dim);color:var(--text-primary)}.btn-ghost.danger:hover{background:#ff446626;color:var(--accent-red)}.btn-sm{padding:6px 12px;font-size:12px}.btn-xs{padding:4px 8px;font-size:11px}.btn-full{width:100%}.btn-danger{background:#ff446626;color:var(--accent-red);border-color:var(--accent-red)}.btn-danger:hover{background:#ff446640}.btn-oauth{flex:1;background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-subtle);padding:10px;font-size:13px}.btn-oauth:hover{border-color:var(--primary);background:var(--primary-dim)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(10px);transition:all var(--transition-normal);overflow:hidden}.card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.card-title{font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:1px;text-transform:uppercase}.card-icon{color:var(--primary)}.card-body{padding:20px}.card-wide{grid-column:span 2}.page{animation:page-enter .4s ease}@keyframes page-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.page-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:2px;display:flex;align-items:center;gap:12px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin-top:4px}.section-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:2px;display:flex;align-items:center;gap:12px;margin-bottom:24px}.section-icon{color:var(--primary);font-size:24px}.header-actions{display:flex;align-items:center;gap:12px}.gradient-text{background:linear-gradient(135deg,#ff3040,#00b0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.stat-card:hover{border-color:var(--accent, var(--primary));transform:translateY(-2px);box-shadow:0 0 20px #e020401a}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.stat-icon{font-size:20px;color:var(--accent, var(--primary))}.stat-change{font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.stat-change.up{background:#00ff8826;color:var(--accent-green)}.stat-change.down{background:#ff446626;color:var(--accent-red)}.stat-change.neutral{background:var(--primary-dim);color:var(--text-secondary)}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:800;color:var(--text-primary);line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.stat-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--accent, var(--primary)) 0%,transparent 70%);opacity:.03;pointer-events:none}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.activity-list{display:flex;flex-direction:column;gap:2px}.activity-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.activity-item:hover{background:var(--primary-dim)}.activity-icon{font-size:14px;width:24px;text-align:center}.activity-content{display:flex;flex-direction:column}.activity-text{font-size:13px;color:var(--text-primary)}.activity-time{font-size:11px;color:var(--text-muted)}.project-list{display:flex;flex-direction:column;gap:8px}.project-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-item:hover{background:var(--primary-dim)}.project-color{width:8px;height:32px;border-radius:4px}.project-info{flex:1;display:flex;flex-direction:column}.project-name{font-size:14px;font-weight:600;color:var(--text-primary)}.project-status{font-size:11px;color:var(--text-muted);text-transform:capitalize}.project-progress{width:80px;height:4px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden}.progress-bar{height:100%;background:var(--primary);border-radius:2px;transition:width var(--transition-slow)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-body);color:var(--text-primary)}.quick-action:hover{border-color:var(--primary);background:var(--primary-dim);transform:translateY(-2px)}.quick-action-icon{font-size:20px}.quick-action-label{font-size:13px;font-weight:600}.quick-action-desc{font-size:11px;color:var(--text-muted)}.status-list{display:flex;flex-direction:column;gap:12px}.status-item{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.status-indicator{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.online{background:var(--accent-green);box-shadow:0 0 8px var(--accent-green)}.status-dot.offline{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red)}.status-detail{font-size:12px;color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-state.large{padding:80px 40px}.empty-icon{font-size:48px;color:var(--primary);margin-bottom:16px;opacity:.5}.empty-state h3{font-family:var(--font-display);font-size:18px;color:var(--text-primary);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--text-secondary);margin-bottom:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.projects-list{display:flex;flex-direction:column;gap:12px}.project-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.project-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.project-card-color{width:40px;height:4px;border-radius:2px}.project-card-actions{display:flex;gap:4px}.project-card-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;letter-spacing:1px}.project-card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.project-card-footer{display:flex;align-items:center;justify-content:space-between}.project-card-date{font-size:11px;color:var(--text-muted)}.card-glow{position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.project-card:hover .card-glow{opacity:.03}.kanban-board{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;min-height:60vh}.kanban-column{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);display:flex;flex-direction:column}.kanban-header{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.kanban-icon{font-size:16px}.kanban-title{font-family:var(--font-display);font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:1px;text-transform:uppercase;flex:1}.kanban-count{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:10px}.kanban-cards{flex:1;padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;max-height:calc(100vh - 240px)}.kanban-empty{text-align:center;padding:20px;color:var(--text-muted);font-size:13px}.task-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:14px;cursor:grab;transition:all var(--transition-normal)}.task-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.task-card.priority-urgent{border-left:3px solid var(--accent-red)}.task-card.priority-high{border-left:3px solid var(--accent-yellow)}.task-card.priority-medium{border-left:3px solid var(--primary)}.task-card.priority-low{border-left:3px solid var(--text-muted)}.task-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.priority-dot{width:6px;height:6px;border-radius:50%}.priority-dot.priority-urgent{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.priority-dot.priority-high{background:var(--accent-yellow);box-shadow:0 0 6px var(--accent-yellow)}.priority-dot.priority-medium{background:var(--primary)}.priority-dot.priority-low{background:var(--text-muted)}.task-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.task-desc{font-size:12px;color:var(--text-secondary);margin-bottom:10px;line-height:1.4}.task-card-footer{display:flex;align-items:center;justify-content:space-between}.task-actions{display:flex;gap:4px}.task-list{display:flex;flex-direction:column;gap:8px}.task-list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-fast)}.task-list-item:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.task-list-left{display:flex;align-items:center;gap:12px;flex:1}.task-list-title{font-size:14px;font-weight:600;color:var(--text-primary)}.task-list-desc{font-size:12px;color:var(--text-muted);display:block}.task-list-right{display:flex;align-items:center;gap:8px}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:capitalize}.badge-active{background:#00ff8826;color:var(--accent-green)}.badge-archived{background:#8888bb26;color:var(--text-secondary)}.badge-draft{background:#ffaa0026;color:var(--accent-yellow)}.badge-todo{background:#8888bb26;color:var(--text-secondary)}.badge-in_progress{background:var(--primary-dim);color:var(--primary)}.badge-review{background:#ffaa0026;color:var(--accent-yellow)}.badge-done{background:#00ff8826;color:var(--accent-green)}.badge-low{background:#8888bb1a;color:var(--text-muted)}.badge-medium{background:var(--primary-dim);color:var(--primary)}.badge-high{background:#ffaa0026;color:var(--accent-yellow)}.badge-urgent{background:#ff446626;color:var(--accent-red)}.analytics-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.metric-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.metric-ring{position:relative;width:100px;height:100px}.ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--bg-tertiary);stroke-width:8}.ring-fill{fill:none;stroke:var(--primary);stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s ease}.ring-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--primary)}.metric-big{font-family:var(--font-display);font-size:48px;font-weight:800;color:var(--text-primary);line-height:1}.metric-label{font-size:13px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.bar-chart{display:flex;align-items:flex-end;justify-content:space-around;height:200px;padding:20px 0}.bar-group{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.bar-track{width:40px;height:160px;background:var(--bg-tertiary);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.bar-fill{width:100%;border-radius:4px 4px 0 0;transition:height 1s ease}.bar-todo{background:var(--text-muted)}.bar-in_progress{background:var(--primary)}.bar-review{background:var(--accent-yellow)}.bar-done{background:var(--accent-green)}.bar-label{font-size:11px;color:var(--text-muted);text-transform:capitalize}.bar-value{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary)}.priority-chart{display:flex;flex-direction:column;gap:16px;padding:10px 0}.priority-row{display:flex;align-items:center;gap:12px}.priority-label{font-size:12px;font-weight:600;text-transform:capitalize;width:60px}.priority-label.priority-urgent{color:var(--accent-red)}.priority-label.priority-high{color:var(--accent-yellow)}.priority-label.priority-medium{color:var(--primary)}.priority-label.priority-low{color:var(--text-muted)}.priority-bar-track{flex:1;height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.priority-bar-fill{height:100%;border-radius:4px;transition:width 1s ease}.priority-bar-fill.priority-urgent{background:var(--accent-red)}.priority-bar-fill.priority-high{background:var(--accent-yellow)}.priority-bar-fill.priority-medium{background:var(--primary)}.priority-bar-fill.priority-low{background:var(--text-muted)}.priority-count{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--text-primary);width:30px;text-align:right}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-row{display:flex;align-items:center;gap:12px}.progress-color{width:4px;height:28px;border-radius:2px}.progress-name{font-size:14px;font-weight:600;color:var(--text-primary);width:120px}.progress-bar-track{flex:1;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width 1s ease}.progress-pct{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--primary);width:50px;text-align:right}.progress-tasks{font-size:12px;color:var(--text-muted);width:80px;text-align:right}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.profile-section{display:flex;gap:24px}.profile-avatar-lg{width:80px;height:80px;border-radius:50%;background:var(--primary-dim);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:32px;color:var(--primary);flex-shrink:0}.profile-info{flex:1}.setting-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.setting-row:last-child{border-bottom:none}.setting-info{display:flex;flex-direction:column}.setting-label{font-size:14px;font-weight:600;color:var(--text-primary)}.setting-desc{font-size:12px;color:var(--text-muted)}.theme-toggle{display:flex;gap:4px;background:var(--bg-glass);border-radius:var(--radius-md);padding:4px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.info-value{font-family:var(--font-mono);font-size:14px;color:var(--text-primary)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.5px}.form-input{width:100%;padding:10px 14px;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.form-input::placeholder{color:var(--text-muted)}.form-input.form-mono{font-family:var(--font-mono);font-size:12px}.form-textarea{resize:vertical;min-height:80px}select.form-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238888bb' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.form-error{padding:8px 12px;background:#ff44661a;border:1px solid rgba(255,68,102,.3);border-radius:var(--radius-sm);color:var(--accent-red);font-size:13px;margin-bottom:12px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.color-picker{display:flex;gap:8px}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-swatch:hover{transform:scale(1.1)}.color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 10px #fff3}.priority-selector{display:flex;gap:8px}.priority-btn{flex:1;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-glass);color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:600;text-transform:capitalize;cursor:pointer;transition:all var(--transition-fast)}.priority-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}.priority-btn.priority-urgent.active{border-color:var(--accent-red);color:var(--accent-red);background:#ff446626}.priority-btn.priority-high.active{border-color:var(--accent-yellow);color:var(--accent-yellow);background:#ffaa0026}.link-btn{background:transparent;border:none;color:var(--primary);font-family:var(--font-body);font-size:14px;cursor:pointer;padding:0}.link-btn:hover{text-decoration:underline}.forgot-link{display:block;margin-top:8px;font-size:13px;color:var(--text-muted)}.view-toggle{display:flex;background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:3px}.modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-height:80vh;overflow-y:auto;animation:modal-enter .3s ease;box-shadow:var(--shadow-lg),var(--shadow-neon)}@keyframes modal-enter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-subtle)}.modal-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:1px}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:16px;transition:all var(--transition-fast)}.modal-close:hover{background:#ff446626;color:var(--accent-red)}.modal-body{padding:24px}.hero{position:relative;min-height:80vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0;background-image:url(/school.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080812d9,#080812b3 40%,#080812e6);z-index:1}.grid-overlay{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(224,32,64,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,144,208,.03) 1px,transparent 1px);background-size:60px 60px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.particle-field{position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 20% 50%,rgba(224,32,64,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,144,208,.06) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,232,120,.04) 0%,transparent 50%)}.hero-content{position:relative;z-index:10;text-align:center;max-width:700px;padding:40px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;background:var(--primary-dim);border:1px solid var(--primary);border-radius:20px;font-size:12px;font-weight:600;color:var(--primary);margin-bottom:24px;letter-spacing:1px}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 8px var(--primary);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hero-title{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--text-primary);line-height:1.1;margin-bottom:16px;letter-spacing:3px}.hero-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.hero-actions{display:flex;gap:16px;justify-content:center}.about-hero-banner{position:relative;width:100%;height:420px;overflow:hidden;display:flex;align-items:center;justify-content:center}.about-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.6) contrast(1.1)}.about-hero-overlay{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px}.about-school-crest{width:90px;height:90px;object-fit:contain;border-radius:50%;border:3px solid rgba(255,255,255,.3);box-shadow:0 0 30px #e020404d,0 0 60px #0090d033;background:#08081280;padding:8px}.about-hero-title{font-family:var(--font-display);font-size:42px;font-weight:900;color:#fff;letter-spacing:6px;text-shadow:0 2px 20px rgba(0,0,0,.5);margin:0}.about-hero-subtitle{font-family:var(--font-body);font-size:16px;color:#ffffffb3;letter-spacing:3px;text-transform:uppercase;margin:0}.about-hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0808124d,#0808121a 40%,#08081299);z-index:1;pointer-events:none}.features-section{padding:80px 40px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:28px;position:relative;overflow:hidden;transition:all var(--transition-normal)}.feature-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 0 30px #e020401f,0 0 60px #0090d014}.feature-icon{font-size:32px;margin-bottom:16px}.feature-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:1px}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.feature-glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,var(--primary) 0%,transparent 70%);opacity:0;transition:opacity var(--transition-slow);pointer-events:none}.feature-card:hover .feature-glow{opacity:.04}.tech-section{padding:60px 40px;text-align:center}.tech-grid{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.tech-badge{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 28px;text-align:center;transition:all var(--transition-normal)}.tech-badge:hover{border-color:var(--primary);box-shadow:var(--shadow-glow)}.tech-name{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--primary);letter-spacing:1px}.tech-version{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);margin:4px 0}.tech-desc{font-size:12px;color:var(--text-secondary)}.page-auth{min-height:100vh}.auth-container{display:flex;min-height:100vh}.auth-brand{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-bg{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(224,32,64,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,144,208,.08) 0%,transparent 50%),var(--bg-primary)}.brand-content{position:relative;z-index:1;text-align:center;padding:40px}.brand-logo{font-size:64px;color:var(--primary);text-shadow:var(--shadow-neon);margin-bottom:16px;animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{text-shadow:0 0 20px rgba(224,32,64,.3)}50%{text-shadow:0 0 40px rgba(224,32,64,.6),0 0 80px rgba(0,144,208,.2)}}.brand-title{font-family:var(--font-display);font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:4px;margin-bottom:8px}.brand-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.brand-features{display:flex;flex-direction:column;gap:12px}.brand-feature{font-size:14px;color:var(--text-secondary);padding:8px 16px;background:var(--bg-glass);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.auth-form-container{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:var(--bg-secondary)}.auth-form-wrapper{width:100%;max-width:400px}.auth-title{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:2px;margin-bottom:8px}.auth-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:28px}.oauth-buttons{display:flex;gap:8px;margin-bottom:20px}.divider{display:flex;align-items:center;gap:16px;margin-bottom:20px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.divider span{font-size:12px;color:var(--text-muted);white-space:nowrap}.auth-form{margin-bottom:20px}.auth-toggle{text-align:center;font-size:14px;color:var(--text-secondary);display:flex;flex-direction:column;gap:8px;align-items:center}.auth-role-select{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(circle at 30% 20%,rgba(224,32,64,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,144,208,.06) 0%,transparent 50%),var(--bg-primary)}.auth-role-header{text-align:center;margin-bottom:48px}.auth-role-logo{width:80px;height:80px;margin-bottom:16px;filter:drop-shadow(0 0 20px rgba(224,32,64,.3))}.auth-role-title{font-family:var(--font-display);font-size:36px;font-weight:900;color:var(--text-primary);letter-spacing:3px;margin-bottom:8px}.auth-role-subtitle{font-size:16px;color:var(--text-secondary)}.auth-role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;width:100%;margin-bottom:48px}.auth-role-card{position:relative;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:32px 24px;text-align:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;color:var(--text-primary);outline:none;font-family:inherit}.auth-role-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);padding:2px;background:var(--role-gradient);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s}.auth-role-card:hover{transform:translateY(-8px);border-color:var(--role-color);box-shadow:0 20px 60px #0000004d}.auth-role-card:hover:before{opacity:1}.role-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--role-color) 0%,transparent 70%);opacity:0;transition:opacity .4s;pointer-events:none}.auth-role-card:hover .role-card-glow{opacity:.05}.role-card-icon{font-size:48px;margin-bottom:16px;filter:drop-shadow(0 0 12px var(--role-color))}.role-card-label{font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:2px;color:var(--role-color);margin-bottom:8px}.role-card-desc{font-size:14px;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.role-card-features{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.role-card-feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.role-card-check{color:var(--role-color);font-weight:700;font-size:14px}.role-card-action{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:var(--role-color);opacity:0;transform:translateY(8px);transition:all .3s}.auth-role-card:hover .role-card-action{opacity:1;transform:translateY(0)}.role-card-arrow{transition:transform .3s}.auth-role-card:hover .role-card-arrow{transform:translate(4px)}.auth-role-footer{text-align:center;font-size:13px;color:var(--text-muted)}.role-brand-bg{background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--role-color) 12%,transparent) 0%,transparent 50%),radial-gradient(circle at 70% 80%,color-mix(in srgb,var(--role-color) 8%,transparent) 0%,transparent 50%),var(--bg-primary)!important}.brand-role-icon{font-size:64px;margin-bottom:16px;filter:drop-shadow(0 0 20px var(--role-color))}.brand-check{color:var(--role-color);font-weight:700;margin-right:4px}.brand-back-btn{margin-top:32px;background:transparent;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:10px 20px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s}.brand-back-btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.auth-role-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;color:#fff;font-family:var(--font-display);font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:16px;box-shadow:0 4px 15px #0003}.auth-hint{margin-top:16px;padding:10px 16px;background:#e0204014;border:1px solid rgba(224,32,64,.2);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary);text-align:center}.forgot-link{font-size:13px;color:var(--text-muted)}.forgot-link:hover{color:var(--primary)}.user-role-badge{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-top:2px}.auth-status-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px;background:var(--bg-primary)}.auth-status-card{max-width:500px;width:100%;padding:48px 40px;border-radius:var(--radius-lg);text-align:center;background:var(--bg-secondary);border:1px solid var(--border);box-shadow:0 20px 60px #0000004d}.auth-status-card .status-icon{font-size:64px;margin-bottom:24px;display:block}.auth-status-card .status-title{font-family:var(--font-display);font-size:24px;font-weight:800;margin-bottom:16px;color:var(--text-primary)}.auth-status-card .status-message{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:24px}.auth-status-card .status-details{padding:16px;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:24px}.auth-status-card .status-details p{font-size:13px;color:var(--text-muted);margin:4px 0}.auth-status-card .status-actions{display:flex;gap:12px;justify-content:center}.auth-status-pending{border-color:#f0a0004d}.auth-status-pending .status-icon{filter:drop-shadow(0 0 20px rgba(240,160,0,.4))}.auth-status-rejected{border-color:#e020404d}.auth-status-rejected .status-icon{filter:drop-shadow(0 0 20px rgba(224,32,64,.4))}.auth-approval-notice{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f0a0001a;border:1px solid rgba(240,160,0,.25);border-radius:var(--radius-md);margin-bottom:20px;font-size:13px;color:#f0a000;line-height:1.5}.admin-users-section{margin-bottom:32px}.admin-users-section-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.admin-user-item{transition:all .2s ease}.admin-user-item.user-pending{border-left:3px solid #f0a000;background:#f0a00008}.admin-user-item.user-rejected{border-left:3px solid #e02040;opacity:.7}.admin-user-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-approve{background:#00a05026!important;color:#00a050!important;border:1px solid rgba(0,160,80,.3)!important}.btn-approve:hover{background:#00a05040!important}.btn-reject{background:#e0204026!important;color:#e02040!important;border:1px solid rgba(224,32,64,.3)!important}.btn-reject:hover{background:#e0204040!important}.admin-user-control{display:flex;flex-direction:column;align-items:flex-start}.admin-user-control-label{font-size:.7rem;color:#888;margin-bottom:2px;display:block;text-transform:uppercase;letter-spacing:.5px}.admin-status-select{min-width:110px;font-size:12px;padding:6px 10px}.btn-password{background:#0090d026!important;color:#0090d0!important;border:1px solid rgba(0,144,208,.3)!important}.btn-password:hover{background:#0090d040!important}.btn-delete-user{background:#e020401a!important;color:#e02040!important;border:1px solid rgba(224,32,64,.2)!important;font-size:12px}.btn-delete-user:hover{background:#e0204040!important}.admin-dialog-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px)}.admin-dialog{background:#12121e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:480px;max-width:90vw;box-shadow:0 20px 60px #00000080;animation:dialogSlideIn .2s ease-out}@keyframes dialogSlideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.admin-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-dialog-header h3{margin:0;font-size:1.1rem;color:#fff}.admin-dialog-body{padding:24px}.admin-dialog-body .admin-field{margin-bottom:16px}.admin-dialog-body .admin-input{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 14px;color:#fff;font-size:14px;transition:border-color .2s}.admin-dialog-body .admin-input:focus{outline:none;border-color:#0090d0;box-shadow:0 0 0 2px #0090d033}.admin-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.08)}.admin-role-select{min-width:120px;font-size:12px;padding:6px 10px}.admin-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:100px;background:#f0a000;color:#000;font-size:11px;font-weight:800;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.auth-role-note{font-size:13px;color:var(--text-muted);margin-top:8px;padding:10px 16px;background:#f0a00014;border:1px solid rgba(240,160,0,.2);border-radius:var(--radius-md)}.page-loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);z-index:9999}.loader-content{text-align:center}.loader-logo{font-size:48px;color:var(--primary);text-shadow:var(--shadow-neon);animation:pulse-glow 2s ease-in-out infinite;margin-bottom:24px}.loader-bar{width:200px;height:3px;background:var(--bg-tertiary);border-radius:2px;overflow:hidden;margin:0 auto 16px}.loader-bar-fill{width:40%;height:100%;background:var(--primary);border-radius:2px;animation:loader-slide 1.5s ease-in-out infinite}@keyframes loader-slide{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loader-text{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:2px}.vortex-spinner{width:40px;height:40px;position:relative}.spinner-ring{position:absolute;inset:0;border:2px solid transparent;border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){inset:4px;border-top-color:var(--secondary);animation-duration:1.5s;animation-direction:reverse}.spinner-ring:nth-child(3){inset:8px;border-top-color:var(--accent-green);animation-duration:2s}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-line{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-glass) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.route-loading{display:flex;align-items:center;justify-content:center;padding:60px}.loading-pulse{width:8px;height:8px;border-radius:50%;background:var(--primary);box-shadow:0 0 20px var(--primary);animation:pulse 1s ease-in-out infinite}.error-page{text-align:center;padding:80px 40px}.error-page h1{font-family:var(--font-display);font-size:72px;font-weight:900;color:var(--accent-red);text-shadow:0 0 30px rgba(255,68,102,.3)}.error-page p{font-size:18px;color:var(--text-secondary);margin-top:12px}.home-footer{padding:24px 40px;border-top:1px solid var(--border-subtle);text-align:center}.footer-content{display:flex;align-items:center;justify-content:center;gap:12px}.footer-logo{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--primary);letter-spacing:2px}.footer-divider{color:var(--text-muted)}.footer-text{font-size:13px;color:var(--text-muted)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.kanban-board{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{display:none}.app-main{margin-left:0}.stats-grid,.kanban-board,.features-grid{grid-template-columns:1fr}.hero-title{font-size:36px}.auth-container{flex-direction:column}.auth-brand{min-height:40vh}.analytics-overview{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.card-wide{grid-column:span 1}.about-hero-banner{height:300px}.about-hero-title{font-size:28px;letter-spacing:3px}.about-school-crest{width:64px;height:64px}}[data-theme=light]{--bg-primary: #f5f5fa;--bg-secondary: #ffffff;--bg-tertiary: #eeeef5;--bg-card: rgba(255, 255, 255, .9);--bg-card-hover: rgba(255, 255, 255, 1);--bg-glass: rgba(255, 255, 255, .7);--text-primary: #1a1a2e;--text-secondary: #555570;--text-muted: #8888a0;--text-accent: #c00000;--primary: #c00000;--primary-dim: rgba(192, 0, 0, .08);--primary-glow: rgba(192, 0, 0, .15);--secondary: #0070b0;--secondary-dim: rgba(0, 112, 176, .08);--accent-green: #00a050;--accent-yellow: #cc8800;--accent-red: #cc0022;--accent-blue: #0080c0;--accent-primary: #c00000;--accent-secondary: #0070b0;--glow-primary: rgba(192, 0, 0, .15);--border-color: rgba(0, 0, 0, .1);--border-primary: rgba(192, 0, 0, .15);--border-hover: rgba(192, 0, 0, .3);--border-subtle: rgba(0, 0, 0, .08);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 20px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .12);--shadow-glow: 0 0 20px rgba(192, 0, 0, .1);--shadow-neon: 0 0 30px rgba(192, 0, 0, .06), 0 0 60px rgba(0, 112, 176, .04)}[data-theme=light] .sidebar{background:#fff;border-right:1px solid rgba(0,0,0,.08)}[data-theme=light] .navbar{background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.06)}[data-theme=light] .grid-overlay{background-image:linear-gradient(rgba(192,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,112,176,.04) 1px,transparent 1px)}[data-theme=light] .particle-field{background:radial-gradient(circle at 20% 50%,rgba(192,0,0,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,112,176,.05) 0%,transparent 50%),radial-gradient(circle at 50% 80%,rgba(0,160,80,.03) 0%,transparent 50%)}[data-theme=light] .hero{background:transparent}[data-theme=light] .hero-bg:after{background:linear-gradient(180deg,#f5f5fae0,#eeeef5bf 40%,#f5f5faeb)}[data-theme=light] .about-hero-banner:after{background:linear-gradient(180deg,#f5f5fa66,#eeeef533 40%,#f5f5fab3)}[data-theme=light] .about-hero-title{color:#1a1a2e;text-shadow:0 1px 8px rgba(255,255,255,.5)}[data-theme=light] .about-hero-subtitle{color:#1a1a2e99}[data-theme=light] .about-hero-img{filter:brightness(.85) contrast(1.05)}[data-theme=light] .auth-brand .brand-bg{background:radial-gradient(circle at 30% 50%,rgba(192,0,0,.06) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(0,112,176,.05) 0%,transparent 50%),#f5f5fa}[data-theme=light] .page-loader{background:#f5f5fa}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .modal-content{background:#fff;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .form-input{background:#fff;border:1px solid rgba(0,0,0,.12);color:#1a1a2e}[data-theme=light] .search-bar{background:#0000000a;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .search-input{color:#1a1a2e}[data-theme=light] select.form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23555570' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}[data-theme=light] .kanban-column{background:#00000008;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .task-card{background:#fff;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .btn-outline{border-color:#00000026;color:#555570}[data-theme=light] .btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-dim)}[data-theme=light] .brand-feature{background:#0000000a;border:1px solid rgba(0,0,0,.08);color:#555570}[data-theme=light] .view-toggle{background:#0000000a;border:1px solid rgba(0,0,0,.08)}[data-theme=light] .theme-toggle{background:#0000000a}[data-theme=light] .quick-action{background:#00000008;border:1px solid rgba(0,0,0,.06)}[data-theme=light] .admin-sidebar{background:#fff;border-right:1px solid rgba(0,0,0,.08)}[data-theme=light] .admin-sidebar-brand{border-bottom-color:#0000000f}[data-theme=light] .admin-nav-item{color:var(--text-secondary)}[data-theme=light] .admin-nav-item:hover{background:#0000000a;color:var(--text-primary)}[data-theme=light] .admin-nav-item.active{background:var(--primary-dim);color:var(--primary);border-color:var(--primary)}[data-theme=light] .admin-sidebar-stats{border-top-color:#0000000f;background:#00000005}[data-theme=light] .admin-sidebar-footer{border-top-color:#0000000f}[data-theme=light] .admin-user-card{background:#00000008}[data-theme=light] .admin-back-link{color:var(--text-secondary)}[data-theme=light] .admin-back-link:hover{background:#0000000a;color:var(--text-primary)}[data-theme=light] .admin-add-btn{background:var(--accent-primary);color:#fff;box-shadow:0 2px 10px #c0000033}[data-theme=light] .admin-add-btn:hover{box-shadow:0 6px 20px #c000004d}[data-theme=light] .admin-list-item{background:var(--bg-card);border-color:#0000000f}[data-theme=light] .admin-list-item:hover{border-color:#0000001f}[data-theme=light] .admin-form-card,[data-theme=light] .admin-form-wrap{background:var(--bg-card);border-color:#0000000f}[data-theme=light] .admin-input,[data-theme=light] .admin-select,[data-theme=light] .admin-textarea{background:#fff;border-color:#0000001f;color:var(--text-primary)}[data-theme=light] .admin-input:focus,[data-theme=light] .admin-select:focus,[data-theme=light] .admin-textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #c0000014}[data-theme=light] .admin-tabs{border-bottom-color:#00000014}[data-theme=light] .admin-tab{color:var(--text-muted)}[data-theme=light] .admin-tab:hover{color:var(--text-primary);background:#00000008}[data-theme=light] .admin-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary);background:var(--primary-dim)}[data-theme=light] .admin-reports-card{background:var(--bg-card);border-color:#0000000f}[data-theme=light] .admin-reports-table th{background:#f0f0f5;color:var(--text-primary);border-bottom-color:#0000001a}[data-theme=light] .admin-reports-table td{border-bottom-color:#0000000d}[data-theme=light] .admin-reports-section{background:var(--bg-card);border-color:#0000000f}[data-theme=light] .admin-reports-category-card{background:#00000005;border-color:#0000000f}[data-theme=light] .admin-inventory-card{background:var(--bg-card);border-color:#0000000f}[data-theme=light] .admin-action-btn{border-color:#0000001f}[data-theme=light] .admin-dashboard-card{background:var(--bg-card);border-color:#0000000f}.donation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-width:1200px;margin:0 auto}.donation-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.donation-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-neon)}.donation-card-img{width:100%;height:180px;object-fit:cover;background:var(--bg-tertiary)}.donation-card-body{padding:20px}.donation-card-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:.5px}.donation-card-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.donate-stats-bar{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;margin-top:16px}.donate-stat{background:#e0204014;border:1px solid rgba(224,32,64,.2);border-radius:20px;padding:6px 18px;font-size:.85rem;font-weight:600;color:var(--text-primary)}.donate-cat-section{max-width:1200px;margin:40px auto 0}.donate-closed-section{opacity:.7}.donate-cat-header{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.donate-cat-icon{font-size:2.2rem}.donate-cat-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:1px;margin:0}.donate-cat-desc{font-size:.85rem;color:var(--text-secondary);margin:4px 0 0}.donate-req-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.donate-req-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:all .3s}.donate-req-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 8px 30px #e020401f}.donate-req-card.donate-req-closed{opacity:.65;transform:none;box-shadow:none}.donate-req-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.donate-req-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.donate-req-badges{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap}.donate-req-badge{padding:3px 10px;border-radius:20px;font-size:.72rem;font-weight:700;white-space:nowrap}.donate-req-deadline{background:#ffffff0f!important;color:var(--text-muted)!important}.donate-req-desc{font-size:.9rem;color:var(--text-secondary);line-height:1.5;margin:0}.donate-req-items{display:flex;gap:8px;align-items:baseline;font-size:.85rem}.donate-req-items-label{color:var(--text-muted);flex-shrink:0}.donate-req-items-text{color:var(--text-primary);font-weight:500}.donate-req-progress{background:#00000026;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.donate-req-progress-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.donate-req-progress-val{font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem}.donate-req-bar-wrap{height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden}.donate-req-bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.donate-req-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-subtle)}.donate-req-contact{font-size:.8rem;color:var(--text-muted)}.donate-req-btn{background:linear-gradient(135deg,#e02040,#ff4060);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s;white-space:nowrap}.donate-req-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #e0204059}.donate-req-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-muted)}.donate-empty{text-align:center;padding:80px 20px;max-width:500px;margin:0 auto}.donate-empty-icon{font-size:4rem;margin-bottom:16px}.donate-empty-text{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.donate-empty-hint{font-size:.9rem;color:var(--text-muted)}.donate-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.donate-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:slideUp .3s}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.donate-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 0}.donate-modal-header h2{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:var(--text-primary);letter-spacing:.5px;margin:0}.donate-modal-close{background:#ffffff0f;border:none;color:var(--text-muted);font-size:1.2rem;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.donate-modal-close:hover{background:#e020401f;color:#e02040}.donate-modal-body{padding:20px 28px 28px}.donate-modal-desc{font-size:.9rem;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}.donate-modal-items{display:flex;gap:8px;align-items:baseline;font-size:.85rem;margin-bottom:16px}.donate-modal-items-label{color:var(--text-muted);flex-shrink:0}.donate-modal-items-text{color:var(--text-primary);font-weight:500}.donate-modal-progress{background:#00000026;border-radius:10px;padding:14px;margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.donate-modal-progress-row{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.donate-modal-progress-val{font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace}.donate-modal-bar-wrap{height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden}.donate-modal-bar-fill{height:100%;background:#0090d0;border-radius:4px;transition:width .6s}.donate-modal-bar-amt{background:#f0a000}.donate-form-section{border-top:1px solid var(--border);padding-top:20px}.donate-form-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 16px}.donate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.donate-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.donate-field label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.donate-input{background:#ffffff0a;border:1px solid var(--border);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-size:.9rem;font-family:inherit;transition:border-color .2s}.donate-input:focus{outline:none;border-color:var(--accent)}.donate-textarea{resize:vertical;min-height:60px}.donate-select{appearance:none;cursor:pointer}.donate-form-actions{display:flex;gap:12px;margin-top:8px}.donate-submit-btn{background:linear-gradient(135deg,#e02040,#ff4060);color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:800;cursor:pointer;flex:1;transition:all .3s;font-family:inherit}.donate-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0204059}.donate-cancel-btn{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border);padding:14px 24px;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.donate-cancel-btn:hover{background:#ffffff1a}.donate-items-section{margin-top:16px}.donate-items-hint{font-size:.82rem;color:var(--text-muted);margin:0 0 12px}.donate-items-grid{display:flex;flex-direction:column;gap:8px}.donate-item-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#ffffff08;border:1px solid var(--border);border-radius:10px;padding:12px 16px;transition:border-color .2s}.donate-item-row:hover{border-color:#0090d066}.donate-item-complete{opacity:.5;border-color:#00a0504d}.donate-item-info{flex:1;display:flex;flex-direction:column;gap:4px}.donate-item-name{font-weight:700;color:var(--text-primary);font-size:.9rem;text-transform:capitalize}.donate-item-progress{font-size:.75rem;color:var(--text-muted)}.donate-item-bar-wrap{height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;max-width:180px}.donate-item-bar-fill{height:100%;border-radius:2px;transition:width .4s ease}.donate-item-input-wrap{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:80px}.donate-item-qty{width:80px;text-align:center;font-size:1rem;font-weight:700;padding:8px 10px}.donate-item-qty::-webkit-inner-spin-button,.donate-item-qty::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.donate-item-qty[type=number]{-moz-appearance:textfield;appearance:textfield}.donate-item-max{font-size:.7rem;color:var(--text-muted)}.donate-item-done{font-size:.8rem;color:#00a050;font-weight:600}.admin-pending-section{margin-bottom:24px;padding-bottom:16px;border-bottom:2px dashed rgba(240,160,0,.3)}.admin-pending-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f0a00014;border-radius:10px;margin-bottom:12px;font-weight:700;color:#f0a000}.admin-pending-icon{font-size:1.2rem}.admin-pending-hint{font-weight:400;font-size:.82rem;opacity:.7}.admin-tx-pending{border:1px solid rgba(240,160,0,.3)!important;background:#f0a00008!important}.admin-tx-line-item{display:inline-block;background:#ffffff0f;padding:3px 10px;border-radius:6px;margin:2px 4px 2px 0;font-size:.82rem;font-weight:500;text-transform:capitalize}@media (max-width: 768px){.donate-req-grid,.donate-form-grid{grid-template-columns:1fr}.donate-modal{max-width:100%;border-radius:16px}.donate-stats-bar{gap:10px}.donate-stat{font-size:.75rem;padding:4px 12px}.donate-item-row{flex-direction:column;align-items:stretch}.donate-item-input-wrap{align-items:flex-start;flex-direction:row;gap:8px}}.resource-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-width:1200px;margin:0 auto}.resource-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:24px;transition:all var(--transition-normal)}.resource-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-neon)}.resource-icon{font-size:36px;margin-bottom:12px}.resource-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:.5px}.resource-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.notice-list{display:flex;flex-direction:column;gap:16px;max-width:900px;margin:0 auto}.notice-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;display:flex;gap:16px;transition:all var(--transition-normal);cursor:pointer}.notice-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.notice-date{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);min-width:100px;padding-top:2px}.notice-content{flex:1}.notice-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.notice-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.5}.stats-row{display:flex;justify-content:center;gap:40px;padding:40px 0;flex-wrap:wrap}.stat-block{text-align:center}.stat-block-number{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--primary);line-height:1}.stat-block-label{font-size:14px;color:var(--text-secondary);margin-top:8px;text-transform:uppercase;letter-spacing:1px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1000px;margin:0 auto}.contact-info-list{display:flex;flex-direction:column;gap:20px}.contact-info-item{display:flex;align-items:flex-start;gap:12px}.contact-info-icon{font-size:20px;color:var(--primary);width:24px;text-align:center;padding-top:2px}.contact-info-text{font-size:14px;color:var(--text-secondary);line-height:1.5}.contact-info-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;max-width:1200px;margin:0 auto}.event-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.event-card:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-neon)}.event-card-img{width:100%;height:200px;object-fit:cover;background:var(--bg-tertiary)}.event-card-body{padding:20px}.event-card-date{font-family:var(--font-mono);font-size:12px;color:var(--primary);margin-bottom:8px}.event-card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.event-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.notice-filters{display:flex;gap:8px;justify-content:center;margin-bottom:32px;flex-wrap:wrap}.notice-filter-btn{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:20px;padding:6px 16px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:.5px}.notice-filter-btn:hover,.notice-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.notice-timeline{display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto}.timeline-item{display:flex;gap:20px;cursor:pointer;position:relative}.timeline-connector{display:flex;flex-direction:column;align-items:center;min-width:24px;padding-top:20px}.timeline-dot{width:14px;height:14px;border-radius:50%;border:3px solid var(--bg-primary);box-shadow:0 0 0 2px var(--border-subtle);flex-shrink:0;z-index:1;transition:all var(--transition-normal)}.timeline-item:hover .timeline-dot{transform:scale(1.3);box-shadow:0 0 0 3px var(--primary)}.timeline-line{width:2px;flex:1;background:var(--border-subtle);min-height:20px}.timeline-card{flex:1;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;transition:all var(--transition-normal)}.timeline-item:hover .timeline-card{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translate(4px)}.timeline-item.expanded .timeline-card{border-color:var(--primary);box-shadow:0 0 20px #e020401a}.timeline-detail-photo-wrap{margin:-4px -4px 16px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.timeline-detail-photo{width:100%;display:block;border-radius:var(--radius-md);transition:transform var(--transition-normal)}.timeline-detail-photo:hover{transform:scale(1.01)}.timeline-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.timeline-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:10px;flex-shrink:0}.timeline-meta{display:flex;align-items:center;gap:10px;flex:1}.timeline-date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.timeline-tag{font-size:10px;padding:2px 8px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tag-active{background:#00a0501f;color:var(--accent-green)}.tag-update{background:#0080c01f;color:var(--accent-blue)}.tag-event{background:#c000001f;color:var(--primary)}.tag-report{background:#cc88001f;color:var(--accent-yellow)}.timeline-expand-icon{font-size:16px;color:var(--text-muted);transition:transform var(--transition-normal)}.timeline-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.timeline-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.5}.timeline-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.timeline-full{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.timeline-action-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.timeline-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e020404d}.hero-slideshow{position:relative;width:100%;height:420px;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:40px;border:1px solid var(--border-primary)}.hero-slides-track{position:relative;width:100%;height:100%}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide-img{width:100%;height:100%;object-fit:cover;display:block}.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(to top,#080812eb,#08081280 40%,#08081226);display:flex;align-items:flex-end;padding:32px}.hero-slide-content{max-width:640px}.hero-slide-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--accent-green);background:#00a0502e;padding:3px 12px;border-radius:12px;margin-bottom:10px}.hero-slide-icon{font-size:42px;margin-bottom:6px}.hero-slide-date{font-family:var(--font-mono);font-size:13px;color:var(--primary);margin-bottom:6px}.hero-slide-title{font-family:var(--font-display);font-size:26px;font-weight:900;color:#fff;margin-bottom:8px;letter-spacing:1px;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.5)}.hero-slide-stats{font-family:var(--font-display);font-size:13px;color:var(--primary);font-weight:700;letter-spacing:1px;margin-bottom:14px}.hero-slide-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:9px 22px;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);letter-spacing:.5px}.hero-slide-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0204066}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);background:#0808128c;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);z-index:20;backdrop-filter:blur(6px);pointer-events:auto}.hero-arrow:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.1)}.hero-arrow-prev{left:16px}.hero-arrow-next{right:16px}.hero-dots{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:20}.hero-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:transparent;cursor:pointer;transition:all .3s;padding:0}.hero-dot.active{background:var(--primary);border-color:var(--primary);transform:scale(1.2)}.hero-dot:hover{border-color:#fff}.events-past-header{text-align:center;margin-bottom:24px}.events-past-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:2px;margin-bottom:6px}.events-past-subtitle{font-size:13px;color:var(--text-muted)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;max-width:1200px;margin:0 auto}.event-expand-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--transition-normal)}.event-expand-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-neon)}.event-expand-card.expanded{border-color:var(--primary);box-shadow:0 0 20px #e020401a}.event-expand-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.event-expand-icon{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:12px;flex-shrink:0}.event-expand-meta{flex:1;display:flex;flex-direction:column;gap:2px}.event-expand-date{font-family:var(--font-mono);font-size:11px;color:var(--primary)}.event-expand-stats{font-size:11px;color:var(--accent-green);font-weight:600}.event-expand-toggle{font-size:18px;color:var(--text-muted);transition:transform var(--transition-normal)}.event-expand-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.event-expand-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.event-expand-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.event-expand-full{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.event-expand-actions{display:flex;gap:10px}.event-action-btn{background:var(--primary);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.event-action-btn.secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.event-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e0204033}.event-photo-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal)}.event-photo-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px #e0204026,var(--shadow-neon)}.epc-image-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden}.epc-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-photo-card:hover .epc-image{transform:scale(1.06)}.epc-image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.75) 100%);display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px;opacity:0;transition:opacity .3s ease}.event-photo-card:hover .epc-image-overlay{opacity:1}.epc-view-btn{background:#e02040e6;color:#fff;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:1.5px;padding:8px 20px;border-radius:24px;backdrop-filter:blur(4px)}.epc-body{padding:16px 20px 20px}.epc-badge{display:inline-flex;align-items:center;gap:6px;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:20px;padding:3px 12px;font-size:11px;font-weight:600;color:var(--accent-green);margin-bottom:10px}.epc-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:6px;line-height:1.3}.epc-date{font-family:var(--font-mono);font-size:11px;color:var(--primary);margin-bottom:8px}.epc-desc{font-size:13px;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.event-modal-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:40px 20px;overflow-y:auto;animation:fadeIn .25s ease}.event-modal-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(6px)}.event-modal{position:relative;z-index:1;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:16px;width:100%;max-width:800px;overflow:hidden;box-shadow:0 24px 80px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.event-modal-close{position:absolute;top:16px;right:16px;z-index:10;background:#00000080;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);backdrop-filter:blur(4px)}.event-modal-close:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.event-modal-hero{position:relative;width:100%;height:280px;overflow:hidden}.event-modal-hero-img{width:100%;height:100%;object-fit:cover}.event-modal-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0808124d,#080812eb);display:flex;align-items:flex-end;gap:16px;padding:28px 32px}.em-hero-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:14px;flex-shrink:0;backdrop-filter:blur(4px)}.em-hero-date{font-family:var(--font-mono);font-size:12px;color:var(--primary);margin-bottom:4px;letter-spacing:.5px}.em-hero-title{font-family:var(--font-display);font-size:24px;font-weight:900;color:#fff;letter-spacing:1px;line-height:1.2;margin-bottom:6px}.em-hero-stats{display:inline-block;background:#00a05033;color:var(--accent-green);font-size:12px;font-weight:600;padding:3px 12px;border-radius:12px;letter-spacing:.5px}.event-modal-body{padding:28px 32px 32px}.em-description{font-size:14px;color:var(--text-secondary);line-height:1.8;margin-bottom:28px}.em-gallery-section{border-top:1px solid var(--border-subtle);padding-top:24px}.em-gallery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.em-gallery-header h3{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.em-photo-count{font-family:var(--font-mono);font-size:12px;color:var(--primary);background:var(--bg-tertiary);padding:3px 10px;border-radius:12px}.em-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.em-photo{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:4/3;cursor:pointer;border:1px solid var(--border-subtle);transition:all var(--transition-normal)}.em-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.em-photo:hover{border-color:var(--primary);transform:scale(1.04);box-shadow:0 8px 20px #0000004d}.em-photo:hover img{transform:scale(1.08)}.em-photo-hover{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.em-photo:hover .em-photo-hover{opacity:1}.em-photo-hover span{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.event-lightbox{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.event-lightbox-backdrop{position:absolute;inset:0;background:#000000f0;backdrop-filter:blur(10px)}.event-lightbox-container{position:relative;z-index:1;display:flex;align-items:center;gap:16px;max-width:92vw;max-height:92vh}.lb-stage{position:relative;display:flex;flex-direction:column;align-items:center}.event-lightbox-img{max-width:84vw;max-height:86vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 60px #0009}.lb-counter{margin-top:12px;font-family:var(--font-mono);font-size:13px;color:#fff9;letter-spacing:2px}.lb-nav{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:48px;height:48px;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal);flex-shrink:0}.lb-nav:hover:not([disabled]){background:#e0204099;border-color:var(--primary);transform:scale(1.1)}.lb-nav[disabled]{opacity:.2;cursor:default}.event-lightbox-close{position:absolute;top:-40px;right:-8px;z-index:2;background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal)}.event-lightbox-close:hover{background:#e0204099;border-color:var(--primary)}@media (max-width: 768px){.event-modal-hero{height:200px}.event-modal-hero-overlay{padding:16px 20px}.em-hero-icon{width:44px;height:44px;font-size:28px}.em-hero-title{font-size:18px}.event-modal-body{padding:20px}.em-photo-grid{grid-template-columns:repeat(2,1fr);gap:8px}.em-photo{aspect-ratio:1}.event-modal-overlay{padding:20px 12px}.lb-nav{width:36px;height:36px;font-size:18px}.event-lightbox-img{max-width:80vw;max-height:78vh}}.news-featured{background:linear-gradient(135deg,var(--primary-dim),var(--secondary-dim));border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:32px;margin-bottom:40px;position:relative;overflow:hidden}.news-featured:before{content:"";position:absolute;bottom:-30%;left:-10%;width:250px;height:250px;background:radial-gradient(circle,rgba(0,144,208,.06) 0%,transparent 70%);pointer-events:none}.news-featured-badge{display:inline-flex;align-items:center;gap:8px;background:#0090d026;color:var(--accent-blue);padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.news-featured-badge-dot{width:8px;height:8px;background:var(--accent-blue);border-radius:50%;animation:pulse-dot 2s infinite}.news-featured-content{display:flex;gap:24px;align-items:flex-start}.news-featured-icon{font-size:64px;flex-shrink:0}.news-featured-info{flex:1}.news-featured-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.news-category-badge{font-size:10px;padding:3px 10px;border-radius:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.cat-partnership{background:#0080c01f;color:var(--accent-blue)}.cat-milestone{background:#c000001f;color:var(--primary)}.cat-impact{background:#00a0501f;color:var(--accent-green)}.cat-story{background:#cc88001f;color:var(--accent-yellow)}.cat-report{background:#8000c01f;color:#a855f7}.news-read-time,.news-date{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.news-featured-title{font-family:var(--font-display);font-size:26px;font-weight:900;color:var(--text-primary);margin-bottom:12px;letter-spacing:.5px;line-height:1.3}.news-featured-excerpt{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.news-read-btn{background:var(--accent-blue);color:#fff;border:none;border-radius:8px;padding:10px 24px;font-size:13px;font-weight:700;cursor:pointer;transition:all var(--transition-normal);letter-spacing:.5px}.news-read-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0090d04d}.news-featured-detail{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.news-grid-header{text-align:center;margin-bottom:24px}.news-grid-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:2px}.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1000px;margin:0 auto}.news-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;cursor:pointer;transition:all var(--transition-normal)}.news-card:hover{border-color:var(--border-hover);background:var(--bg-card-hover);transform:translateY(-3px);box-shadow:var(--shadow-neon)}.news-card.expanded{border-color:var(--accent-blue);box-shadow:0 0 20px #0090d01a}.news-card-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.news-card-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:10px;flex-shrink:0}.news-card-meta{flex:1;display:flex;align-items:center;gap:8px}.news-card-date{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.news-card-expand{font-size:18px;color:var(--text-muted)}.news-card-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.news-card-excerpt{font-size:13px;color:var(--text-secondary);line-height:1.5;margin-bottom:8px}.news-card-footer{display:flex;justify-content:space-between;align-items:center}.news-card-detail{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle)}.news-full-text{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-bottom:16px}.news-share-bar{display:flex;gap:10px}.news-share-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:8px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.news-share-btn:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.content-section{padding:60px 40px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--text-primary);letter-spacing:2px;margin-bottom:8px}.section-header p{font-size:15px;color:var(--text-secondary);max-width:600px;margin:0 auto}.flood-banner{background:linear-gradient(135deg,var(--primary-dim),var(--secondary-dim));border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.flood-banner-content h3{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.flood-banner-content p{font-size:14px;color:var(--text-secondary)}.site-footer{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);padding:40px;margin-top:60px}.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-logo-text{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--primary);letter-spacing:2px}.footer-phone{font-size:14px;color:var(--text-secondary)}.footer-location{font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:40px}.footer-link-group{display:flex;flex-direction:column;gap:8px}.footer-link-group h4{font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.footer-link-group a{font-size:13px;color:var(--text-secondary)}.footer-link-group a:hover{color:var(--primary)}.footer-social{display:flex;gap:12px}.footer-social a{width:36px;height:36px;border-radius:50%;background:var(--bg-glass);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:16px;transition:all var(--transition-fast)}.footer-social a:hover{background:var(--primary-dim);color:var(--primary);border-color:var(--primary)}.footer-bottom{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted)}.public-nav{position:sticky;top:0;z-index:100;background:#080812e6;backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);padding:0 40px;height:64px;display:flex;align-items:center;justify-content:space-between}[data-theme=light] .public-nav{background:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.06)}.public-nav-logo{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--primary);letter-spacing:2px;display:flex;align-items:center;gap:10px;text-decoration:none}.public-nav-links{display:flex;align-items:center;gap:4px;list-style:none}.public-nav-links a{padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast);text-decoration:none}.public-nav-links a:hover,.public-nav-links a.active{color:var(--primary);background:var(--primary-dim)}.public-nav-actions{display:flex;gap:8px}.logo-img{height:36px;width:auto;object-fit:contain;display:block}.logo-img-sm{height:22px;width:auto;object-fit:contain;display:inline-block;vertical-align:middle;margin-right:6px}.loader-logo-img{height:64px;width:auto;object-fit:contain;display:block;margin:0 auto 24px;animation:pulse-glow 2s ease-in-out infinite}.brand-logo-img{height:80px;width:auto;object-fit:contain;display:block;margin:0 auto 16px;animation:pulse-glow 3s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(224,32,64,.3))}.footer-logo-img{height:40px;width:auto;object-fit:contain;display:block}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:380px;pointer-events:auto}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #2a2a4a);box-shadow:0 12px 40px #0006;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px)}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{font-size:18px;font-weight:700;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-body{flex:1;min-width:0}.toast-title{font-weight:600;font-size:14px;color:var(--text-primary, #e4e4f0);margin-bottom:2px}.toast-message{font-size:13px;color:var(--text-secondary, #9999b0);line-height:1.4}.toast-dismiss{background:none;border:none;color:var(--text-secondary, #9999b0);cursor:pointer;font-size:14px;padding:2px;flex-shrink:0;opacity:.6;transition:opacity .2s}.toast-dismiss:hover{opacity:1}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.donation-grid,.resource-grid,.event-grid,.contact-grid{grid-template-columns:1fr}.stats-row{gap:24px}.flood-banner{flex-direction:column;text-align:center}.footer-inner{flex-direction:column}.footer-links{flex-direction:column;gap:20px}.public-nav-links{display:none}.content-section{padding:40px 20px}.notice-filters{gap:6px}.notice-filter-btn{padding:5px 12px;font-size:11px}.timeline-card{padding:16px}.timeline-icon{width:32px;height:32px;font-size:18px}.timeline-title{font-size:14px}.hero-slideshow{height:320px}.hero-slide-title{font-size:20px}.hero-slide-icon{font-size:32px}.hero-slide-overlay{padding:20px}.events-grid{grid-template-columns:1fr}.news-featured{padding:20px}.news-featured-content{flex-direction:column}.news-featured-icon{font-size:48px}.news-featured-title{font-size:20px}.news-grid{grid-template-columns:1fr}.news-featured-meta{gap:8px}}@media (max-width: 480px){.timeline-connector{min-width:18px}.timeline-dot{width:10px;height:10px}.timeline-card-header,.event-expand-header,.news-card-top{flex-wrap:wrap}}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;flex-wrap:wrap;gap:16px}.admin-title{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--text-primary);letter-spacing:2px;margin:0}.admin-subtitle{color:var(--text-muted);font-size:14px;margin-top:4px}.admin-add-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;letter-spacing:.5px;transition:all var(--transition-normal)}.admin-add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0204059}.admin-theme-toggle{width:42px;height:42px;border-radius:10px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border-color);background:var(--bg-glass);color:var(--text-primary);transition:all var(--transition-normal);flex-shrink:0}.admin-theme-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 14px var(--glow-primary);border-color:var(--accent-primary)}[data-theme=light] .admin-theme-toggle{background:#0000000a;border-color:#0000001f}[data-theme=light] .admin-theme-toggle:hover{box-shadow:0 4px 14px #0000001f}.admin-tabs{display:flex;gap:4px;border-bottom:2px solid var(--border-color);margin-bottom:24px;overflow-x:auto}.admin-tab{background:transparent;border:none;padding:12px 20px;font-size:14px;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:3px solid transparent;transition:all var(--transition-fast);white-space:nowrap;font-family:var(--font-body)}.admin-tab:hover{color:var(--text-primary);background:var(--surface-2)}.admin-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.admin-list{display:flex;flex-direction:column;gap:8px}.admin-list-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:12px;transition:all var(--transition-fast)}.admin-list-item:hover{border-color:var(--accent-primary);box-shadow:0 2px 12px #e0204014}.admin-list-item.unpublished{opacity:.6;border-left:3px solid var(--text-muted)}.admin-item-icon{font-size:28px;min-width:40px;text-align:center}.admin-item-info{flex:1;min-width:0}.admin-item-title{font-weight:700;font-size:15px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-item-meta{display:flex;gap:10px;align-items:center;margin-top:4px;flex-wrap:wrap}.admin-item-meta span{font-size:12px;color:var(--text-muted)}.admin-item-stats{color:var(--accent-blue)!important;font-weight:600}.admin-tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px!important;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.admin-tag.tag-draft{background:#ffffff0f;color:var(--text-muted)!important}.admin-tag.tag-photos{background:#0090d026;color:#0090d0!important;font-weight:700}.admin-tag.tag-coming-soon{background:#f0a00026;color:#f0a000!important;font-weight:700;font-size:.7rem;margin-left:6px}.admin-donation-subtabs{display:flex;gap:4px;margin-bottom:20px;background:#ffffff08;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.06)}.admin-donation-subtab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-body);font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-donation-subtab:hover{background:#ffffff0f;color:var(--text)}.admin-donation-subtab.active{background:#e0204026;color:#e02040;box-shadow:0 0 0 1px #e020404d}.admin-tx-list{display:flex;flex-direction:column;gap:12px}.admin-tx-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px;transition:border-color .2s ease}.admin-tx-card:hover{border-color:#ffffff26}.admin-tx-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.admin-tx-type-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:700}.admin-tx-date{font-size:.8rem;color:var(--text-muted);font-family:var(--font-code)}.admin-tx-body{display:flex;flex-direction:column;gap:8px}.admin-tx-contact-name{font-weight:700;color:var(--text);font-size:1rem}.admin-tx-contact-info{font-size:.8rem;color:var(--text-muted);margin-left:8px}.admin-tx-category{font-size:.85rem;color:var(--text-muted)}.admin-tx-items{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.admin-tx-amount{font-size:1.05rem;font-weight:800;color:#00a050;font-family:var(--font-code)}.admin-tx-amount-in-kind{color:var(--text-muted);font-weight:600;font-size:.85rem}.admin-tx-notes{font-size:.8rem;color:var(--text-muted);font-style:italic;padding-top:4px;border-top:1px solid rgba(255,255,255,.06)}.admin-tx-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.admin-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.admin-empty-icon{font-size:3rem;margin-bottom:12px}.admin-empty-text{font-size:1rem;color:var(--text-muted);margin-bottom:16px}.admin-empty-btn{padding:10px 20px;background:#e0204026;border:1px solid rgba(224,32,64,.3);color:#e02040;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.admin-empty-btn:hover{background:#e0204040}.admin-reports{display:flex;flex-direction:column;gap:24px}.admin-reports-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-report-card{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px 20px}.admin-report-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.admin-report-info{display:flex;flex-direction:column}.admin-report-number{font-size:1.5rem;font-weight:800;color:var(--text);font-family:var(--font-code)}.admin-report-label{font-size:.8rem;color:var(--text-muted)}.admin-reports-section{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px}.admin-section-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:16px}.admin-reports-table-wrap{overflow-x:auto}.admin-reports-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-reports-table th{text-align:left;padding:10px 14px;font-weight:700;color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-reports-table td{padding:10px 14px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.admin-reports-month{font-weight:600;color:var(--text)!important}.admin-reports-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.admin-reports-category-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px 18px}.admin-reports-cat-header{display:flex;align-items:center;gap:8px;margin-bottom:10px}.admin-reports-cat-icon{font-size:1.3rem}.admin-reports-cat-title{font-weight:700;font-size:.9rem;color:var(--text)}.admin-reports-cat-stats{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-muted)}.admin-reports-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-reports-filters{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.admin-reports-filter{display:flex;flex-direction:column}.admin-reports-filter-btn{background:#0090d01f;border:1px solid rgba(0,144,208,.3);border-radius:8px;padding:8px 16px;color:#0090d0;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-reports-filter-btn:hover{background:#0090d033;transform:translateY(-1px)}.admin-reports-export-btns{display:flex;gap:8px}.admin-export-btn{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:8px 16px;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s;white-space:nowrap}.admin-export-csv{background:#00a0501f;border-color:#00a0504d;color:#00a050}.admin-export-csv:hover{background:#00a05033;transform:translateY(-1px)}.admin-export-print{background:#a040ff1f;border-color:#a040ff4d;color:#a040ff}.admin-export-print:hover{background:#a040ff33;transform:translateY(-1px)}.admin-reports-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-reports-count{font-size:.75rem;color:var(--text-muted);background:#ffffff0f;padding:4px 10px;border-radius:12px;font-weight:600}.admin-reports-cat-bar-wrap{width:100%;height:6px;background:#ffffff0f;border-radius:4px;margin-bottom:10px;position:relative}.admin-reports-cat-bar{height:100%;border-radius:4px;transition:width .6s ease}.admin-reports-cat-bar-label{position:absolute;right:0;top:-18px;font-size:.65rem;color:var(--text-muted);font-weight:600}.admin-tx-type-pill{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.7rem;font-weight:700;white-space:nowrap}.admin-reports-full-table{font-size:.78rem}.admin-reports-full-table th{font-size:.68rem}.admin-reports-full-table td{padding:8px 10px}.admin-form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:18px;margin-bottom:16px}.admin-form-section-title{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:14px;display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.06)}.admin-form-section-icon{font-size:1rem}.admin-form-section-hint{font-size:.75rem;color:var(--text-muted);font-weight:400}.multi-item-container{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.multi-item-row{background:#00000026;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:14px;display:flex;align-items:flex-start;gap:10px;transition:border-color .2s}.multi-item-row:hover{border-color:#ffffff1f}.multi-item-row-fields{display:grid;grid-template-columns:1fr 2fr 100px;gap:10px;flex:1}.multi-item-field{display:flex;flex-direction:column;gap:4px}.multi-item-field label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.multi-item-name{position:relative}.multi-item-remove-btn{background:#e0204014;border:1px solid rgba(224,32,64,.2);color:#e02040;width:32px;height:32px;border-radius:8px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:20px;transition:all .2s}.multi-item-remove-btn:hover{background:#e0204033;border-color:#e02040}.multi-item-add-btn{background:#0090d014;border:1px dashed rgba(0,144,208,.3);color:#0090d0;padding:10px 16px;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit;width:100%}.multi-item-add-btn:hover{background:#0090d026;border-color:#0090d0}.autocomplete-wrap{position:relative}.autocomplete-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card, #1a1a2e);border:1px solid var(--border, rgba(255,255,255,.12));border-radius:8px;max-height:180px;overflow-y:auto;z-index:1000;box-shadow:0 8px 24px #0006;margin-top:2px}.autocomplete-option{padding:8px 14px;font-size:.85rem;color:var(--text-primary, #fff);cursor:pointer;transition:background .15s;border-bottom:1px solid rgba(255,255,255,.04)}.autocomplete-option:last-child{border-bottom:none}.autocomplete-option:hover{background:#0090d01f;color:#0090d0}.autocomplete-stock{color:#00a050;font-size:.8rem;font-weight:500}.autocomplete-none{color:var(--text-secondary, rgba(255,255,255,.5));font-style:italic;cursor:default}.autocomplete-none:hover{background:transparent;color:var(--text-secondary, rgba(255,255,255,.5))}.input-invalid{border-color:#e74c3c!important;box-shadow:0 0 0 2px #e74c3c33!important}@media (max-width: 640px){.multi-item-row-fields{grid-template-columns:1fr 1fr}.multi-item-cat,.multi-item-qty{grid-column:1 / -1}}.admin-tx-qty{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:.78rem;color:var(--text-muted)}.admin-tx-financial{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}.admin-tx-payment,.admin-tx-receipt{font-size:.72rem;color:var(--text-muted);background:#ffffff0a;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.admin-inventory{display:flex;flex-direction:column;gap:20px}.admin-req-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .2s}.admin-req-card:hover{border-color:var(--accent)}.admin-req-card.admin-req-closed{opacity:.6}.admin-req-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-req-card-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.admin-req-cat-icon{font-size:1.4rem}.admin-req-card-badges{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0}.admin-req-badge{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap}.admin-req-card-desc{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.admin-req-card-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.admin-req-card-progress{background:#0003;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px}.admin-req-progress-row{display:flex;justify-content:space-between;align-items:center}.admin-req-progress-label{font-size:.8rem;color:var(--text-muted)}.admin-req-progress-value{font-size:.85rem;font-weight:600;color:var(--text-primary);font-family:JetBrains Mono,monospace}.admin-req-bar-wrap{height:6px;background:#ffffff0f;border-radius:4px;overflow:hidden}.admin-req-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.admin-req-card-items{display:flex;gap:8px;align-items:baseline;font-size:.85rem}.admin-req-items-label{color:var(--text-muted);flex-shrink:0}.admin-req-items-text{color:var(--text-secondary)}.admin-req-card-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid var(--border)}.admin-inventory-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.admin-inventory-card{display:flex;align-items:center;gap:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 18px}.admin-inventory-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.admin-inventory-card-info{display:flex;flex-direction:column}.admin-inventory-card-number{font-size:1.3rem;font-weight:800;color:var(--text);font-family:var(--font-code)}.admin-inventory-card-label{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.admin-inventory-category{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:20px;transition:border-color .2s}.admin-inventory-category:hover{border-color:#ffffff1f}.admin-inventory-cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:8px}.admin-inventory-cat-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:var(--text)}.admin-inventory-cat-icon{font-size:1.4rem}.admin-inventory-cat-summary{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600}.admin-inventory-cat-stat{padding:2px 8px;background:#ffffff0a;border-radius:6px}.admin-inventory-cat-sep{color:var(--text-muted);font-size:.7rem}.admin-inventory-bar-wrap{margin-bottom:14px}.admin-inventory-bar-track{width:100%;height:8px;background:#ffffff0f;border-radius:6px;overflow:hidden;position:relative}.admin-inventory-bar-fill{height:100%;border-radius:6px;transition:width .6s ease}.admin-inventory-bar-fill.distributed{background:linear-gradient(90deg,#0090d0,#00b0f0)}.admin-inventory-bar-labels{display:flex;justify-content:space-between;margin-top:4px;font-size:.68rem;color:var(--text-muted)}.admin-inventory-table-wrap{overflow-x:auto}.admin-inventory-table{width:100%;border-collapse:collapse;font-size:.8rem}.admin-inventory-table th{text-align:left;padding:8px 12px;font-weight:700;color:var(--text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-inventory-table td{padding:10px 12px;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.admin-inventory-item-name{font-weight:600;color:var(--text)!important;text-transform:capitalize}.admin-inventory-item-stock{display:flex;flex-direction:column;gap:4px;min-width:80px}.admin-inventory-mini-bar{width:100%;height:4px;background:#ffffff0f;border-radius:3px;overflow:hidden}.admin-inventory-mini-fill{height:100%;border-radius:3px;transition:width .4s ease}.admin-inventory-status{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.68rem;font-weight:700;white-space:nowrap}@media (max-width: 768px){.admin-donation-subtabs{flex-wrap:wrap}.admin-donation-subtab{flex:1 1 45%;font-size:.8rem;padding:8px 12px}.admin-reports-summary,.admin-reports-category-grid{grid-template-columns:1fr}.admin-tx-card{padding:12px 14px}.admin-inventory-summary{grid-template-columns:repeat(2,1fr)}.admin-inventory-cat-header{flex-direction:column;align-items:flex-start}.admin-inventory-table{font-size:.72rem}.admin-reports-actions{flex-direction:column;align-items:stretch}.admin-reports-export-btns{flex-direction:column}}.admin-progress-mini{color:var(--accent-green)!important;font-weight:700}.admin-item-actions{display:flex;gap:6px}.admin-action-btn{background:var(--surface-2);border:1px solid var(--border-color);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:16px;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.admin-action-btn:hover{transform:translateY(-1px)}.admin-action-btn.toggle-btn:hover{border-color:var(--accent-blue);background:#0090d01a}.admin-action-btn.edit-btn:hover{border-color:var(--accent-yellow);background:#ffc8001a}.admin-action-btn.delete-btn:hover{border-color:var(--accent-primary);background:#e020401a}.admin-form{background:var(--surface-1);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.admin-form-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--surface-2)}.admin-form-header h2{font-family:var(--font-display);font-size:20px;font-weight:800;color:var(--text-primary);letter-spacing:1px;margin:0}.admin-form-close{background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-muted);font-size:18px;cursor:pointer;padding:6px 10px;transition:all var(--transition-fast)}.admin-form-close:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.admin-form-body{padding:24px;display:flex;flex-direction:column;gap:20px}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field-check{flex-direction:row;align-items:center;gap:10px}.admin-field-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-primary)}.admin-label{font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.admin-input{background:var(--surface-2);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:all var(--transition-fast);outline:none}.admin-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #e0204026}.admin-textarea{resize:vertical;min-height:80px}.admin-select{appearance:auto;cursor:pointer}.admin-form-actions{display:flex;gap:12px;padding-top:8px}.admin-save-btn{background:var(--accent-primary);color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;transition:all var(--transition-normal)}.admin-save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e0204059}.admin-cancel-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);border-radius:10px;padding:12px 28px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.admin-cancel-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.admin-field-help{font-size:12px;color:var(--text-muted);margin-top:2px}.admin-photo-pickers{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--surface-1);border:1px solid var(--border-color);border-radius:12px}.admin-photo-selector{display:flex;flex-wrap:wrap;gap:10px}.admin-photo-thumb{position:relative;width:90px;height:68px;border-radius:8px;overflow:hidden;border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast)}.admin-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.admin-photo-thumb:hover{border-color:var(--accent-primary);transform:scale(1.05)}.admin-photo-thumb.selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px #e020404d}.admin-photo-idx{position:absolute;top:3px;left:4px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:#fff;background:#0000008c;padding:1px 5px;border-radius:4px;backdrop-filter:blur(2px)}.admin-photo-badge{position:absolute;bottom:3px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;color:#fff;background:var(--accent-primary);padding:2px 8px;border-radius:6px;white-space:nowrap;letter-spacing:.5px}.admin-upload-zone{border:2px dashed var(--border-color);border-radius:12px;padding:28px 20px;text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--surface-1)}.admin-upload-zone:hover,.admin-upload-zone.drag-over{border-color:var(--accent-primary);background:#e020400f;box-shadow:0 0 0 3px #e020401a}.admin-upload-icon{font-size:32px;margin-bottom:8px}.admin-upload-text{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.admin-upload-hint{font-size:12px;color:var(--text-muted)}.admin-upload-progress{display:flex;align-items:center;gap:10px;margin-top:8px;padding:8px 12px;background:var(--surface-2);border-radius:8px;overflow:hidden;position:relative}.admin-upload-progress-bar{position:absolute;left:0;top:0;bottom:0;width:0%;background:#e0204033;transition:width .3s ease}.admin-upload-progress span{position:relative;z-index:1;font-size:12px;font-weight:600;color:var(--text-secondary)}.app-admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;min-width:260px;height:100vh;position:sticky;top:0;display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border-primary);z-index:100;transition:width .3s ease,min-width .3s ease;overflow:hidden}.admin-sidebar.collapsed{width:72px;min-width:72px}.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 16px;border-bottom:1px solid var(--border-subtle)}.admin-brand-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#ff6040);border-radius:12px;font-size:20px;flex-shrink:0}.admin-brand-text{display:flex;flex-direction:column;min-width:0}.admin-brand-name{font-family:var(--font-display);font-size:18px;font-weight:900;color:var(--text-primary);letter-spacing:1px}.admin-brand-label{font-size:11px;color:var(--primary);font-weight:600;letter-spacing:2px;text-transform:uppercase}.admin-sidebar-toggle{position:absolute;top:28px;right:-12px;width:24px;height:24px;border-radius:50%;background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:101;transition:all .2s ease}.admin-sidebar-toggle:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.admin-sidebar-nav{flex:1;display:flex;flex-direction:column;padding:12px 8px;gap:2px;overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;text-align:left;width:100%;font-family:var(--font-body)}.admin-nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-nav-item.active{background:var(--primary-dim);color:var(--primary)}.admin-nav-icon{font-size:18px;flex-shrink:0;width:24px;text-align:center}.admin-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-nav-count{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:12px;min-width:24px;text-align:center}.admin-nav-badge{font-size:11px;font-weight:700;color:#fff;background:var(--primary);padding:2px 8px;border-radius:12px;min-width:24px;text-align:center;animation:pulse-badge 2s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.admin-nav-indicator{position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:24px;background:var(--primary);border-radius:0 4px 4px 0}.admin-sidebar-divider{height:1px;background:var(--border-subtle);margin:8px 16px}.admin-sidebar-stats{padding:12px 16px;display:flex;flex-direction:column;gap:8px}.admin-stat-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--bg-tertiary);border-radius:8px}.admin-stat-value{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.admin-stat-label{font-size:12px;color:var(--text-muted)}.admin-sidebar-footer{padding:12px 8px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:8px}.admin-back-link{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .2s ease;cursor:pointer}.admin-back-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.admin-user-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-tertiary);border-radius:12px}.admin-user-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.admin-user-info{display:flex;flex-direction:column;min-width:0}.admin-user-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-role{font-size:11px;color:var(--text-muted)}.admin-main{flex:1;min-width:0;overflow-y:auto;max-height:100vh}.admin-page{padding:32px 24px;max-width:1200px;margin:0 auto}.admin-dashboard{display:flex;flex-direction:column;gap:24px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-card);border-radius:14px;border:1px solid var(--border-subtle);transition:all .2s ease}.admin-stat-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:24px;flex-shrink:0}.admin-stat-info{display:flex;flex-direction:column}.admin-stat-number{font-family:var(--font-display);font-size:28px;font-weight:900;color:var(--text-primary);line-height:1}.admin-stat-desc{font-size:13px;color:var(--text-muted);margin-top:4px}.admin-dashboard-section{background:var(--bg-card);border-radius:14px;border:1px solid var(--border-subtle);padding:24px}.admin-section-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.admin-donation-overview{display:flex;flex-direction:column;gap:12px}.admin-donation-bar-container{width:100%;height:12px;background:var(--bg-tertiary);border-radius:8px;overflow:hidden}.admin-donation-bar{height:100%;background:linear-gradient(90deg,var(--primary),var(--accent-green));border-radius:8px;transition:width .5s ease}.admin-donation-stats{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.admin-dashboard-alert{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#f0a00014;border:1px solid rgba(240,160,0,.2);border-radius:14px}.admin-alert-icon{font-size:32px;flex-shrink:0}.admin-alert-content{flex:1;display:flex;flex-direction:column;gap:4px}.admin-alert-title{font-size:16px;font-weight:700;color:var(--accent-yellow)}.admin-alert-desc{font-size:13px;color:var(--text-muted)}.admin-alert-action{background:var(--accent-yellow);color:#000;border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap}.admin-alert-action:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f0a0004d}@media (max-width: 1024px){.admin-sidebar:not(.collapsed){width:200px;min-width:200px}.admin-sidebar.collapsed{width:72px;min-width:72px}.admin-sidebar.collapsed .admin-brand-text,.admin-sidebar.collapsed .admin-nav-label,.admin-sidebar.collapsed .admin-nav-count,.admin-sidebar.collapsed .admin-nav-badge,.admin-sidebar.collapsed .admin-sidebar-stats,.admin-sidebar.collapsed .admin-user-info{display:none}.admin-sidebar.collapsed .admin-nav-item{justify-content:center;padding:12px}.admin-sidebar.collapsed .admin-back-link{justify-content:center;padding:10px}.admin-sidebar.collapsed .admin-user-card{justify-content:center;padding:12px}.admin-stats-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width: 768px){.app-admin-layout{flex-direction:column}.admin-sidebar{width:100%!important;min-width:100%!important;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;padding:8px}.admin-sidebar-brand{padding:8px 12px;border-bottom:none}.admin-sidebar-toggle{display:none}.admin-sidebar-nav{flex-direction:row;flex-wrap:wrap;padding:0;gap:4px;width:100%}.admin-nav-item{padding:8px 12px;font-size:12px}.admin-nav-indicator,.admin-sidebar-divider,.admin-sidebar-stats,.admin-sidebar-footer{display:none}.admin-main{max-height:none}.admin-page{padding:20px 16px}.admin-title{font-size:24px}.admin-header{flex-direction:column;align-items:flex-start}.admin-add-btn{width:100%;text-align:center}.admin-list-item{flex-wrap:wrap}.admin-item-actions{width:100%;justify-content:flex-end}.admin-form-body{padding:16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-alert{flex-direction:column;text-align:center}}@media (max-width: 480px){.admin-stats-grid{grid-template-columns:1fr}}.c2-hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,#0a0f1e,#1a1040 40%,#0d1b3e,#0a0f1e)}.c2-hero-bg{position:absolute;inset:0;z-index:0}.c2-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 1px);background-size:60px 60px}.c2-hero-content{position:relative;z-index:1;max-width:800px;padding:40px 24px}.c2-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:999px;background:#6366f11a;border:1px solid rgba(99,102,241,.25);font-size:12px;font-weight:700;letter-spacing:2px;color:var(--primary, #818cf8);margin-bottom:24px}.c2-badge-dot{width:8px;height:8px;border-radius:50%;background:var(--primary, #818cf8);box-shadow:0 0 8px var(--primary, #818cf8)}.c2-hero-title{font-family:var(--font-display);font-size:64px;font-weight:900;color:#fff;letter-spacing:4px;margin:0 0 20px;line-height:1.1}.c2-title-accent{background:linear-gradient(135deg,#818cf8,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.c2-hero-subtitle{font-size:17px;color:#ffffffa6;line-height:1.7;margin:0 0 32px}.c2-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}.c2-hero-stats{display:flex;gap:48px;justify-content:center}.c2-stat{display:flex;flex-direction:column;align-items:center}.c2-stat-number{font-family:var(--font-display);font-size:36px;font-weight:900;color:#fff}.c2-stat-label{font-size:13px;color:#ffffff80;letter-spacing:1px;text-transform:uppercase;margin-top:4px}.c2-pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}.c2-pillar-card{background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:16px;padding:32px 28px;transition:transform .25s,box-shadow .25s,border-color .25s}.c2-pillar-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6366f11f;border-color:#6366f14d}.c2-pillar-icon{font-size:40px;margin-bottom:16px}.c2-pillar-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary, #fff);letter-spacing:1px;margin:0 0 12px}.c2-pillar-desc{font-size:14px;color:var(--text-secondary, rgba(255,255,255,.6));line-height:1.7;margin:0 0 20px}.c2-pillar-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.c2-pillar-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary, rgba(255,255,255,.6))}.c2-check{color:var(--primary, #818cf8);font-weight:700;font-size:16px}.c2-resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1100px;margin:0 auto}.c2-resource-card{background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:14px;padding:28px 24px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s}.c2-resource-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #6366f11a;border-color:#6366f140}.c2-resource-card--counseling:hover{box-shadow:0 8px 32px #10b9811a;border-color:#10b98140}.c2-resource-card--career:hover{box-shadow:0 8px 32px #f59e0b1a;border-color:#f59e0b40}.c2-resource-icon{font-size:36px;margin-bottom:14px}.c2-resource-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--text-primary, #fff);letter-spacing:.5px;margin:0 0 10px}.c2-resource-desc{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.55));line-height:1.6;margin:0}.c2-cta-box{display:flex;align-items:center;gap:20px;max-width:800px;margin:40px auto 0;padding:24px 32px;background:#10b9810f;border:1px solid rgba(16,185,129,.2);border-radius:14px}.c2-cta-icon{font-size:40px;flex-shrink:0}.c2-cta-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 6px}.c2-cta-desc{font-size:14px;color:var(--text-secondary, rgba(255,255,255,.6));line-height:1.6;margin:0}.c2-events-list{display:flex;flex-direction:column;gap:16px;max-width:800px;margin:0 auto}.c2-event-card{display:flex;gap:20px;padding:20px 24px;background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:12px;transition:border-color .25s}.c2-event-card:hover{border-color:#6366f14d}.c2-event-date{flex-shrink:0;min-width:120px;font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--primary, #818cf8);letter-spacing:1px;padding-top:2px}.c2-event-info{flex:1}.c2-event-title{font-size:16px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 6px}.c2-event-desc{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.55));line-height:1.6;margin:0}.c2-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:800px;margin:0 auto}.c2-team-card{text-align:center;padding:28px 20px;background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:14px;transition:transform .25s}.c2-team-card:hover{transform:translateY(-3px)}.c2-team-avatar{font-size:48px;margin-bottom:12px;width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;background:#6366f114;border-radius:50%}.c2-team-name{font-size:16px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 4px}.c2-team-role{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.5));margin:0}.c2-join{text-align:center;background:linear-gradient(135deg,#6366f10f,#a78bfa0f);border-top:1px solid rgba(99,102,241,.15)}.c2-join-content{max-width:600px;margin:0 auto}.c2-join-content h2{font-family:var(--font-display);font-size:32px;font-weight:900;color:var(--text-primary, #fff);letter-spacing:2px;margin:0 0 16px}.c2-join-content p{font-size:16px;color:var(--text-secondary, rgba(255,255,255,.6));line-height:1.7;margin:0 0 28px}.c2-join-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.c2-pillars-grid{grid-template-columns:1fr;max-width:600px}.c2-resources-grid,.c2-team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.c2-hero-title{font-size:40px;letter-spacing:2px}.c2-hero-stats{gap:24px}.c2-stat-number{font-size:28px}.c2-resources-grid{grid-template-columns:1fr;max-width:400px}.c2-cta-box{flex-direction:column;text-align:center}.c2-event-card{flex-direction:column;gap:8px}.c2-team-grid{grid-template-columns:repeat(2,1fr)}}.edu-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,#0a0f1e,#0d2818 40%,#0a1628,#0a0f1e)}.edu-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px}.edu-hero-content{position:relative;z-index:1;max-width:800px;padding:40px 24px}.edu-badge,.counseling-badge,.career-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 18px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:2px;margin-bottom:24px}.edu-badge{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#10b981}.counseling-badge{background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);color:#8b5cf6}.career-badge{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#f59e0b}.edu-badge-dot,.counseling-badge-dot,.career-badge-dot{width:8px;height:8px;border-radius:50%}.edu-badge-dot{background:#10b981;box-shadow:0 0 8px #10b981}.counseling-badge-dot{background:#8b5cf6;box-shadow:0 0 8px #8b5cf6}.career-badge-dot{background:#f59e0b;box-shadow:0 0 8px #f59e0b}.edu-hero-title,.counseling-hero-title,.career-hero-title{font-family:var(--font-display);font-size:52px;font-weight:900;color:#fff;letter-spacing:3px;margin:0 0 20px;line-height:1.2}.edu-hero-icon,.counseling-hero-icon,.career-hero-icon{font-size:48px;display:inline-block;margin-right:8px;vertical-align:middle}.edu-hero-subtitle,.counseling-hero-subtitle,.career-hero-subtitle{font-size:17px;color:#ffffffa6;line-height:1.7;margin:0 0 32px}.edu-hero-actions,.counseling-hero-actions,.career-hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.edu-resources-grid,.counseling-services-grid,.career-programs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}.edu-resource-card,.counseling-service-card,.career-program-card{background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:16px;padding:28px;transition:transform .25s,box-shadow .25s,border-color .25s}.edu-resource-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #10b9811a;border-color:#10b98140}.counseling-service-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #8b5cf61a;border-color:#8b5cf640}.career-program-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px #f59e0b1a;border-color:#f59e0b40}.edu-resource-header,.counseling-service-header,.career-program-header{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}.edu-resource-icon,.counseling-service-icon,.career-program-icon{font-size:36px;flex-shrink:0}.edu-resource-title,.counseling-service-title,.career-program-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary, #fff);letter-spacing:.5px;margin:0 0 8px}.edu-resource-desc,.counseling-service-desc,.career-program-desc{font-size:14px;color:var(--text-secondary, rgba(255,255,255,.6));line-height:1.6;margin:0}.edu-resource-features,.counseling-service-features,.career-program-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px}.edu-resource-features li,.counseling-service-features li,.career-program-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary, rgba(255,255,255,.6))}.edu-check{color:#10b981;font-weight:700;font-size:16px}.counseling-check{color:#8b5cf6;font-weight:700;font-size:16px}.career-check{color:#f59e0b;font-weight:700;font-size:16px}.edu-steps,.counseling-steps,.career-steps{display:flex;align-items:flex-start;justify-content:center;gap:16px;max-width:900px;margin:0 auto;flex-wrap:wrap}.edu-step,.counseling-step,.career-step{flex:1;min-width:200px;max-width:260px;text-align:center;padding:28px 20px;background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:14px}.edu-step-number,.counseling-step-number,.career-step-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;border-radius:50%;font-family:var(--font-display);font-size:20px;font-weight:900}.edu-step-number{background:#10b9811a;color:#10b981}.counseling-step-number{background:#8b5cf61a;color:#8b5cf6}.career-step-number{background:#f59e0b1a;color:#f59e0b}.edu-step h4,.counseling-step h4,.career-step h4{font-size:16px;font-weight:700;color:var(--text-primary, #fff);margin:0 0 8px}.edu-step p,.counseling-step p,.career-step p{font-size:13px;color:var(--text-secondary, rgba(255,255,255,.55));line-height:1.6;margin:0}.edu-step-arrow,.counseling-step-arrow,.career-step-arrow{font-size:24px;color:var(--text-secondary, rgba(255,255,255,.3));align-self:center;padding-top:20px}.counseling-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,#0a0f1e,#1a0d2e 40%,#0d1b3e,#0a0f1e)}.counseling-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(139,92,246,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.06) 1px,transparent 1px);background-size:60px 60px}.counseling-hero-content{position:relative;z-index:1;max-width:800px;padding:40px 24px}.career-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(135deg,#0a0f1e,#1a1508 40%,#0d1b3e,#0a0f1e)}.career-hero-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(245,158,11,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(245,158,11,.06) 1px,transparent 1px);background-size:60px 60px}.career-hero-content{position:relative;z-index:1;max-width:800px;padding:40px 24px}.career-industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:700px;margin:0 auto}.career-industry-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--bg-card, #111827);border:1px solid var(--border-subtle, rgba(255,255,255,.08));border-radius:14px;transition:transform .25s,border-color .25s}.career-industry-card:hover{transform:translateY(-3px);border-color:#f59e0b40}.career-industry-icon{font-size:32px}.career-industry-name{font-size:14px;font-weight:700;color:var(--text-primary, #fff);letter-spacing:.5px}@media (max-width: 1024px){.edu-resources-grid,.counseling-services-grid,.career-programs-grid{grid-template-columns:1fr;max-width:600px}.career-industries-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.edu-hero-title,.counseling-hero-title,.career-hero-title{font-size:32px;letter-spacing:2px}.edu-hero-icon,.counseling-hero-icon,.career-hero-icon{font-size:36px}.edu-steps,.counseling-steps,.career-steps{flex-direction:column;align-items:center}.edu-step-arrow,.counseling-step-arrow,.career-step-arrow{transform:rotate(90deg);padding-top:0}.edu-step,.counseling-step,.career-step{max-width:100%}.career-industries-grid{grid-template-columns:repeat(2,1fr)}}