@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:2.75rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.15s cubic-bezier(.16, 1, .3, 1);--t-base:.22s cubic-bezier(.16, 1, .3, 1);--t-slow:.38s cubic-bezier(.16, 1, .3, 1);--bg-hero:#0d2420;--bg-hero-mid:#091a16;--bg-hero-end:#060e0c;--hero-text:#fff;--hero-subtext:#ffffff8c;--hero-accent:#00e5a0;--bg-frame:#080c0b;--bg-app:#0a0e0d;--bg-popup:#101816;--bg-surface:#ffffff0a;--bg-card:#111916;--bg-card-hover:#162220;--bg-elevated:#141e1c;--bg-input:#ffffff0d;--border:#ffffff12;--border-subtle:#ffffff0a;--border-medium:#ffffff1f;--border-focus:#00c896;--text-primary:#ffffffed;--text-secondary:#ffffff80;--text-muted:#ffffff42;--text-inverse:#080c0b;--accent:#00c896;--accent-hover:#00e5a0;--accent-active:#00a87e;--accent-glow:#00c89647;--accent-soft:#00c89624;--accent-subtle:#00c89612;--success:#00c896;--success-bg:#00c8961a;--success-border:#00c89638;--warning:#f5a623;--warning-bg:#f5a6231a;--warning-border:#f5a62338;--danger:#ff4d4d;--danger-bg:#ff4d4d1a;--danger-border:#ff4d4d38;--info:#00b8d9;--info-bg:#00b8d91a;--info-border:#00b8d938;--shadow-xs:0 1px 3px #0000008c;--shadow-sm:0 2px 10px #0009;--shadow-md:0 4px 24px #000000a6;--shadow-lg:0 8px 40px #000000b8;--shadow-xl:0 20px 70px #000000d1;--glass-bg:#0a0e0de0;--glass-border:#ffffff12;--glass-blur:blur(24px) saturate(160%);--nav-height:86px;--header-height:60px;--frame-border:#0a0e0d;--frame-notch:#000}.light-mode{--bg-popup:#fff;--bg-frame:#d6e8ef;--bg-app:#eaf3f6;--bg-surface:#fff;--bg-card:#fff;--bg-card-hover:#f5fafb;--bg-elevated:#fff;--bg-input:#f2f8fa;--border:#00000012;--border-subtle:#0000000a;--border-medium:#0000001f;--border-focus:#00a87e;--text-primary:#0a1612;--text-secondary:#4a6860;--text-muted:#90a8a2;--text-inverse:#fff;--accent:#00a87e;--accent-hover:#00c896;--accent-active:#008f6a;--accent-glow:#00a87e33;--accent-soft:#00a87e1f;--accent-subtle:#00a87e0f;--success:#00a87e;--success-bg:#00a87e14;--success-border:#00a87e2e;--warning:#d08000;--warning-bg:#d0800014;--warning-border:#d080002e;--danger:#d93025;--danger-bg:#d9302514;--danger-border:#d930252e;--info:#0a7acc;--info-bg:#0a7acc14;--info-border:#0a7acc2e;--shadow-xs:0 1px 3px #0000000d;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 4px 16px #00000017;--shadow-lg:0 8px 30px #0000001c;--shadow-xl:0 20px 60px #00000021;--glass-bg:#ffffffeb;--glass-border:#00000012;--bg-hero:#00896a;--bg-hero-end:#005c47;--hero-text:#fff;--hero-subtext:#ffffffa6;--hero-accent:#80ffd4;--frame-border:#1a1a1a;--frame-notch:#000}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}html,body,#root{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-frame);color:var(--text-primary);font-size:16px;line-height:1.5;overflow:hidden}button{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:none;font-family:inherit}input,textarea,select{font:inherit;color:inherit}img,picture,video,canvas,svg{max-width:100%;display:block}svg{height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-sans);letter-spacing:-.025em;font-weight:700;line-height:1.2}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseAccent{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 6px #0000}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px #00c89666,0 0 20px #00c89626}50%{box-shadow:0 0 16px #00c896b3,0 0 40px #00c89640}}@keyframes beamSweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade{animation:fadeIn var(--t-base) forwards}.animate-slide-up{animation:slideUp .28s var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--t-base) forwards}.app-container{background-color:var(--bg-frame);width:100vw;height:100dvh;transition:background-color var(--t-slow);justify-content:center;align-items:center;display:flex;position:relative}.app-frame{background-color:var(--bg-app);width:100%;height:100%;transition:background-color var(--t-slow);flex-direction:column;display:flex;position:relative}.app-frame:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(55% 38% at 10% 5%,#00b4782e 0%,#0000 70%),radial-gradient(45% 30% at 88% 18%,#008c641f 0%,#0000 65%),radial-gradient(35% 45% at 55% 88%,#0064501a 0%,#0000 70%);animation:20s ease-in-out infinite alternate auroraDrift;position:absolute;inset:0}.light-mode .app-frame:after{background:radial-gradient(70% 45% at 15% 0,#00a87e21 0%,#0000 70%),radial-gradient(55% 35% at 90% 15%,#008cc817 0%,#0000 65%),radial-gradient(45% 55% at 50% 95%,#00a87e12 0%,#0000 70%);animation:24s ease-in-out infinite alternate auroraDrift;display:block}@keyframes auroraDrift{0%{opacity:1;transform:scale(1)translateY(0)}50%{opacity:.75;transform:scale(1.04)translateY(-8px)}to{opacity:1;transform:scale(.97)translateY(4px)}}@media (width>=768px){.app-frame.simulator-mode{border:10px solid var(--frame-border);width:390px;height:844px;box-shadow:var(--shadow-xl), inset 0 0 0 1px #ffffff0a;isolation:isolate;border-radius:50px;position:relative;overflow:hidden}.app-frame.simulator-mode:before{content:"";background-color:var(--frame-notch);z-index:1000;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:120px;height:34px;position:absolute;top:0;left:50%;transform:translate(-50%)}.app-frame.simulator-mode .app-header{height:calc(var(--header-height) + 34px);align-items:flex-end;padding-top:34px;padding-bottom:10px}}.main-content{padding:var(--space-3) var(--space-3) calc(var(--nav-height) + env(safe-area-inset-bottom,0px) + 12px);scrollbar-width:none;z-index:1;background-color:#0000;flex:1;position:relative;overflow-y:auto}.light-mode .main-content{background-color:#0000}.main-content::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.app-header{height:calc(var(--header-height) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--space-5) 0;-webkit-backdrop-filter:blur(20px)saturate(160%);z-index:10;transition:background var(--t-slow), border-color var(--t-slow);background:linear-gradient(#0a0e0dcc 0%,#0a0e0d66 100%);border-bottom:1px solid #00c8961a;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative;box-shadow:0 1px #00c8960f}.light-mode .app-header{-webkit-backdrop-filter:blur(24px)saturate(180%);color:var(--text-primary);background:linear-gradient(#ffffffd9 0%,#f0faf8b3 100%);border-bottom:1px solid #00a87e1f;box-shadow:0 1px #00a87e12}.light-mode .app-header .btn-icon{color:var(--text-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(145deg,#fffffff2 0%,#f0fcf8d9 100%);border:1px solid #00a87e2e;box-shadow:0 2px 8px #0000000f,inset 0 0 0 1px #fffc}.light-mode .app-header .btn-icon:hover{color:var(--accent);background:linear-gradient(145deg,#00a87e1a 0%,#00a87e0d 100%);border-color:#00a87e59;box-shadow:0 0 12px #00a87e2e}.app-header .btn-icon{color:var(--text-secondary)}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(32px)saturate(180%);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:99;background:linear-gradient(#0a0e0dbf 0%,#080c0beb 100%);border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-around;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -1px #00c8961f,inset 0 0 0 1px #ffffff08}.light-mode .bottom-nav{-webkit-backdrop-filter:blur(28px)saturate(200%);background:linear-gradient(#f0fcf9d1 0%,#fffffff5 100%);border-top:1px solid #00a87e24;box-shadow:0 -1px #00a87e1a,0 -8px 24px #0000000d}.nav-item{color:var(--text-muted);letter-spacing:.01em;min-width:56px;height:var(--nav-height);cursor:pointer;transition:color var(--t-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex;position:relative}.nav-item:focus-visible{outline:none}.nav-item svg{width:22px;height:22px;transition:transform var(--t-fast);flex-shrink:0}.nav-item-active{color:var(--accent)}.nav-item:active svg{transform:scale(.82)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-3);box-shadow:var(--shadow-xs);transition:transform var(--t-base), border-color var(--t-base), box-shadow var(--t-base)}.card-sm{border-radius:var(--radius-md);padding:var(--space-3)}.card-lg{border-radius:var(--radius-xl);padding:var(--space-5)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-interactive:active{box-shadow:var(--shadow-xs);transform:translateY(0)}.card-accent{background:linear-gradient(135deg, var(--accent-soft) 0%, var(--accent-subtle) 100%);border-color:var(--accent-glow)}.glass-card{border-radius:var(--radius-xl);padding:var(--space-3);-webkit-backdrop-filter:blur(24px)saturate(160%);z-index:1;background:linear-gradient(145deg,#ffffff12 0%,#ffffff08 100%);border:1px solid #ffffff17;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,0 4px 24px #00000080,inset 0 1px #ffffff0f}.glass-card:before{content:"";opacity:.6;background:linear-gradient(90deg,#0000 0%,#00c89680 40% 60%,#0000 100%);border-radius:1px;height:1px;position:absolute;top:0;left:10%;right:10%}.light-mode .glass-card{-webkit-backdrop-filter:blur(16px)saturate(160%);border-radius:var(--radius-xl);background:linear-gradient(160deg,#fff 0%,#f0fcf9cc 100%);border:1px solid #00a87e1f;box-shadow:inset 0 0 0 1px #ffffffe6,0 4px 20px #00000012,inset 0 1px #fffffff2}.light-mode .glass-card:before{opacity:.5;background:linear-gradient(90deg,#0000 0%,#00a87e73 35%,#00c8968c 50%,#00a87e73 65%,#0000 100%);display:block}.glass-card-hoverable{cursor:pointer}.glass-card-hoverable:hover{border-color:#00c89638;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #ffffff12,0 8px 32px #0000008c,0 0 0 1px #00c89626,0 0 30px #00c89614}.glass-card-hoverable:active{transform:translateY(0)scale(.99)}.light-mode .glass-card-hoverable:hover{border-color:#00a87e47;box-shadow:inset 0 0 0 1px #fffffff2,0 8px 28px #0000001a,0 0 0 1px #00a87e2e,0 0 24px #00a87e1f}.section-title{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--space-3);font-weight:700}.stat-value{font-size:var(--text-3xl);letter-spacing:-.04em;color:var(--text-primary);font-variant-numeric:tabular-nums lining-nums;font-weight:800;line-height:1}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:13px var(--space-5);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:-.01em;cursor:pointer;transition:all var(--t-base);border:none;width:100%;font-weight:700;line-height:1;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-active) 100%);color:#fff;letter-spacing:-.01em;box-shadow:0 4px 20px var(--accent-glow), 0 0 0 1px #ffffff14 inset}.btn-primary:hover{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 100%);box-shadow:0 6px 28px var(--accent-glow);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 10px var(--accent-glow);transform:scale(.97)}.light-mode .btn-primary{color:#fff;box-shadow:0 4px 20px #00a87e47,inset 0 0 0 1px #ffffff40}.btn-secondary{background-color:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium)}.btn-secondary:active{transform:translateY(1px)}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(1.08)}.btn-danger:active{transform:translateY(1px)}.btn-icon{border-radius:var(--radius-full);cursor:pointer;-webkit-backdrop-filter:blur(12px);width:38px;height:38px;color:var(--text-secondary);transition:all var(--t-fast);background:linear-gradient(145deg,#ffffff17 0%,#ffffff0a 100%);border:1px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{color:var(--accent);background:linear-gradient(145deg,#00c89624 0%,#00c8960f 100%);border-color:#00c8964d;box-shadow:0 0 12px #00c89626}.btn-icon:active{transform:scale(.9)}.form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;font-weight:600}.form-control{color:var(--text-primary);border-radius:var(--radius-lg);padding:12px var(--space-4);font-size:var(--text-sm);font-family:var(--font-sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color var(--t-fast), box-shadow var(--t-fast), background var(--t-fast);-webkit-appearance:none;background:linear-gradient(145deg,#ffffff0f 0%,#ffffff08 100%);border:1px solid #ffffff1a;outline:none}.light-mode .form-control{background:linear-gradient(145deg,#fff 0%,#f0fcf999 100%);border:1.5px solid #00a87e26;box-shadow:0 2px 8px #0000000a,inset 0 0 0 1px #ffffffe6}.light-mode .form-control:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #00a87e24,0 0 16px #00a87e26,inset 0 0 0 1px #ffffffe6}.form-control:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 16px #00c8961f;background:#00c8960a}.form-control::placeholder{color:var(--text-muted)}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-surface);border:1.5px solid var(--border);transition:var(--t-base);border-radius:28px;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);width:20px;height:20px;transition:var(--t-base);border-radius:50%;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent);border-color:var(--accent)}input:checked+.slider:before{background-color:#fff;transform:translate(22px)}.tab-list{border-radius:var(--radius-lg);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(145deg,#ffffff0d 0%,#ffffff05 100%);border:1px solid #ffffff14;gap:3px;padding:3px;display:flex}.tab-btn{color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);padding:8px var(--space-2);border-radius:calc(var(--radius-lg) - 2px);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;background:0 0;border:none;flex:1}.tab-btn-active{color:var(--accent);background:linear-gradient(145deg,#00c8962e 0%,#00c89614 100%);border:1px solid #00c89640;box-shadow:0 0 12px #00c8961a}.light-mode .tab-btn-active{color:var(--accent);background:linear-gradient(145deg,#fff 0%,#f0fcf9e6 100%);border:1px solid #00a87e38;box-shadow:0 2px 10px #00000012,0 0 12px #00a87e1a}.light-mode .tab-list{-webkit-backdrop-filter:none;backdrop-filter:none;background:#00a87e0d;border-color:#00a87e1f}.pill-tab-bar{gap:var(--space-2);scrollbar-width:none;padding:2px 0;display:flex;overflow-x:auto}.pill-tab-bar::-webkit-scrollbar{display:none}.pill-tab{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;flex-shrink:0;padding:7px 16px;font-size:12px;font-weight:600}.pill-tab-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-glow)}.modal-overlay{-webkit-backdrop-filter:blur(10px);z-index:1000;background-color:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.popup-overlay{pointer-events:all;-webkit-backdrop-filter:blur(6px);z-index:1100;padding:0 var(--space-4);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.popup-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:calc(100% - 48px);max-width:340px;padding:24px 20px 20px;animation:.2s cubic-bezier(.34,1.4,.64,1) forwards popupIn;box-shadow:0 8px 40px #00000059}@keyframes popupIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.modal-sheet{background-color:var(--bg-surface);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);border-top:1px solid var(--border);scrollbar-width:none;width:100%;max-height:88%;padding:var(--space-6);animation:slideUp .32s var(--ease-out) forwards;overflow-y:auto}.modal-sheet::-webkit-scrollbar{display:none}.modal-handle{background-color:var(--border-medium);border-radius:var(--radius-full);width:36px;height:4px;margin:0 auto var(--space-5)}.grid-2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-2);grid-template-columns:repeat(2,1fr);display:grid}.list-item{padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.list-item:last-child{border-bottom:none}.timeline{gap:var(--space-4);flex-direction:column;display:flex}.timeline-item{gap:var(--space-3);display:flex;position:relative}.timeline-item:before{content:"";background-color:var(--border);width:1px;position:absolute;top:24px;bottom:-24px;left:11px}.timeline-item:last-child:before{display:none}.timeline-dot{background-color:var(--bg-surface);border:1.5px solid var(--border);z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:600;display:flex}.timeline-dot-active{border-color:var(--accent);background-color:var(--accent-subtle);color:var(--accent)}.timeline-content{flex:1}.timeline-time{font-size:var(--text-2xs);color:var(--text-muted)}.timeline-title{font-size:var(--text-xs);margin-bottom:2px;font-weight:600}.timeline-desc{font-size:var(--text-xs);color:var(--text-secondary)}.quick-action-box{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3);border-radius:var(--radius-lg);background-color:var(--bg-card);border:1px solid var(--border);cursor:pointer;text-align:center;transition:all var(--t-base);flex-direction:column;display:flex}.quick-action-box:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-box:active{transform:translateY(0)}.agenda-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-subtle);display:flex}.agenda-item:last-child{border-bottom:none}.agenda-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.agenda-content{flex:1;min-width:0}.agenda-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;line-height:1.3}.agenda-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.agenda-time{font-size:var(--text-xs);color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.device-toggle-bar{z-index:1001;align-items:center;gap:6px;display:flex;position:absolute;top:12px;right:12px}.device-btn{background-color:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--t-fast);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);font-size:11px;font-weight:600;font-family:var(--font-sans);padding:5px 12px}.device-btn:hover{color:var(--text-primary);border-color:var(--border-medium)}.device-btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff}.tabular-nums{font-variant-numeric:tabular-nums lining-nums}.gradient-accent{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hover) 100%)}.attendance-card{border-radius:var(--radius-xl);isolation:isolate;background:linear-gradient(145deg,#0a3d2e 0%,#072e22 55%,#041f17 100%);border:1px solid #00c8964d;padding:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 8px 40px #00000080,0 0 60px #00c89624}.attendance-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00c89699 40%,#00e6b4b3 50%,#00c89699 60%,#0000 100%);height:1px;position:absolute;top:0;left:8%;right:8%}.light-mode .attendance-card{background:linear-gradient(145deg,#00896a 0%,#006b52 55%,#004d3c 100%);border:1px solid #00c89640;box-shadow:inset 0 0 0 1px #ffffff26,0 8px 32px #0000002e,0 0 40px #00a87e26}.light-mode .attendance-card:before{background:linear-gradient(90deg,#0000 0%,#fff6 40%,#ffffff8c 50%,#fff6 60%,#0000 100%)}.hero-card{border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);background:linear-gradient(145deg,#0d2420 0%,#091a16 55%,#060e0c 100%);border:1px solid #00c8962e;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff08,0 8px 40px #0000008c,0 0 50px #00b47814}.hero-card:before{content:"";pointer-events:none;border-radius:inherit;mix-blend-mode:overlay;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.hero-card:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#00c89638 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-25px;right:-25px}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.divider{background:linear-gradient(90deg, transparent 0%, var(--border-medium) 30%, var(--border-medium) 70%, transparent 100%);height:1px;margin:var(--space-3) 0}.text-gradient{background:linear-gradient(135deg, var(--accent-hover) 0%, var(--accent) 50%, #00c89699 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.neon-border{border:1px solid #00c8964d;box-shadow:0 0 12px #00c8961a,inset 0 0 0 1px #00c89614}.glass-surface{-webkit-backdrop-filter:blur(20px)saturate(150%);background:linear-gradient(145deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff17}.badge-success{color:#00c896;background:#00c8961f;border:1px solid #00c89638;box-shadow:0 0 8px #00c8961a}.badge-warning{color:#f5a623;background:#f5a6231f;border:1px solid #f5a62338}.badge-danger{color:#ff4d4d;background:#ff4d4d1f;border:1px solid #ff4d4d38}.badge-info{color:#00b8d9;background:#00b8d91f;border:1px solid #00b8d938}.badge-primary{color:var(--accent);background:#00c8961a;border:1px solid #00c89633}.badge-neutral{color:var(--text-secondary);background:#ffffff0f;border:1px solid #ffffff17}.light-mode .badge-success{color:#007a5a;background:#00a87e1a;border-color:#00a87e38;box-shadow:0 0 8px #00a87e1a}.light-mode .badge-warning{color:#a06000;background:#d0800017;border-color:#d0800033}.light-mode .badge-danger{color:#b02018;background:#d9302517;border-color:#d9302533}.light-mode .badge-info{color:#065a9a;background:#0a7acc17;border-color:#0a7acc33}.light-mode .badge-primary{color:var(--accent);background:#00a87e17;border-color:#00a87e33;box-shadow:0 0 8px #00a87e1a}.light-mode .badge-neutral{color:var(--text-secondary);background:#0000000d;border-color:#00000017}.light-mode .text-gradient{background:linear-gradient(135deg,#00a87e 0%,#00c896 50%,#00a0c8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.light-mode .neon-border{border:1px solid #00a87e47;box-shadow:0 0 12px #00a87e1f,inset 0 0 0 1px #00a87e0f}.light-mode .btn-icon{color:var(--text-secondary);-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#fffffff2 0%,#f0fcf9d9 100%);border:1px solid #00a87e2e;box-shadow:0 2px 8px #0000000f}.light-mode .btn-icon:hover{color:var(--accent);background:linear-gradient(145deg,#00a87e1a 0%,#00a87e0d 100%);border-color:#00a87e59;box-shadow:0 0 14px #00a87e2e,0 2px 8px #0000000f}.icon-wrap{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}