@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}:root{--color-bg:#050816;--color-panel:hsla(0,0%,100%,.05);--color-panel-border:hsla(0,0%,100%,.12);--color-text:#f4f4f5;--color-subtext:#9ea0a8;--color-accent:#7c5dff;--color-accent-strong:#a181ff;--font-body:"Inter",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--radius-base:1.25rem;--radius-pill:999px;--shadow-depth:0px 15px 35px rgba(5,8,22,.6)}*{box-sizing:border-box;margin:0;padding:0}body,html{min-height:100%}body{background:radial-gradient(circle at top,rgba(124,93,255,.15),transparent 45%),var(--color-bg);color:var(--color-text);font-family:var(--font-body);padding-top:70px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.skip-link{position:absolute;top:.75rem;left:50%;transform:translate(-50%,-150%);background:var(--color-accent);color:#050816;padding:.5rem 1rem;border-radius:var(--radius-pill);transition:transform .2s ease;z-index:10}.skip-link:focus{transform:translate(-50%)}.site-header{width:min(1200px,100%);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.site-header__brand{display:flex;align-items:center;gap:var(--space-xs);font-weight:600}.site-header nav ul{list-style:none;display:flex;gap:var(--space-sm)}.site-header nav a{padding:.35rem .85rem;border-radius:var(--radius-pill);color:var(--color-subtext);border:1px solid transparent;font-size:.95rem;transition:border-color .2s ease,color .2s ease}.site-header nav a:focus-visible,.site-header nav a:hover{border-color:var(--color-panel-border);color:var(--color-text)}.home{min-height:100vh;padding:var(--space-xl) var(--space-lg);align-items:center;gap:var(--space-md)}.home,.home__main{display:flex;flex-direction:column}.home__main{width:min(1200px,100%);gap:var(--space-xl)}.site-footer{width:min(1200px,100%);padding:var(--space-md) var(--space-lg);color:var(--color-subtext);text-align:center;font-size:.95rem}.home__hero{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-xl);box-shadow:var(--shadow-depth)}.home__eyebrow{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--color-subtext);margin-bottom:var(--space-xs)}.home__hero h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15;margin-bottom:var(--space-sm)}.home__sub{color:var(--color-subtext);font-size:1.1rem;max-width:52ch;margin-bottom:var(--space-md)}.home__actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.home__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm)}.home__metrics article{border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-md);background:hsla(0,0%,100%,.02)}.metric__value{font-size:1.8rem;font-weight:700}.metric__label{color:var(--color-subtext);font-size:.95rem;margin-top:.25rem}.metric__detail{font-size:.85rem;color:var(--color-subtext)}.home__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.home__card{background:var(--color-panel);border-radius:var(--radius-base);padding:var(--space-lg);border:1px solid var(--color-panel-border);min-height:220px;display:flex;flex-direction:column;gap:var(--space-sm);transition:transform .2s ease,border-color .2s ease}.home__card:focus-within,.home__card:hover{transform:translateY(-6px);border-color:var(--color-accent)}.home__card h2{font-size:1.3rem}.home__card p{color:var(--color-subtext);line-height:1.6}.btn{border-radius:var(--radius-pill);padding:.85rem 1.75rem;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);border:1px solid transparent}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--color-accent);color:#050816;border-color:transparent}.btn--primary:hover{background:var(--color-accent-strong);transform:translateY(-1px)}.btn--ghost{border-color:var(--color-panel-border);color:var(--color-text)}.btn--ghost:hover{border-color:var(--color-accent);transform:translateY(-1px)}.badge{border-radius:var(--radius-pill);padding:.25rem .65rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;background:rgba(124,93,255,.15);color:var(--color-accent-strong);border:1px solid rgba(124,93,255,.4)}.home__timeline{border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-xl);background:hsla(0,0%,100%,.02)}.home__timeline h2{margin-bottom:var(--space-md)}.home__timeline ol{list-style:none;display:flex;flex-direction:column;gap:var(--space-md);counter-reset:steps}.home__timeline li{display:grid;grid-template-columns:80px 1fr;grid-gap:var(--space-md);gap:var(--space-md);align-items:start}.timeline__quarter{font-weight:700;color:var(--color-accent);letter-spacing:.1em}.timeline__title{font-size:1.1rem;font-weight:600}.timeline__detail{color:var(--color-subtext);margin-top:.35rem}.home__resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.home__resources article{border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);background:hsla(0,0%,100%,.02)}.home__resources header h3{margin-bottom:.35rem}.home__resources header p{color:var(--color-subtext);line-height:1.5}.page-container{min-height:100vh;padding:var(--space-xl) var(--space-lg);max-width:1400px;margin:0 auto}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-xs)}.page-description{color:var(--color-subtext);font-size:1.1rem}.calendar-container{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);box-shadow:var(--shadow-depth)}.calendar-header{justify-content:space-between;margin-bottom:var(--space-lg);flex-wrap:wrap}.calendar-controls,.calendar-header{display:flex;align-items:center;gap:var(--space-md)}.calendar-title{font-size:1.5rem;font-weight:600}.calendar-actions{display:flex;gap:var(--space-sm);align-items:center}.btn-icon{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-pill);padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;color:var(--color-text);font-size:1rem}.btn-icon:hover{border-color:var(--color-accent);transform:translateY(-1px)}.btn-secondary{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-pill);padding:.5rem 1rem;cursor:pointer;transition:all .2s ease;color:var(--color-text);font-weight:500}.btn-secondary:hover{border-color:var(--color-accent);background:rgba(124,93,255,.1)}.btn-primary{background:var(--color-accent);color:#050816;border:none;border-radius:var(--radius-pill);padding:.75rem 1.5rem;cursor:pointer;font-weight:600;transition:all .2s ease}.btn-primary:hover{background:var(--color-accent-strong);transform:translateY(-1px)}.view-toggle{display:flex;gap:0;border:1px solid var(--color-panel-border);border-radius:var(--radius-pill);overflow:hidden}.view-toggle button{background:transparent;border:none;padding:.5rem 1rem;cursor:pointer;color:var(--color-subtext);transition:all .2s ease}.view-toggle button.active{background:var(--color-accent);color:#050816}.calendar-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-lg)}.stat-item{background:hsla(0,0%,100%,.02);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-md);display:flex;flex-direction:column;gap:.5rem}.stat-label{color:var(--color-subtext);font-size:.9rem}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-accent)}.calendar-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem;margin-bottom:var(--space-sm)}.weekday{text-align:center;color:var(--color-subtext);font-weight:600;font-size:.9rem;padding:.5rem}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:.5rem;gap:.5rem}.calendar-day{aspect-ratio:1;border:1px solid var(--color-panel-border);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;transition:all .2s ease;cursor:pointer;background:hsla(0,0%,100%,.02)}.calendar-day:hover{border-color:var(--color-accent);transform:scale(1.05)}.calendar-day.other-month{opacity:.3}.calendar-day.today{border-color:var(--color-accent);background:rgba(124,93,255,.1)}.calendar-day.has-hours{background:rgba(124,93,255,.05)}.day-number{font-weight:600;font-size:.95rem}.day-hours{font-size:.75rem;color:var(--color-accent);font-weight:600}.admin-tabs{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);border-bottom:1px solid var(--color-panel-border);overflow-x:auto}.tab{background:transparent;padding:var(--space-md) var(--space-lg);color:var(--color-subtext);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.admin-content{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-xl);box-shadow:var(--shadow-depth)}.management-section{display:flex;flex-direction:column;gap:var(--space-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.section-header h2{font-size:1.5rem}.table-container{overflow-x:auto;border:1px solid var(--color-panel-border);border-radius:var(--radius-base)}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:hsla(0,0%,100%,.02)}.data-table th{text-align:left;font-weight:600;color:var(--color-subtext)}.data-table td,.data-table th{padding:var(--space-md);border-bottom:1px solid var(--color-panel-border)}.data-table tbody tr:hover{background:rgba(124,93,255,.05)}.data-table tbody tr:last-child td{border-bottom:none}.badge-blue{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.badge-purple{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.4)}.badge-green{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.team-card{background:hsla(0,0%,100%,.02);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);transition:all .2s ease}.team-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.team-card h3{font-size:1.3rem}.team-member-count{color:var(--color-subtext);font-size:.95rem}.team-actions{display:flex;gap:var(--space-sm);align-items:center}.notification-banner-container{position:fixed;top:var(--space-md);right:var(--space-md);z-index:1000;display:flex;flex-direction:column;gap:var(--space-sm);max-width:400px}.notification-banner{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-md);box-shadow:var(--shadow-depth);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.notification-banner.alert-warning{border-left:4px solid #eab308}.notification-banner.alert-critical{border-left:4px solid #f59e0b}.notification-banner.alert-exceeded{border-left:4px solid #ef4444}.notification-banner.alert-low{border-left:4px solid #3b82f6}.notification-content{display:flex;gap:var(--space-sm);align-items:flex-start;flex:1 1}.notification-icon{font-size:1.5rem;flex-shrink:0}.notification-text{display:flex;flex-direction:column;gap:.25rem}.notification-text strong{font-size:.95rem;color:var(--color-text)}.notification-text p{font-size:.9rem;color:var(--color-subtext);margin:0}.notification-close{background:transparent;border:none;color:var(--color-subtext);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:color .2s ease;flex-shrink:0}.notification-close:hover{color:var(--color-text)}.dashboard-grid{display:grid;grid-template-columns:1fr 400px;grid-gap:var(--space-lg);gap:var(--space-lg)}.dashboard-main{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-xl);box-shadow:var(--shadow-depth)}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--space-md)}.stats-card{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);box-shadow:var(--shadow-depth)}.stats-card h3{font-size:1.125rem;font-weight:600}.progress-section,.stats-card h3{margin-bottom:var(--space-md)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);font-size:.875rem}.progress-header span:first-child{color:var(--color-subtext)}.progress-value{font-weight:600}.progress-bar{width:100%;height:8px;background:hsla(0,0%,100%,.05);overflow:hidden}.progress-bar,.progress-fill{border-radius:var(--radius-pill)}.progress-fill{height:100%;transition:width .3s ease,background .3s ease}.progress-fill.normal{background:#4ade80}.progress-fill.warning{background:#fbbf24}.progress-fill.exceeded{background:#ef4444}.alert{padding:var(--space-md);border-radius:var(--radius-base);font-size:.875rem;line-height:1.5}.alert p{margin:0}.alert p+p{margin-top:.25rem}.alert-danger{background:rgba(239,68,68,.1);color:#ef4444;border:1px solid rgba(239,68,68,.3)}.alert-warning{background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.quick-stats{gap:var(--space-md)}.quick-actions,.quick-stats{display:flex;flex-direction:column}.quick-actions{gap:var(--space-xs)}.action-button{width:100%;text-align:left;padding:var(--space-md);background:hsla(0,0%,100%,.02);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.25rem;color:var(--color-text)}.action-button:hover{background:rgba(124,93,255,.1);border-color:var(--color-accent)}.action-button strong{font-weight:600}.action-button span{font-size:.75rem;color:var(--color-subtext)}.attendance-check h2{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-lg)}.today-schedule{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);margin-bottom:var(--space-lg)}.today-schedule h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-accent)}.schedule-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.schedule-item{display:flex;flex-direction:column;gap:.5rem}.schedule-label{font-size:.875rem;color:var(--color-subtext)}.schedule-value{font-size:1.125rem;font-weight:600}.attendance-status{background:rgba(124,93,255,.1);border:1px solid rgba(124,93,255,.3);border-radius:var(--radius-base);padding:var(--space-lg);margin-bottom:var(--space-lg)}.status-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}.status-time{display:flex;flex-direction:column;gap:.25rem}.status-label{font-size:.875rem;color:var(--color-subtext)}.status-value{font-size:1.125rem;font-weight:600}.work-mode-badge{display:inline-block;padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.875rem;font-weight:600}.work-mode-badge.onsite{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.work-mode-badge.remote{background:rgba(59,130,246,.15);color:#60a5fa;border:1px solid rgba(59,130,246,.4)}.work-mode-badge.field{background:rgba(168,85,247,.15);color:#c084fc;border:1px solid rgba(168,85,247,.4)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-xs)}.work-mode-selector{display:flex;gap:var(--space-xs)}.mode-button{flex:1 1;padding:var(--space-sm) var(--space-md);background:hsla(0,0%,100%,.02);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--color-text)}.mode-button:hover{background:rgba(124,93,255,.1);border-color:var(--color-accent)}.mode-button.active{background:var(--color-accent);color:#050816;border-color:var(--color-accent)}.form-select{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;cursor:pointer;transition:border-color .2s ease}.form-select:focus,.form-select:hover{border-color:var(--color-accent);outline:none}.location-status{background:hsla(0,0%,100%,.02);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);margin-bottom:var(--space-lg)}.location-error{color:#ef4444}.location-error p:first-child{margin-bottom:.5rem}.location-label{font-size:.875rem;color:var(--color-subtext);margin-bottom:var(--space-xs)}.location-distance{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-xs)}.location-status-text{font-size:.875rem;display:flex;align-items:center;gap:.25rem}.location-status-text.success{color:#4ade80}.location-status-text.error{color:#ef4444}.attendance-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.btn-attendance{flex:1 1;padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-base);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.btn-attendance:disabled{opacity:.5;cursor:not-allowed}.btn-attendance.clock-in{background:var(--color-accent);color:#050816}.btn-attendance.clock-in:hover:not(:disabled){background:var(--color-accent-strong);transform:translateY(-2px)}.btn-attendance.clock-out{background:#ef4444;color:#fff}.btn-attendance.clock-out:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.help-box{background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-base);padding:var(--space-md);font-size:.875rem;line-height:1.6}.help-box p:first-child{margin-bottom:.5rem}.main-nav{position:fixed;top:0;left:0;right:0;background:var(--color-panel);border-bottom:1px solid var(--color-panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;height:70px}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);height:100%;justify-content:space-between;gap:var(--space-xl)}.nav-brand a,.nav-container{display:flex;align-items:center}.nav-brand a{gap:var(--space-sm);text-decoration:none;color:var(--color-text);font-weight:700;font-size:1.125rem}.brand-logo{font-size:1.5rem}.brand-name{white-space:nowrap}.nav-links{gap:var(--space-xs);flex:1 1;justify-content:center}.nav-link,.nav-links{display:flex;align-items:center}.nav-link{gap:.5rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-base);text-decoration:none;color:var(--color-subtext);font-weight:500;font-size:.9rem;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background:rgba(124,93,255,.1);color:var(--color-accent)}.nav-link.active{background:rgba(124,93,255,.15);color:var(--color-accent);font-weight:600}.nav-icon{font-size:1.125rem}.nav-label{display:inline}.nav-user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:hsla(0,0%,100%,.03);border:1px solid var(--color-panel-border);border-radius:var(--radius-pill);cursor:pointer;transition:all .2s ease}.nav-user:hover{background:hsla(0,0%,100%,.05);border-color:var(--color-accent)}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#00c2ff);display:flex;align-items:center;justify-content:center;font-size:1rem}.user-name{font-size:.875rem;font-weight:500;white-space:nowrap}.content-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg)}.form-card,.history-card{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-xl);box-shadow:var(--shadow-depth)}.form-card h2,.history-card h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-lg)}.form-input,.form-textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);color:var(--color-text);font-size:1rem;font-family:inherit;transition:border-color .2s ease}.form-input:focus,.form-input:hover,.form-textarea:focus,.form-textarea:hover{border-color:var(--color-accent);outline:none}.form-textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-md);gap:var(--space-md)}.full-width{width:100%}.request-list{display:flex;flex-direction:column;gap:var(--space-md)}.request-item{background:hsla(0,0%,100%,.02);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all .2s ease}.request-item:hover{border-color:var(--color-accent)}.request-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.request-date,.request-type{font-weight:600;font-size:1rem}.request-date-range,.request-reason,.reservation-time{font-size:.875rem;color:var(--color-subtext);margin-top:.5rem}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.pending{background:rgba(251,191,36,.15);color:#fbbf24;border:1px solid rgba(251,191,36,.4)}.status-badge.approved,.status-badge.confirmed{background:rgba(34,197,94,.15);color:#4ade80;border:1px solid rgba(34,197,94,.4)}.status-badge.cancelled,.status-badge.denied{background:rgba(239,68,68,.15);color:#ef4444;border:1px solid rgba(239,68,68,.4)}.balance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.balance-card{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);box-shadow:var(--shadow-depth)}.balance-card h3{font-size:1.125rem;font-weight:600;margin-bottom:var(--space-md);color:var(--color-accent)}.balance-info{display:flex;justify-content:space-between;margin-bottom:var(--space-md)}.balance-item{display:flex;flex-direction:column;gap:.25rem}.balance-label{font-size:.75rem;color:var(--color-subtext);text-transform:uppercase}.balance-value{font-size:1.25rem;font-weight:700}.balance-value.used{color:#fbbf24}.balance-value.remaining{color:#4ade80}.balance-bar{width:100%;height:6px;background:hsla(0,0%,100%,.05);overflow:hidden}.balance-bar,.balance-fill{border-radius:var(--radius-pill)}.balance-fill{height:100%;background:linear-gradient(90deg,#fbbf24,#f59e0b);transition:width .3s ease}.resource-info{background:rgba(124,93,255,.1);border:1px solid rgba(124,93,255,.3);border-radius:var(--radius-base);padding:var(--space-md);margin-bottom:var(--space-md);font-size:.875rem}.resource-info p{margin:.25rem 0}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);display:flex;flex-direction:column;gap:.5rem;box-shadow:var(--shadow-depth)}.stat-card .stat-label{font-size:.875rem;color:var(--color-subtext)}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-accent)}.attendance-details{margin-top:var(--space-xl)}.attendance-details h2{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-md)}.details-list{display:flex;flex-direction:column;gap:var(--space-md)}.detail-item{background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-md);transition:all .2s ease}.detail-item:hover{border-color:var(--color-accent)}.detail-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.detail-date strong{font-size:1rem}.detail-time{display:flex;gap:var(--space-md);font-size:.875rem;color:var(--color-subtext)}.detail-time .total-hours{color:var(--color-accent);font-weight:600;margin-left:auto}.day-mode{font-size:1rem;margin-top:.25rem}.schedule-item .request-header{display:flex;justify-content:space-between;align-items:flex-start}.schedule-date{color:var(--color-subtext);font-weight:400;font-size:.875rem}.schedule-details{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm);align-items:center}.schedule-location,.schedule-time{font-size:.875rem;color:var(--color-subtext)}.btn-delete{background:transparent;border:none;cursor:pointer;font-size:1.125rem;padding:.25rem;transition:transform .2s ease}.btn-delete:hover{transform:scale(1.1)}.admin-quick-access{margin-bottom:var(--space-xl)}.quick-access-card{display:block;background:var(--color-panel);border:1px solid var(--color-panel-border);border-radius:var(--radius-base);padding:var(--space-lg);text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:var(--shadow-depth)}.quick-access-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.quick-icon{font-size:2rem;display:block;margin-bottom:var(--space-sm)}.quick-access-card h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:var(--color-accent)}.quick-access-card p{color:var(--color-subtext);font-size:.875rem}@media (prefers-color-scheme:light){:root{--color-bg:#f6f6f8;--color-panel:#fff;--color-panel-border:rgba(5,8,22,.1);--color-text:#12121a;--color-subtext:#4d5060}body{background:var(--color-bg)}}@media (max-width:1024px){.content-grid,.dashboard-grid{grid-template-columns:1fr}.calendar-days{gap:.25rem}.calendar-day{padding:.5rem}.form-row{grid-template-columns:1fr}.brand-name,.nav-label,.user-name{display:none}.nav-links{gap:0}.nav-link{padding:var(--space-sm)}}@media (max-width:960px){.home,.home__hero{padding:var(--space-lg)}.site-header{flex-direction:column;align-items:flex-start;padding:var(--space-md)}.home__timeline li{grid-template-columns:1fr}.notification-banner-container{left:var(--space-sm);right:var(--space-sm);max-width:none}}@media (max-width:640px){.home{padding:var(--space-md)}.home__actions{flex-direction:column}.site-header nav ul{flex-wrap:wrap}.page-container{padding:var(--space-md)}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.calendar-days,.calendar-weekdays{gap:.125rem}.day-hours{font-size:.625rem}}