@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-app: #f8fafc;--bg-sidebar: #ffffff;--bg-glass: #ffffff;--bg-glass-hover: #f1f5f9;--bg-glass-active: #e2e8f0;--border-glass: #f1f5f9;--border-glass-bright: #cbd5e1;--accent-primary: #2563eb;--accent-primary-hover: #1d4ed8;--accent-primary-glow: rgba(37, 99, 235, .08);--accent-secondary: #0ea5e9;--color-text: #0f172a;--color-muted: #475569;--color-subtle: #94a3b8;--green: #10b981;--green-glow: rgba(16, 185, 129, .08);--amber: #d97706;--amber-glow: rgba(217, 119, 6, .08);--red: #ef4444;--red-glow: rgba(239, 68, 68, .08)}*{box-sizing:border-box;transition:all .2s cubic-bezier(.4,0,.2,1)}body{margin:0;min-width:320px;background-color:var(--bg-app);color:var(--color-text);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}@keyframes softFlow{0%{transform:translate(0) scale(1)}50%{transform:translate(25px,-30px) scale(1.1)}to{transform:translate(0) scale(1)}}body:before{content:"";position:absolute;top:0;left:0;width:500px;height:500px;background:radial-gradient(circle,rgba(37,99,235,.03) 0%,transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;animation:softFlow 20s infinite ease-in-out}body:after{content:"";position:absolute;bottom:0;right:0;width:600px;height:600px;background:radial-gradient(circle,rgba(14,165,233,.02) 0%,transparent 75%);filter:blur(100px);pointer-events:none;z-index:0;animation:softFlow 25s infinite ease-in-out reverse}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#00000014;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#0000002e}h1,h2,h3,h4,p{margin-top:0}h1{font-weight:800;letter-spacing:-.04em;color:var(--color-text)}h2{font-weight:700;letter-spacing:-.03em;color:var(--color-text);font-size:24px;margin-bottom:6px}h3{font-weight:600;letter-spacing:-.02em;color:var(--color-text);border-bottom:1px solid var(--border-glass);padding-bottom:14px;margin-bottom:20px;font-size:18px}button{font-family:var(--font-sans);border:1px solid var(--border-glass);border-radius:8px;background:#ffffff08;color:var(--color-text);cursor:pointer;font-weight:600;padding:10px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 3px #00000026;font-size:13px}button:hover:not(:disabled){background:var(--bg-glass-hover);border-color:var(--border-glass-bright);transform:translateY(-1px);box-shadow:0 4px 12px #0003}button:active:not(:disabled){transform:translateY(0)}button:disabled{cursor:not-allowed;opacity:.35}button.primary{background:var(--accent-primary);border:none;color:#060913;box-shadow:0 2px 10px var(--accent-primary-glow)}button.primary:hover:not(:disabled){background:var(--accent-primary-hover);box-shadow:0 4px 16px #38bdf866}button.danger{color:#fff;background:var(--red);border:none;box-shadow:0 2px 10px var(--red-glow)}button.danger:hover:not(:disabled){background:#f87171;box-shadow:0 4px 16px #f8717166}label{color:var(--color-muted);display:grid;font-size:12px;font-weight:600;gap:8px;letter-spacing:.02em;margin-bottom:16px}input,textarea,select{font-family:var(--font-sans);background:#0a0e1a99;border:1px solid var(--border-glass);border-radius:8px;color:var(--color-text);padding:12px 14px;outline:none;width:100%;font-size:13px;box-shadow:inset 0 1px 3px #0000004d;color-scheme:dark}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow);background:#0a0e1acc}textarea{min-height:80px;resize:vertical}.eyebrow{color:var(--accent-primary);font-size:10px;font-weight:800;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.muted{color:var(--color-muted);font-size:13px}.error{background:#ef44440d;border:1px solid rgba(239,68,68,.15);border-radius:8px;color:var(--red);padding:10px 12px;font-size:13px}.login-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh;z-index:1;position:relative;background-color:var(--bg-app)}@media(max-width:900px){.login-page{grid-template-columns:1fr}.brand-panel{display:none!important}}.brand-panel{background:linear-gradient(135deg,#0a0e1a,#05070f);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:max(40px,6vw);position:relative;overflow:hidden;border-right:1px solid var(--border-glass)}.brand-panel:before{content:"";position:absolute;top:-10%;right:-10%;width:300px;height:300px;background:radial-gradient(circle,rgba(56,189,248,.15) 0%,transparent 70%);filter:blur(50px)}.brand-panel h1{font-size:clamp(32px,4vw,48px);line-height:1.1;margin-bottom:16px;background:linear-gradient(135deg,#fff 60%,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-panel p{color:#38bdf8;font-size:16px;max-width:460px;margin-bottom:40px;opacity:.85}.login-form-panel{display:flex;flex-direction:column;justify-content:center;padding:max(30px,4vw);background:#0a0e1a73;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-glass)}.login-card{max-width:400px;width:100%;margin:0 auto}.login-card h2{font-size:28px;margin-bottom:8px}.login-card p{margin-bottom:24px}.hint{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:var(--color-muted);font-size:11px;padding:8px 12px;margin-top:20px;text-align:center}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh;gap:0;background-color:var(--bg-app)}@media(max-width:900px){.app{grid-template-columns:1fr;gap:0}aside{display:none!important}}aside{background:var(--bg-sidebar);color:var(--color-text);display:flex;flex-direction:column;padding:32px 18px;margin:16px 0 16px 16px;border:1px solid #e2e8f0;border-radius:18px;z-index:10;box-shadow:0 8px 30px #00000006;height:calc(100vh - 32px);position:sticky;top:16px}.user-name{font-weight:700;font-size:14px;margin:0 10px 2px;color:var(--color-text)}.role{color:var(--color-muted);font-size:11px;font-weight:600;margin:0 10px 28px;text-transform:uppercase;letter-spacing:.05em}nav{display:grid;gap:6px}nav button,.logout{background:transparent;border:1px solid transparent;color:var(--color-muted);padding:10px 14px;text-align:left;border-radius:8px;font-size:13.5px;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:10px;cursor:pointer;box-shadow:none;transition:all .25s cubic-bezier(.4,0,.2,1)}nav button:hover:not(:disabled){background:var(--bg-glass-hover);color:var(--color-text);transform:translate(4px)}nav button.active{background:linear-gradient(90deg,#2563eb0f,#2563eb03);color:var(--accent-primary);border-left:3px solid var(--accent-primary);border-top-left-radius:0;border-bottom-left-radius:0;padding-left:11px;font-weight:600;box-shadow:0 4px 12px #2563eb08;transform:translate(6px)}.logout{margin-top:auto;border:1px solid rgba(239,68,68,.1);color:var(--red);width:100%}.logout:hover:not(:disabled){background:#ef44440a;border-color:#ef444426;color:#dc2626}main{overflow-y:auto;padding:clamp(20px,3vw,36px);z-index:1}main section{margin:0 auto;max-width:1150px;display:grid;gap:24px}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-glass)}.header-left h2{font-size:22px;margin:0}.header-right{display:flex;align-items:center;gap:16px}.bell-btn{background:transparent;border:1px solid var(--border-glass);border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:var(--color-muted);position:relative;box-shadow:none}.bell-btn:hover{background:var(--bg-glass-hover);color:var(--color-text)}.bell-badge{position:absolute;top:2px;right:2px;background-color:var(--red);color:#fff;font-size:10px;font-weight:800;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-sidebar)}.notification-bell-container{position:relative}.notification-dropdown{position:absolute;top:60px;right:0;width:320px;background:#0a0e1af2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 10px 40px #00000080;z-index:100;overflow:hidden;animation:modalScaleUp .15s ease-out}.dropdown-header{padding:12px 16px;border-bottom:1px solid var(--border-glass);display:flex;justify-content:space-between;align-items:center;background:#00000059}.dropdown-header h4{margin:0;font-size:14px}.unread-count{font-size:11px;color:var(--accent-primary);font-weight:700}.dropdown-list{max-height:280px;overflow-y:auto}.no-notifs{padding:24px;text-align:center;color:var(--color-muted);font-size:13px}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border-glass);cursor:pointer;position:relative}.notif-item:hover{background-color:#ffffff0a}.notif-item.unread{background-color:#2563eb05}.notif-item p{margin:0 0 4px;font-size:12px;line-height:1.4;padding-right:12px}.notif-time{font-size:10px;color:var(--color-subtle)}.notif-dot{position:absolute;top:14px;right:16px;width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary)}.header-profile-quick{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 12px;border-radius:30px;border:1px solid var(--border-glass);background:var(--bg-glass)}.header-profile-quick:hover{background:var(--bg-glass-hover);border-color:var(--border-glass-bright)}.avatar-mini{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1.5px solid var(--accent-primary)}.nav-badge{position:absolute;right:12px;background-color:var(--accent-primary);color:#fff;font-size:9px;font-weight:700;padding:2px 6px;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stats.six{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.stats.two{grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.stats article,.card{background-color:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;padding:24px;box-shadow:0 4px 20px #00000008;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.stats article:hover,.card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000d;border-color:var(--border-glass-bright)}.stats article{display:flex;flex-direction:column;justify-content:space-between}.stats article p{color:var(--color-muted);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stats article strong{font-size:24px;font-weight:800;color:var(--color-text);line-height:1.1}.stats article strong.small{font-size:13px;font-weight:600}.progress-container{background:#f1f5f9;border-radius:100px;height:6px;width:100%;margin-top:14px;overflow:hidden}.progress-bar{background:var(--accent-primary);height:100%;border-radius:100px}.progress-bar.idle-countdown{transition:width 1s linear}.action-bar{display:flex;flex-wrap:wrap;gap:12px}.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:28px}.split.admin-grid{grid-template-columns:1.4fr .6fr}@media(max-width:900px){.split.admin-grid{grid-template-columns:1fr}}.simple-list p{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f1f5f9;margin:0;font-size:13px}.simple-list p:last-child{border-bottom:none}.timeline{display:grid;gap:16px;position:relative;padding-left:16px;border-left:2px solid var(--border-glass)}.timeline-item{display:flex;align-items:center;gap:12px;font-size:13px;position:relative}.timeline-dot{width:10px;height:10px;border-radius:50%;background-color:var(--color-subtle);position:absolute;left:-22px;border:2px solid var(--bg-app)}.timeline-dot.green{background-color:var(--green);box-shadow:0 0 6px var(--green)}.timeline-dot.amber{background-color:var(--amber);box-shadow:0 0 6px var(--amber)}.timeline-dot.red{background-color:var(--red);box-shadow:0 0 6px var(--red)}.table-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 4px 24px #00000008}table{width:100%;border-collapse:collapse;text-align:left}@media(max-width:768px){table{min-width:720px}}th{background-color:#00000040;color:var(--color-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:16px 24px;border-bottom:1px solid var(--border-glass)}td{padding:16px 24px;font-size:13px;border-bottom:1px solid #f1f5f9;color:var(--color-text)}tr:hover td{background-color:#f8fafc}tr:last-child td{border-bottom:none}.empty{padding:40px;text-align:center;color:var(--color-muted);font-size:13px}.leave-balances{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.balance-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 4px 20px #00000040}.balance-card h4{font-size:12px;text-transform:uppercase;color:var(--color-muted);margin:0;font-weight:700}.balance-value{font-size:28px;font-weight:800;color:var(--color-text);line-height:1}.balance-value span{font-size:12px;font-weight:600;color:var(--color-subtle);margin-left:4px}.leave-list article{padding:12px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.leave-list article:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-card{background:#0a0e1af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:16px;padding:30px;max-width:480px;width:100%;box-shadow:0 20px 50px #0009;animation:modalScaleUp .2s cubic-bezier(.34,1.56,.64,1);color:var(--color-text)}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon-wrap{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-icon-wrap.approve{background:#10b98114;border:1.5px solid rgba(16,185,129,.2);color:var(--green)}.modal-icon-wrap.reject{background:#ef444414;border:1.5px solid rgba(239,68,68,.2);color:var(--red)}.details-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;padding:12px;margin:16px 0;font-size:13px;color:var(--color-text)}.toast-stack{position:fixed;bottom:24px;right:24px;display:grid;gap:10px;z-index:2000}.global-toast{background:#0a0e1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:var(--color-text);padding:12px 18px;border-radius:8px;box-shadow:0 10px 30px #0006;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;animation:toastSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.global-toast.success{background:#10b9811a;border-color:#10b98140;color:#34d399}.global-toast.error{background:#ef44441a;border-color:#ef444440;color:#f87171}@keyframes toastSlideIn{0%{opacity:0;transform:translate(30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.success-msg{color:var(--green);font-size:12px;font-weight:600}.pill{padding:4px 10px;border-radius:30px;font-size:10px;font-weight:700;text-transform:uppercase}.pill.pending{background:#f59e0b14;color:var(--amber);border:1.5px solid rgba(245,158,11,.15)}.pill.approved{background:#10b98114;color:var(--green);border:1.5px solid rgba(16,185,129,.15)}.pill.rejected{background:#ef444414;color:var(--red);border:1.5px solid rgba(239,68,68,.15)}.segmented-tabs button{border:1px solid var(--border-glass);border-radius:8px;color:var(--color-muted);font-weight:600;cursor:pointer;background:#ffffff05;padding:8px 16px;box-shadow:0 1px 2px #00000026}.segmented-tabs button:hover{background:var(--bg-glass-hover);color:var(--color-text)}.segmented-tabs button.active{background:var(--accent-primary-glow);border-color:var(--accent-primary);color:var(--accent-primary);box-shadow:0 2px 8px var(--accent-primary-glow)}.teammate-bubble{background:var(--bg-glass);border:1px solid var(--border-glass);box-shadow:0 2px 8px #00000003;transition:transform .2s ease,box-shadow .2s ease}.teammate-bubble:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000a;border-color:var(--border-glass-bright)}.status-indicator.online{background-color:var(--green);box-shadow:0 0 6px var(--green)}.status-indicator.idle{background-color:var(--amber);box-shadow:0 0 6px var(--amber)}.status-indicator.offline{background-color:var(--color-subtle)}.status-indicator.pending-approval{background-color:var(--red);box-shadow:0 0 6px var(--red)}.status{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.status.online{background:#10b98114;color:var(--green);border:1px solid rgba(16,185,129,.15)}.status.idle{background:#f59e0b14;color:var(--amber);border:1px solid rgba(245,158,11,.15)}.status.offline{background:#94a3b814;color:var(--color-muted);border:1px solid rgba(148,163,184,.15)}.status.pending-approval{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.15)}.status.compact{font-size:9px;padding:2px 8px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;border-bottom:1px solid var(--border-glass);padding-bottom:12px}.admin-tabs button{background:transparent;border:1px solid transparent;color:var(--color-muted);font-weight:600;font-size:13px;padding:8px 16px;border-radius:8px;box-shadow:none;display:flex;align-items:center;gap:6px}.admin-tabs button:hover{background:var(--bg-glass-hover);color:var(--color-text)}.admin-tabs button.active{background:#2563eb0f;border-color:#2563eb26;color:var(--accent-primary);box-shadow:0 2px 8px #2563eb0d}.task-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;align-items:start;margin-top:12px}.task-column{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000059;min-height:450px;display:flex;flex-direction:column}.task-column-header{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;margin-top:0;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-glass);color:var(--color-text)}.task-count{background:var(--bg-app);color:var(--color-muted);font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;border:1px solid var(--border-glass)}.task-cards{display:grid;gap:14px;flex-grow:1}.task-card{background:#ffffff05;border:1px solid var(--border-glass);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000004d;position:relative;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease;border-left:4px solid var(--border-glass)}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000073;border-color:var(--border-glass-bright)}.task-card.priority-low{border-left-color:var(--green)}.task-card.priority-medium{border-left-color:var(--accent-secondary)}.task-card.priority-high{border-left-color:var(--amber)}.task-card.priority-urgent{border-left-color:var(--red)}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.priority-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:20px;letter-spacing:.02em}.priority-badge.low{background:#10b98114;color:var(--green);border:1px solid rgba(16,185,129,.15)}.priority-badge.medium{background:#0ea5e914;color:var(--accent-secondary);border:1px solid rgba(14,165,233,.15)}.priority-badge.high{background:#f59e0b14;color:var(--amber);border:1px solid rgba(245,158,11,.15)}.priority-badge.urgent{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.15)}.due-label{font-size:11px;font-weight:600;color:var(--color-muted);display:inline-flex;align-items:center;gap:4px}.due-label.overdue{color:var(--red);font-weight:700}.due-label.today{color:var(--amber);font-weight:700}.task-title{font-size:14px;font-weight:700;margin:0 0 8px!important;color:var(--color-text);line-height:1.4}.task-desc{font-size:12px;color:var(--color-muted);margin:0 0 14px!important;line-height:1.5}.task-meta{font-size:11px;color:var(--color-subtle);border-top:1px dashed var(--border-glass);padding-top:10px;margin-bottom:12px}.task-meta strong{color:var(--color-muted)}.task-actions{display:flex;justify-content:flex-end}.task-btn{width:100%;font-size:12px;padding:6px 12px;font-weight:600;border-radius:6px;transition:all .15s ease;box-shadow:none}.task-btn.progress{background:var(--accent-primary-glow);color:var(--accent-primary);border:1px solid rgba(37,99,235,.15)}.task-btn.progress:hover{background:var(--accent-primary);color:#fff;transform:translateY(-1px)}.task-btn.done{background:#10b98114;color:var(--green);border:1px solid rgba(16,185,129,.15)}.task-btn.done:hover{background:var(--green);color:#fff;transform:translateY(-1px)}.task-done-label{font-size:12px;font-weight:700;color:var(--green);display:inline-flex;align-items:center;gap:4px;width:100%;justify-content:center;padding:6px;background:#10b9810a;border-radius:6px}.task-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.task-stat-card{background:var(--bg-app);border:1px solid var(--border-glass);border-radius:10px;padding:14px;text-align:center;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--color-muted);display:flex;flex-direction:column;justify-content:center;gap:4px}.task-stat-num{font-size:24px;font-weight:800;color:var(--color-text);line-height:1}.task-stat-card.pending-stat{border-left:3px solid var(--accent-secondary)}.task-stat-card.pending-stat .task-stat-num{color:var(--accent-secondary)}.task-stat-card.progress-stat{border-left:3px solid var(--amber)}.task-stat-card.progress-stat .task-stat-num{color:var(--amber)}.task-stat-card.done-stat{border-left:3px solid var(--green)}.task-stat-card.done-stat .task-stat-num{color:var(--green)}.stats-mini{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mini-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;border:1px solid var(--border-glass);background:#ffffff05}.mini-badge.pending-badge{color:var(--accent-secondary);border-color:#0ea5e933;background:#0ea5e908}.mini-badge.progress-badge{color:var(--amber);border-color:#f59e0b33;background:#f59e0b08}.mini-badge.done-badge{color:var(--green);border-color:#10b98133;background:#10b98108}.title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;border-bottom:1px solid var(--border-glass);padding-bottom:16px;margin-bottom:8px}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.table-card h3{border:none;font-size:16px;font-weight:700;color:var(--color-text);padding:0;margin:0}.table-card{box-shadow:0 8px 30px #00000005;transition:transform .2s ease,box-shadow .2s ease}.table-card:hover{box-shadow:0 12px 40px #0000000a}table tr:hover td{background-color:#2563eb03!important}td strong{color:var(--color-text);font-weight:600}.live-salary-card{background:#fff;border:1px solid var(--border-glass);border-radius:16px;padding:24px;box-shadow:0 4px 20px #00000005;margin-bottom:24px;position:relative;overflow:hidden;border-left:4px solid var(--accent-primary)}.live-salary-card:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,rgba(37,99,235,.03) 0%,transparent 70%);filter:blur(20px);pointer-events:none}.live-salary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.accruing-indicator{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.04em}.accruing-indicator.active{background:#10b98114;color:var(--green);border:1px solid rgba(16,185,129,.15)}.accruing-indicator.active span{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse-glow-salary 1.5s infinite}.accruing-indicator.inactive{background:#94a3b814;color:var(--color-muted);border:1px solid rgba(148,163,184,.15)}.accruing-indicator.inactive span{width:6px;height:6px;background:var(--color-subtle);border-radius:50%}@keyframes pulse-glow-salary{0%{transform:scale(1);opacity:1;box-shadow:0 0 #10b981b3}70%{transform:scale(1.1);opacity:.5;box-shadow:0 0 0 6px #10b98100}to{transform:scale(1);opacity:1;box-shadow:0 0 #10b98100}}.live-salary-ticker{font-size:42px;font-weight:800;font-family:monospace,var(--font-sans);color:var(--color-text);line-height:1;letter-spacing:-.02em;margin-bottom:6px;display:flex;align-items:baseline}.live-salary-ticker span.decimals{font-size:24px;color:var(--green);font-weight:600}.live-salary-sub{font-size:12px;color:var(--color-muted);margin-bottom:20px;font-weight:500}.salary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:16px;margin-top:18px}.salary-stat-box{background:var(--bg-app);border:1px solid var(--border-glass);border-radius:12px;padding:14px}.salary-stat-box span{display:block;font-size:11px;text-transform:uppercase;color:var(--color-muted);font-weight:700;letter-spacing:.03em;margin-bottom:4px}.salary-stat-box strong{font-size:15px;color:var(--color-text);font-weight:800}.live-roster-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px;margin-bottom:24px}.live-roster-item{background:#fff;border:1px solid var(--border-glass);border-radius:16px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;box-shadow:0 4px 20px #00000005;transition:all .2s ease}.live-roster-item:hover{border-color:var(--border-glass-bright);transform:translateY(-2px);box-shadow:0 8px 24px #0000000a}.roster-emp-details{display:flex;align-items:center;gap:12px}.roster-salary-info{display:flex;flex-direction:column;background:var(--bg-app);border:1px solid var(--border-glass);border-radius:10px;padding:12px;gap:8px}.roster-accrued{font-size:24px;font-weight:800;font-family:monospace,var(--font-sans);color:var(--color-text);line-height:1}.roster-accrued span.decimals{font-size:15px;color:var(--green)}.roster-badge{font-size:9px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:10px;display:inline-flex;align-items:center;gap:4px;align-self:flex-start}.roster-badge.active{background:#10b98114;color:var(--green);border:1px solid rgba(16,185,129,.15)}.roster-badge.inactive{background:#94a3b814;color:var(--color-muted);border:1px solid rgba(148,163,184,.15)}.approval-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-top:14px;margin-bottom:24px}.approval-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:20px;box-shadow:0 4px 20px #00000059;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),border-color .2s ease;position:relative;border-top:4px solid var(--border-glass)}.approval-card:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000000d;border-color:var(--border-glass-bright)}.approval-card.status-pending{border-top-color:var(--amber)}.approval-card.status-approved{border-top-color:var(--green)}.approval-card.status-rejected{border-top-color:var(--red)}.approval-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;border-bottom:1px solid #f1f5f9;padding-bottom:12px}.employee-info{display:flex;align-items:center;gap:12px}.avatar-initials{width:38px;height:38px;border-radius:50%;background:#2563eb14;color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;letter-spacing:.02em;border:1px solid rgba(37,99,235,.1)}.emp-name{display:block;font-size:14px;font-weight:700;color:var(--color-text);line-height:1.2}.emp-role{font-size:11px;color:var(--color-muted);font-weight:600}.approval-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:18px;flex-grow:1}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px dashed #f1f5f9;padding-bottom:6px}.detail-label{color:var(--color-muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.detail-value{color:var(--color-text);font-weight:700;font-size:13px}.detail-reason{display:flex;flex-direction:column;gap:4px;background:var(--bg-app);padding:10px 12px;border-radius:8px;border:1px solid var(--border-glass)}.reason-text{margin:0;font-size:12px;color:var(--color-muted);font-style:italic;line-height:1.4}.approval-card-actions{display:grid;grid-template-columns:1.2fr .8fr;gap:10px;border-top:1px solid #f1f5f9;padding-top:14px}.approve-btn,.reject-btn{font-size:12px;padding:8px 14px;width:100%}.ce-banner{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.ce-banner-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 12px #0000000a;transition:transform .2s,box-shadow .2s}.ce-banner-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.ce-banner-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ce-banner-label{font-size:11px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.ce-banner-value{font-size:20px;font-weight:800;color:var(--color-text);letter-spacing:-.03em}.ce-layout{display:grid;grid-template-columns:380px 1fr;gap:20px;align-items:start}.ce-form-header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-glass)}.ce-form-icon{width:40px;height:40px;background:var(--accent-primary-glow);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.ce-cat-breakdown{display:flex;flex-direction:column;gap:10px}.ce-cat-row{display:grid;grid-template-columns:1fr auto 2fr auto;gap:8px;align-items:center;font-size:12px}.ce-cat-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--color-text);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ce-cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.ce-cat-amount{font-weight:700;color:var(--color-text);white-space:nowrap}.ce-cat-bar-wrap{height:6px;background:var(--bg-app);border-radius:99px;overflow:hidden}.ce-cat-bar{height:100%;border-radius:99px;transition:width .4s cubic-bezier(.4,0,.2,1)}.ce-cat-pct{font-size:11px;font-weight:600;color:var(--color-muted);text-align:right;min-width:28px}.ce-ledger-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-glass);flex-wrap:wrap}.ce-filters{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ce-expense-list{display:flex;flex-direction:column;gap:0;max-height:600px;overflow-y:auto;border-radius:10px;border:1px solid var(--border-glass)}.ce-expense-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;border-bottom:1px solid #f8fafc;transition:background .15s;position:relative}.ce-expense-item:last-child{border-bottom:none}.ce-expense-item:hover{background:var(--bg-app)}.ce-expense-left{display:flex;align-items:flex-start;gap:12px;flex:1;min-width:0}.ce-expense-cat-dot{width:10px;height:10px;border-radius:50%;margin-top:4px;flex-shrink:0}.ce-expense-title{font-size:13px;font-weight:700;color:var(--color-text);line-height:1.3}.ce-expense-vendor{font-size:11px;color:var(--color-muted);margin-top:2px;font-weight:500}.ce-expense-desc{font-size:11px;color:var(--color-subtle);margin-top:2px;font-style:italic;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.ce-expense-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.ce-expense-amount{font-size:15px;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.ce-expense-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.ce-expense-cat{font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;letter-spacing:.02em}.ce-expense-pay{font-size:10px;color:var(--color-muted);font-weight:600;background:var(--bg-app);padding:2px 8px;border-radius:99px;border:1px solid var(--border-glass)}.ce-expense-date{font-size:10px;color:var(--color-subtle);font-weight:600}.ce-delete-btn{background:none;border:1px solid transparent;border-radius:6px;padding:4px 6px;cursor:pointer;color:var(--color-subtle);display:flex;align-items:center;justify-content:center;margin-top:2px;transition:all .15s}.ce-delete-btn:hover{background:var(--red-glow);border-color:var(--red);color:var(--red)}@media(max-width:1100px){.ce-layout{grid-template-columns:1fr}.ce-banner{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.ce-banner{grid-template-columns:1fr}}.lp-admin-tabs{display:flex;gap:6px;background:var(--bg-app);padding:4px;border-radius:10px;border:1px solid var(--border-glass)}.lp-admin-tabs button{font-size:12px;font-weight:600;padding:7px 14px;border-radius:7px;border:none;background:transparent;color:var(--color-muted);cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:6px}.lp-admin-tabs button:hover{background:var(--bg-glass);color:var(--color-text)}.lp-admin-tabs button.active{background:var(--bg-glass);color:var(--accent-primary);box-shadow:0 1px 4px #0000000f;border:1px solid var(--border-glass)}.lp-quota-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.lp-quota-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.lp-quota-card{background:var(--bg-app);border-radius:12px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid var(--border-glass)}.lp-quota-icon{font-size:24px}.lp-quota-input-row{display:flex;align-items:center;gap:8px;margin-top:4px}.lp-balances-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.selected-row{background:#2563eb0a!important}.lp-bal-cell{display:flex;align-items:center;gap:8px}.lp-bal-track{width:60px;height:5px;background:var(--bg-app);border-radius:99px;overflow:hidden;border:1px solid var(--border-glass);flex-shrink:0}.lp-bal-fill{height:100%;border-radius:99px;transition:width .4s ease}.lp-bal-text{font-size:12px;font-weight:600;color:var(--color-muted);white-space:nowrap}.lp-balance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.lp-emp-balance-card{background:var(--bg-glass);border:1px solid var(--border-glass);border-radius:14px;padding:18px 20px;box-shadow:0 2px 8px #0000000a;transition:transform .2s,box-shadow .2s}.lp-emp-balance-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000012}.lp-emp-bal-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.lp-emp-bal-numbers{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px}.lp-emp-bal-bar{height:6px;background:var(--bg-app);border-radius:99px;overflow:hidden;border:1px solid var(--border-glass)}.lp-emp-bal-fill{height:100%;border-radius:99px;transition:width .6s cubic-bezier(.4,0,.2,1)}@media(max-width:1100px){.lp-quota-layout,.lp-balances-layout,.lp-quota-grid,.lp-balance-row{grid-template-columns:1fr}}.reports-section{display:flex;flex-direction:column;gap:24px}@media(max-width:1024px){.reports-top-layout{grid-template-columns:1fr!important}}.stats-metric-card{box-shadow:0 4px 12px #00000003;transition:all .25s cubic-bezier(.4,0,.2,1)}.stats-metric-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000a;border-color:var(--border-glass-bright)!important}.heatmap-cell{position:relative;transition:all .2s ease}.heatmap-cell:hover{transform:scale(1.15);z-index:2;box-shadow:0 4px 10px #0000001a}.heatmap-cell.perfect{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 2px 6px #10b98133}.heatmap-cell.standard{background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;box-shadow:0 2px 6px #0ea5e933}.heatmap-cell.short{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 2px 6px #f59e0b33}.heatmap-cell.rest:hover{background:var(--bg-glass-hover)!important}.calendar-tag{transition:all .2s ease}.calendar-tag:hover{transform:scale(1.05);background:var(--bg-glass-hover)!important;border-color:var(--border-glass-bright)!important}.timeline-pipeline{transition:all .2s ease}.timeline-pipeline:hover{border-color:var(--border-glass-bright)!important;box-shadow:0 2px 8px #00000005}.ratio-dual-bar div{transition:all .3s cubic-bezier(.4,0,.2,1)}.status-badge-premium{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--bg-glass-hover);border:1px solid var(--border-glass)}.status-badge-premium.online{color:var(--green);background:var(--green-glow);border-color:#10b98133}.status-badge-premium.idle{color:var(--amber);background:var(--amber-glow);border-color:#f59e0b33}.status-badge-premium.offline{color:var(--color-muted);background:#00000005}.status-badge-ping{width:6px;height:6px;border-radius:50%;background:currentColor;animation:ping-status 1.8s infinite ease-in-out}@keyframes ping-status{0%{transform:scale(.85);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.85);opacity:.5}}.dial-console-card{box-shadow:0 4px 12px #00000003;transition:all .25s cubic-bezier(.4,0,.2,1)}.dial-console-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2563eb0a;border-color:var(--border-glass-bright)!important}.primary-btn-console,.console-action-btn{transition:all .25s cubic-bezier(.4,0,.2,1)}.primary-btn-console:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 16px #2563eb40!important}.console-action-btn:hover:not(.active-break){transform:translateY(-2px);background:var(--bg-glass-hover)!important;border-color:var(--border-glass-bright)!important}.console-action-btn.active-break{box-shadow:0 4px 12px #10b98133}.console-action-btn.active-break:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d!important}.console-action-btn.danger:hover{background:#ef44440a!important;border-color:#ef44444d!important}.segmented-tabs-classic button{transition:all .25s cubic-bezier(.4,0,.2,1)}.segmented-tabs-classic button:hover:not(.active){color:var(--color-text)!important}.teammate-card-premium:hover{transform:translateY(-2px);border-color:var(--border-glass-bright)!important;box-shadow:0 4px 12px #00000008}.timeline-dot-classic{transition:all .2s ease}.timeline-item-classic:hover .timeline-dot-classic{transform:scale(1.3)}.hero-header-banner{background:linear-gradient(135deg,#2563eb0a,#0ea5e903);border:1px solid rgba(37,99,235,.08);border-radius:16px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;box-shadow:0 4px 20px #00000001}.hero-header-left{display:flex;flex-direction:column;gap:4px}.hero-header-left h1{font-size:24px;font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin:0}.hero-header-left p{font-size:13px;color:var(--color-muted);margin:0}.hero-header-right{display:flex;align-items:center;gap:16px}.porcelain-dial-card{background:var(--bg-glass);border:1px solid var(--border-glass-bright);border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;box-shadow:0 10px 40px #00000004;position:relative;overflow:hidden}.porcelain-dial-inner{width:220px;height:220px;border-radius:50%;background:#fff;border:8px solid #f8fafc;box-shadow:0 10px 30px #00000008,inset 0 2px 6px #00000005;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.porcelain-dial-svg{position:absolute;top:-8px;left:-8px;width:220px;height:220px;transform:rotate(-90deg)}:root{--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Manrope", sans-serif;--bg-app: #080a15;--bg-sidebar: rgba(11, 13, 27, .8);--bg-glass: rgba(17, 21, 41, .74);--bg-glass-hover: rgba(34, 39, 70, .84);--bg-glass-active: rgba(50, 55, 94, .9);--border-glass: rgba(128, 140, 203, .16);--border-glass-bright: rgba(134, 153, 255, .35);--accent-primary: #8b5cf6;--accent-primary-hover: #a78bfa;--accent-primary-glow: rgba(139, 92, 246, .22);--accent-secondary: #22d3ee;--color-text: #f3f5ff;--color-muted: #a0a8c5;--color-subtle: #66708f;--green: #23d18b;--green-glow: rgba(35, 209, 139, .15);--amber: #ffb84c;--amber-glow: rgba(255, 184, 76, .15);--red: #ff647c;--red-glow: rgba(255, 100, 124, .15);--surface-shadow: 0 26px 70px rgba(2, 4, 14, .4)}*{transition-property:color,background-color,border-color,box-shadow,opacity,transform}html{background:var(--bg-app)}body{background:radial-gradient(circle at 16% 12%,rgba(139,92,246,.2),transparent 29rem),radial-gradient(circle at 83% 10%,rgba(34,211,238,.14),transparent 28rem),radial-gradient(circle at 52% 100%,rgba(236,72,153,.09),transparent 35rem),var(--bg-app);color-scheme:dark}body:before{position:fixed;top:0;right:0;bottom:0;left:0;width:auto;height:auto;background-image:linear-gradient(rgba(116,128,189,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(116,128,189,.045) 1px,transparent 1px);background-size:52px 52px;filter:none;-webkit-mask-image:radial-gradient(circle at 48% 32%,black,transparent 72%);mask-image:radial-gradient(circle at 48% 32%,black,transparent 72%);animation:none}body:after{position:fixed;width:42vw;height:42vw;top:-22vw;right:-14vw;bottom:auto;background:radial-gradient(circle,rgba(34,211,238,.17),transparent 67%);filter:blur(24px);animation:softFlow 18s infinite ease-in-out}::selection{background:#8b5cf66b;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#050710b3}::-webkit-scrollbar-thumb{background:#7b84b261;border-radius:99px}h1,h2,h3,h4{font-family:var(--font-display)}h1,h2{color:var(--color-text)}h3{border-bottom-color:var(--border-glass)}.eyebrow{color:var(--accent-secondary);font-size:10px;letter-spacing:.2em}.muted{color:var(--color-muted)}button{min-height:42px;border:1px solid var(--border-glass);border-radius:12px;background:#171b32c2;box-shadow:0 8px 20px #01030c38;color:var(--color-text)}button:hover:not(:disabled){background:#2a2e4fd1;border-color:var(--border-glass-bright);box-shadow:0 14px 27px #0304105c}button.primary,.primary-btn-console{color:#fff!important;background:linear-gradient(120deg,#7c3aed,#6366f1 48%,#22d3ee)!important;border:1px solid rgba(188,173,255,.3)!important;box-shadow:0 14px 34px #6366f157!important}button.primary:hover:not(:disabled),.primary-btn-console:hover:not(:disabled){background:linear-gradient(120deg,#8b5cf6,#818cf8 48%,#22d3ee)!important;box-shadow:0 18px 38px #6366f17a!important}button.danger{background:#ff647c1a;border:1px solid rgba(255,100,124,.32);color:#ff8c9e;box-shadow:none}button.danger:hover:not(:disabled){background:#ff647c33}label{color:#bac3de;letter-spacing:.08em;text-transform:uppercase}input,textarea,select{background:#05071299!important;border:1px solid rgba(128,140,203,.2)!important;border-radius:12px!important;color:var(--color-text)!important;box-shadow:inset 0 1px 2px #01020866}input::placeholder,textarea::placeholder{color:#596480}input:focus,textarea:focus,select:focus{background:#080b1ad1!important;border-color:#8b5cf6b8!important;box-shadow:0 0 0 4px #8b5cf62b,inset 0 1px 2px #01020866}input[type=checkbox]{accent-color:var(--accent-primary)}.error{background:#ff647c1a;border-color:#ff647c47;color:#ff91a2!important}.success-msg{color:var(--green)}.login-page{background:transparent;grid-template-columns:minmax(410px,1.08fr) minmax(380px,.92fr);gap:clamp(20px,4vw,64px);padding:clamp(18px,3vw,38px);align-items:stretch}.brand-panel{justify-content:flex-end;border:1px solid rgba(137,117,255,.24);border-radius:32px;padding:clamp(42px,7vw,78px);background:linear-gradient(150deg,#1113274d,#080914db),radial-gradient(circle at 26% 20%,rgba(139,92,246,.55),transparent 39%),radial-gradient(circle at 83% 30%,rgba(34,211,238,.31),transparent 32%),#0a0d1c;box-shadow:var(--surface-shadow)}.brand-panel:before{top:15%;left:13%;width:180px;height:180px;background:#8b5cf624;border:1px solid rgba(167,139,250,.33);border-radius:50%;filter:none;box-shadow:0 0 0 44px #8b5cf60d,0 0 0 90px #22d3ee06}.brand-panel:after{content:"LIVE OPERATIONS";position:absolute;top:42px;left:clamp(42px,7vw,78px);padding:8px 13px;color:#76e9fb;border:1px solid rgba(34,211,238,.32);background:#22d3ee14;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:.18em}.brand-panel h1{max-width:560px;font-size:clamp(50px,7vw,76px);letter-spacing:-.07em;background:linear-gradient(110deg,#fff 22%,#c4b5fd 57%,#67e8f9);-webkit-background-clip:text}.brand-panel p:not(.eyebrow){color:#c1c9e4;max-width:500px;line-height:1.7}.brand-panel .eyebrow{color:#67e8f9;margin-bottom:16px}.steps{display:flex;flex-wrap:wrap;gap:10px}.steps span{padding:10px 14px;border:1px solid rgba(128,140,203,.2);border-radius:99px;background:#ffffff0b;color:#d0d7ec;font-size:11px;font-weight:700}.login-card{align-self:center;max-width:450px;padding:clamp(28px,5vw,48px);border:1px solid var(--border-glass);border-radius:28px;background:#0f1224a3;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--surface-shadow)}.login-card h2{font-size:34px;letter-spacing:-.05em}.login-card button{width:100%;height:50px;margin-top:8px}.hint{background:#8b5cf614;border-color:#8b5cf633;color:#bac3de;padding:13px;border-radius:12px}.app{grid-template-columns:284px 1fr;background:transparent;gap:16px;padding:16px}aside{margin:0;height:calc(100vh - 32px);top:16px;padding:22px 14px 16px;background:linear-gradient(160deg,#12152af5,#090b17e6),var(--bg-sidebar);border:1px solid var(--border-glass);border-radius:26px;box-shadow:var(--surface-shadow);overflow:hidden}aside:before{content:"";position:absolute;top:-110px;left:-80px;width:245px;height:245px;background:radial-gradient(circle,rgba(139,92,246,.24),transparent 68%);pointer-events:none}.brand-logo{position:relative;padding:7px 6px 20px;border-bottom:1px solid var(--border-glass)}.brand-logo img{background:#8b5cf629;box-shadow:0 0 28px #8b5cf647}.brand-logo h2{color:var(--color-text)!important;font-family:var(--font-display)}.user-name{margin-top:18px;color:var(--color-text)}.role{color:#7e88aa;margin-bottom:22px}nav{gap:7px}nav button,.logout{border-radius:13px;min-height:48px;padding:12px 20px;color:#a8b0ca;justify-content:flex-start}nav button:hover:not(:disabled){transform:none;color:#fff;background:#7d74bf21}nav button.active{transform:none;padding-left:20px;border:1px solid rgba(149,123,255,.27);border-radius:13px;color:#f0ebff;background:linear-gradient(110deg,#8b5cf645,#22d3ee14);box-shadow:inset 0 1px #ffffff14,0 10px 22px #5538a02e}nav button.active svg{color:#67e8f9}.logout{background:#ff647c0f;border-color:#ff647c24}main{padding:clamp(8px,2vw,22px) clamp(10px,2.4vw,30px) 38px}main section{max-width:1240px}.app-header{position:sticky;top:0;z-index:40;padding:10px 12px 22px;margin:-10px -12px 0;border-bottom:1px solid rgba(128,140,203,.1);background:linear-gradient(to bottom,rgba(8,10,21,.96) 56%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left h2{font-size:25px;letter-spacing:-.045em}.header-greeting{color:var(--color-muted)!important}.bell-btn{width:54px;height:54px;background:#111529bd;border-color:var(--border-glass)}.bell-btn:hover{color:var(--accent-secondary)}.bell-badge,.nav-badge{background:linear-gradient(120deg,#ff647c,#fb7185);border-color:#101329}.header-profile-quick{min-height:48px;padding:5px 16px 5px 6px;border-color:var(--border-glass);background:var(--bg-glass);color:#dde2f6;font-weight:700}.header-avatar,.header-avatar-placeholder{width:36px;height:36px;border-radius:50%;object-fit:cover;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(130deg,#7c3aed,#22d3ee)}.notification-dropdown{background:#0c0f1ff5;border-color:var(--border-glass-bright);border-radius:18px;box-shadow:0 22px 65px #010208a3}.dropdown-header{background:#8b5cf614}.notif-item.unread{background:#8b5cf617}.notif-item:hover{background:#808ccb1a}.stats article,.card,.table-card,.task-column,.approval-card,.lp-emp-balance-card,.ce-banner-card,.live-roster-item,.live-salary-card{background:var(--bg-glass)!important;border-color:var(--border-glass)!important;box-shadow:0 18px 44px #01030d40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.stats article:hover,.card:hover,.table-card:hover,.task-column:hover,.approval-card:hover,.lp-emp-balance-card:hover,.ce-banner-card:hover{border-color:var(--border-glass-bright)!important;box-shadow:0 22px 52px #01030d61}.title-row{border-bottom-color:var(--border-glass);padding:4px 0 22px}.title-row h2{font-size:clamp(25px,3vw,30px);letter-spacing:-.055em}.hero-header-banner{padding:clamp(22px,3vw,32px);border-radius:22px;background:radial-gradient(circle at 92% 0%,rgba(34,211,238,.16),transparent 32%),linear-gradient(115deg,#8b5cf62e,#111529d1 48%)!important;border:1px solid rgba(139,92,246,.26);box-shadow:0 22px 55px #01030d40}.hero-header-left h1{font-size:clamp(27px,3vw,34px)}.status-badge-premium{border-radius:99px;padding:9px 15px;background:#808ccb14}.dashboard-main-card>div:not(.porcelain-dial-card)>div,.teammate-card-premium{background:#111529c7!important;border-color:var(--border-glass)!important;border-radius:16px!important;box-shadow:0 12px 26px #01030d33}.porcelain-dial-card{background:radial-gradient(circle at 50% 34%,rgba(139,92,246,.14),transparent 45%),var(--bg-glass);border-color:#8b5cf640;border-radius:24px;box-shadow:0 22px 54px #01030d5c}.porcelain-dial-inner{background:#080a15bd;border-color:#8b5cf61f;box-shadow:inset 0 0 36px #8b5cf61c,0 12px 34px #01030d4d}.porcelain-dial-svg circle:first-child{stroke:#808ccb24}.porcelain-dial-svg circle:last-child{stroke:var(--accent-primary);filter:drop-shadow(0 0 7px rgba(139,92,246,.72))}.progress-container,.lp-bal-track,.lp-emp-bal-bar,.ce-cat-bar-wrap{background:#69739e29!important;border-color:transparent}.progress-bar{background:linear-gradient(90deg,#8b5cf6,#22d3ee)!important}.segmented-tabs-classic,.lp-admin-tabs{background:#07091385!important;border-color:var(--border-glass)!important;border-radius:15px!important;padding:6px!important}.segmented-tabs-classic button,.lp-admin-tabs button{min-height:42px;border-radius:10px!important}.segmented-tabs-classic button:hover,.lp-admin-tabs button:hover{background:var(--bg-glass-hover)!important}.segmented-tabs-classic button[style*="var(--bg-glass)"],.lp-admin-tabs button.active{background:linear-gradient(115deg,#8b5cf64d,#22d3ee1a)!important;color:#fff!important}.toast-notification,.global-toast{background:#0b0e1ded;border:1px solid rgba(34,211,238,.25);border-radius:14px;box-shadow:0 20px 48px #01030d6b}.stats-metric-card,.heatmap-card{background:var(--bg-glass)!important;border-color:var(--border-glass)!important;border-radius:18px!important;box-shadow:0 14px 35px #01030d3d}.stats-metric-card:hover,.heatmap-card:hover{box-shadow:0 22px 45px #01030d57}.heatmap-cell[style*="var(--bg-app)"],.calendar-tag,.timeline-pipeline{background:#0709148f!important;border-color:var(--border-glass)!important}.table-card{border-radius:18px!important;overflow-x:auto}table{min-width:650px}th{background:#0507107a;border-color:var(--border-glass);color:#7781a2}td{color:#d7dcef;border-color:#808ccb1a}tr:hover td,table tr:hover td{background:#8b5cf60e!important}.selected-row td{background:#8b5cf61a!important}.avatar-initials{color:#d6ccff!important;background:linear-gradient(130deg,#8b5cf642,#22d3ee1f)!important;border-color:#a78bfa4d!important}.status.online,.pill.approved{background:var(--green-glow)}.status.idle,.pill.pending{background:var(--amber-glow)}.task-board{gap:18px}.task-column{border-radius:20px;min-height:430px}.task-card{background:#07091475;border-color:var(--border-glass);border-radius:14px;box-shadow:0 10px 22px #01030d2b}.task-card:hover{box-shadow:0 16px 35px #01030d59}.task-count,.task-stat-card,.salary-stat-box,.roster-salary-info,.lp-quota-card,.detail-reason{background:#07091475;border-color:var(--border-glass)}.task-stat-card{border-radius:14px}.mini-badge{background:#111529cc}.approval-card{border-radius:19px}.approval-card-header,.approval-card-actions,.detail-item,.ce-form-header,.ce-ledger-header,.ce-expense-list{border-color:var(--border-glass)}.ce-expense-item{border-color:#808ccb1a}.ce-expense-item:hover{background:#8b5cf60f}.announcement-card{background:#07091475!important;border-radius:15px!important}.modal,.modal-card{background:#0d1021f5;border:1px solid var(--border-glass-bright);border-radius:22px;padding:30px;color:var(--color-text);box-shadow:0 30px 75px #01030dad;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.modal-overlay{background:#03040cb8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.details-box{background:#07091499;border-color:var(--border-glass)}.empty-state{padding:clamp(40px,8vw,72px);text-align:center;border:1px dashed rgba(128,140,203,.22);border-radius:20px;background:#11152975}.splash{min-height:100vh;display:grid;place-items:center;color:var(--color-muted);font-family:var(--font-display);font-size:18px;letter-spacing:.04em}.future-module{position:relative;animation:module-rise .45s cubic-bezier(.2,.8,.2,1)}.future-module:before{content:"";position:absolute;top:-16px;right:-10px;width:180px;height:86px;opacity:.44;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(34,211,238,.15)),repeating-linear-gradient(90deg,transparent 0 12px,rgba(34,211,238,.2) 12px 13px);-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}@keyframes module-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.future-module-hero{position:relative;isolation:isolate;overflow:hidden;min-height:116px;border:1px solid rgba(128,140,203,.2)!important;border-radius:24px!important;padding:clamp(22px,3vw,30px)!important;margin-bottom:24px!important;background:radial-gradient(circle at 88% 0%,rgba(34,211,238,.13),transparent 34%),linear-gradient(110deg,#8b5cf626,#0d1022c2 48%,#0d102294)!important;box-shadow:inset 0 1px #ffffff0d,0 20px 52px #01030d47}.future-module-hero:before{content:"";position:absolute;z-index:-1;top:0;right:0;width:min(42%,400px);height:100%;background-image:linear-gradient(rgba(34,211,238,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.09) 1px,transparent 1px);background-size:25px 25px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.future-module-hero:after{content:"";position:absolute;z-index:-1;right:16px;top:20%;width:min(36%,350px);height:1px;background:linear-gradient(90deg,transparent,rgba(34,211,238,.8),transparent);box-shadow:0 0 15px #22d3ee8c;animation:scan-signal 4.5s ease-in-out infinite}@keyframes scan-signal{0%,to{transform:translateY(0);opacity:.28}50%{transform:translateY(52px);opacity:.95}}.future-module-hero h1,.future-module-hero h2{font-size:clamp(27px,3vw,34px)!important;letter-spacing:-.06em!important;margin-bottom:5px}.module-description{max-width:525px;color:var(--color-muted);font-size:13px;margin:4px 0 0}.hero-readout{display:grid;gap:2px;min-width:108px;padding:12px 16px;border-radius:15px;border:1px solid rgba(34,211,238,.25);background:#22d3ee11;box-shadow:inset 0 0 20px #22d3ee0d,0 0 32px #22d3ee12}.hero-readout span{color:#78a;font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hero-readout strong{color:#67e8f9;font-family:var(--font-display);font-size:25px;letter-spacing:-.06em}.telemetry-ribbon{position:relative;display:grid;grid-template-columns:minmax(152px,1.18fr) repeat(3,minmax(112px,1fr));gap:1px;padding:1px;margin:-8px 0 24px;overflow:hidden;border:1px solid rgba(128,140,203,.18);border-radius:17px;background:#808ccb21;box-shadow:0 15px 34px #01030d38}.telemetry-ribbon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-105%);background:linear-gradient(90deg,transparent,rgba(103,232,249,.08),transparent);animation:telemetry-pass 5.5s ease-in-out infinite;pointer-events:none}@keyframes telemetry-pass{0%,22%{transform:translate(-105%)}62%,to{transform:translate(105%)}}.telemetry-label,.telemetry-cell{position:relative;z-index:1;display:grid;align-content:center;gap:5px;min-height:70px;padding:12px 16px;background:#0a0d1ce0}.telemetry-label{display:flex;align-items:center;gap:10px;color:#77e9fa;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.signal-dot{position:relative;width:9px;height:9px;flex-shrink:0;border-radius:50%;background:#22d3ee;box-shadow:0 0 13px #22d3ee}.signal-dot:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid rgba(34,211,238,.52);border-radius:50%;animation:signal-ring 1.9s ease-out infinite}@keyframes signal-ring{0%{opacity:.95;transform:scale(.55)}to{opacity:0;transform:scale(1.8)}}.telemetry-cell span{color:#697493;font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.telemetry-cell strong{color:#e7ebfa;font-family:var(--font-display);font-size:clamp(15px,1.5vw,18px);letter-spacing:-.035em}.reports-telemetry .telemetry-cell strong{color:#67e8f9}.leave-telemetry .signal-dot{background:var(--green);box-shadow:0 0 13px var(--green)}.leave-telemetry .signal-dot:after{border-color:#23d18b85}.leave-telemetry .telemetry-label,.leave-telemetry .telemetry-cell strong{color:#4cf1a8}.tasks-telemetry .telemetry-cell strong{color:#c4b5fd}.tasks-telemetry .alert-cell strong{color:var(--red)}.attendance-module .hero-header-banner{background:radial-gradient(circle at 87% 20%,rgba(34,211,238,.19),transparent 26%),linear-gradient(115deg,#7c3aed3b,#0b0e1ec2 53%)!important}.attendance-module .dashboard-main-card{position:relative}.attendance-module .porcelain-dial-card:before{content:"SESSION CORE";position:absolute;top:18px;left:20px;color:#67e8f9ad;font-size:9px;font-weight:800;letter-spacing:.2em}.attendance-module .porcelain-dial-card:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid rgba(34,211,238,.1);border-radius:17px;clip-path:polygon(0 0,20% 0,20% 1px,1px 1px,1px 20%,0 20%,0 0,100% 0,100% 20%,calc(100% - 1px) 20%,calc(100% - 1px) 1px,80% 1px,80% 0,100% 0,100% 100%,80% 100%,80% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 80%,100% 80%,100% 100%,0 100%,0 80%,1px 80%,1px calc(100% - 1px),20% calc(100% - 1px),20% 100%,0 100%);pointer-events:none}.attendance-module .porcelain-dial-card{perspective:700px}.attendance-module .porcelain-dial-inner:before,.attendance-module .porcelain-dial-inner:after{content:"";position:absolute;pointer-events:none;border:1px dashed rgba(103,232,249,.16);border-radius:50%}.attendance-module .porcelain-dial-inner:before{top:-23px;right:-23px;bottom:-23px;left:-23px;animation:orbital-turn 22s linear infinite}.attendance-module .porcelain-dial-inner:after{top:-37px;right:-37px;bottom:-37px;left:-37px;border-color:#8b5cf62b;animation:orbital-turn 29s linear infinite reverse}@keyframes orbital-turn{to{transform:rotate(360deg)}}.attendance-module .porcelain-dial-inner{animation:core-breathe 4s ease-in-out infinite}@keyframes core-breathe{0%,to{box-shadow:inset 0 0 36px #8b5cf61c,0 12px 34px #01030d4d}50%{box-shadow:inset 0 0 48px #8b5cf633,0 0 34px #8b5cf626}}.attendance-module .dashboard-main-card>div:not(.porcelain-dial-card)>div{position:relative;overflow:hidden;padding-left:23px!important}.attendance-module .dashboard-main-card>div:not(.porcelain-dial-card)>div:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,#22d3ee,transparent)}.attendance-module .action-bar-classic{position:relative;padding:14px;border:1px solid rgba(128,140,203,.14);border-radius:17px;background:#0a0d1c73}.attendance-module .action-bar-classic:before{content:"CONTROL INTERFACE";position:absolute;top:-8px;left:18px;padding:0 8px;background:var(--bg-app);color:#67e8f9ad;font-size:8px;font-weight:800;letter-spacing:.18em}.attendance-module .console-action-btn{min-height:50px}.reports-module .future-module-hero{background:radial-gradient(circle at 82% 18%,rgba(34,211,238,.15),transparent 25%),linear-gradient(115deg,#22d3ee1a,#0c1022d6 44%)!important}.reports-module .stats-four-grid{counter-reset:data-card}.reports-module .stats-metric-card{position:relative;overflow:hidden;min-height:105px;border-left-width:1px!important}.reports-module .stats-metric-card:after{counter-increment:data-card;content:"0" counter(data-card);position:absolute;top:11px;right:13px;color:#67e8f94f;font-family:var(--font-display);font-size:11px;letter-spacing:.12em}.reports-module .stats-metric-card:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),transparent);opacity:.65}.reports-module .heatmap-card{position:relative;overflow:hidden}.reports-module .heatmap-card:after{content:"MONTHLY SIGNAL MAP";position:absolute;bottom:10px;right:15px;color:#67e8f933;font-size:8px;font-weight:800;letter-spacing:.22em}.reports-module .heatmap-cell:not([style*="var(--bg-app)"]){box-shadow:0 0 16px #22d3ee29}.reports-module .table-card{border-top:1px solid rgba(34,211,238,.35)!important}.reports-module .stats-metric-card strong{text-shadow:0 0 22px rgba(103,232,249,.12)}.reports-module .heatmap-days-grid{padding:8px;border:1px solid rgba(34,211,238,.08);border-radius:11px;background:#05081266}.reports-module .ratio-dual-bar{box-shadow:inset 0 0 12px #01030d7a}.leave-module .future-module-hero{background:radial-gradient(circle at 83% 10%,rgba(35,209,139,.19),transparent 28%),linear-gradient(112deg,#23d18b21,#0c1022d6 48%)!important}.leave-module .leave-readout{border-color:#23d18b4d;background:#23d18b14}.leave-module .leave-readout strong{color:#4cf1a8}.leave-module .lp-balance-row{gap:18px}.leave-module .lp-emp-balance-card{position:relative;overflow:hidden;padding:22px 22px 19px;border-top-width:1px!important}.leave-module .lp-emp-balance-card:before{content:"";position:absolute;top:-32px;right:-32px;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(35,209,139,.22),transparent 68%)}.leave-module .lp-emp-balance-card:after{content:"";position:absolute;bottom:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(35,209,139,.45),transparent)}.leave-module .lp-emp-bal-fill{box-shadow:0 0 13px currentColor}.leave-module .split .card{border-top:1px solid rgba(35,209,139,.2)!important}.leave-module .lp-emp-bal-numbers>div:first-child>div:first-child{text-shadow:0 0 22px currentColor}.leave-module .leave-list article{border-radius:12px;margin-bottom:7px;padding-inline:12px;background:#07091459;border:1px solid rgba(128,140,203,.1)}.tasks-module .future-module-hero{background:radial-gradient(circle at 83% 15%,rgba(255,184,76,.15),transparent 27%),linear-gradient(112deg,#8b5cf62b,#0c1022d6 46%)!important}.tasks-module .stats-mini{justify-content:flex-end}.completion-readout{padding:10px 13px;border:1px solid rgba(34,211,238,.27);border-radius:12px;color:#67e8f9;background:#22d3ee14;font-family:var(--font-display);font-size:13px;font-weight:700}.tasks-module .task-column{position:relative;overflow:hidden;padding-top:23px}.tasks-module .task-column:before{content:"";position:absolute;inset:0 14px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.7),transparent)}.tasks-module .task-column:nth-child(2):before{background:linear-gradient(90deg,transparent,rgba(255,184,76,.72),transparent)}.tasks-module .task-column:nth-child(3):before{background:linear-gradient(90deg,transparent,rgba(35,209,139,.72),transparent)}.tasks-module .task-column-header{letter-spacing:-.025em}.tasks-module .task-card{overflow:hidden}.tasks-module .task-card:after{content:"";position:absolute;top:0;right:0;width:42px;height:42px;background:linear-gradient(135deg,transparent 48%,rgba(103,232,249,.08) 49%)}.tasks-module .task-card:hover{border-color:#67e8f947;transform:translateY(-4px)}.tasks-module .task-btn{min-height:40px;border-radius:10px}.tasks-module .task-btn.progress:hover{box-shadow:0 0 24px #8b5cf652}.tasks-module .task-btn.done:hover{box-shadow:0 0 24px #23d18b47}@media(prefers-reduced-motion:reduce){.future-module,.future-module-hero:after,.attendance-module .porcelain-dial-inner,.attendance-module .porcelain-dial-inner:before,.attendance-module .porcelain-dial-inner:after,.telemetry-ribbon:after,.signal-dot:after{animation:none}}@media(max-width:1050px){.dashboard-main-card,.split[style*=grid-template-columns]{grid-template-columns:1fr!important}.future-module-hero{flex-wrap:wrap;gap:18px}.telemetry-ribbon{grid-template-columns:repeat(3,1fr)}.telemetry-label{grid-column:1 / -1;min-height:46px}.app{grid-template-columns:250px 1fr}}@media(max-width:900px){.login-page{display:flex;padding:18px;align-items:center}.login-card{margin:auto}.app{display:block;padding:0}aside{display:flex!important;position:fixed;flex-direction:row;align-items:center;left:12px;right:12px;bottom:12px;top:auto;width:auto;height:auto;margin:0;padding:7px;border-radius:18px;z-index:120}aside .brand-logo,aside .user-name,aside .role{display:none!important}aside nav{display:flex;flex:1;gap:4px;overflow-x:auto}aside nav button{flex:1 0 auto;justify-content:center;min-height:46px;padding:10px 12px;font-size:12px}aside nav button .nav-badge{right:3px;top:3px}aside .logout{width:48px;min-width:48px;margin:0 0 0 5px;padding:0;font-size:0}main{padding:14px 14px 94px}.app-header{padding-top:8px}.header-profile-quick span{display:none}.split,.stats.two{grid-template-columns:1fr!important}}@media(max-width:640px){.header-left h2{font-size:20px}.header-greeting{display:none}.hero-header-banner{align-items:flex-start;flex-direction:column;gap:20px}.future-module-hero:before,.future-module-hero:after{display:none}.hero-readout{min-width:100px}.telemetry-ribbon{grid-template-columns:repeat(2,1fr)}.telemetry-cell{padding:12px}.segmented-tabs-classic{flex-direction:column}.stats-four-grid{grid-template-columns:1fr!important}}.pagination-container{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-glass);border-top:1px solid var(--border-glass);border-bottom-left-radius:12px;border-bottom-right-radius:12px;flex-wrap:wrap;gap:16px;transition:all .2s cubic-bezier(.4,0,.2,1)}.pagination-info{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-muted);flex-wrap:wrap}.pagination-range-text{font-weight:500;color:var(--color-muted)}.pagination-range-text strong{color:var(--color-text);font-weight:700}.pagination-size-selector{display:flex;align-items:center;gap:8px}.pagination-size-selector select{padding:6px 10px;font-size:12px;border-radius:6px;border:1px solid var(--border-glass-bright);background:var(--bg-app);color:var(--color-text);cursor:pointer;outline:none;font-weight:600;transition:all .15s ease}.pagination-size-selector select:hover{border-color:var(--accent-primary);background:var(--bg-sidebar)}.pagination-controls{display:flex;align-items:center;gap:6px}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;font-size:13px;font-weight:600;border-radius:8px;border:1px solid var(--border-glass);background:var(--bg-app);color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.pagination-btn:hover:not(:disabled){border-color:var(--accent-primary);background:#2563eb0a;color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb0f}.pagination-btn:active:not(:disabled){transform:translateY(0)}.pagination-btn:disabled{opacity:.35;cursor:not-allowed;background:var(--bg-app);border-color:var(--border-glass);color:var(--color-subtle)}.pagination-btn.active{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-primary-hover) 100%);border-color:var(--accent-primary);color:#fff;box-shadow:0 4px 14px #2563eb33}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:13px;color:var(--color-subtle);-webkit-user-select:none;user-select:none}@media(max-width:640px){.pagination-container{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.pagination-info{justify-content:space-between;width:100%}.pagination-controls{justify-content:center;width:100%}}