@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary: #3F7ED8;--primary-hover: #2E68BE;--primary-light: #DEE9F9;--primary-bg: #EFF4FC;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--success: #16a34a;--success-light: #dcfce7;--warning: #d97706;--warning-light: #fef3c7;--danger: #dc2626;--danger-light: #fee2e2;--info: #0891b2;--info-light: #cffafe;--purple: #7c3aed;--purple-light: #ede9fe;--surface: #ffffff;--bg: #F5F6F4;--border: var(--gray-200);--text: #1B1B1B;--muted: var(--gray-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15,23,42,.05);--shadow-md: 0 4px 12px rgba(15,23,42,.06);--shadow-lg: 0 12px 32px rgba(15,23,42,.12);--sidebar-w: 260px;--sidebar-collapsed: 64px;--topbar-h: 60px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Poppins,Manrope,system-ui,-apple-system,sans-serif;font-size:14px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{font-weight:700;line-height:1.25}svg{flex-shrink:0}.wordmark{font-weight:700;letter-spacing:-.025em;line-height:1;display:inline-flex;align-items:baseline}.wordmark .wm-i{position:relative;font-style:normal}.wordmark .wm-i i{position:absolute;left:50%;transform:translate(-50%);top:-.28em;width:.36em;height:.36em;border-radius:50%;background:radial-gradient(circle at 32% 28%,#8ab5ee,#4c86dc 55%,#2e68be)}.wordmark .wm-r{font-size:.38em;font-weight:600;margin-left:.18em;transform:translateY(-1.1em)}.wordmark .wm-suffix{font-weight:400;margin-left:.3em;opacity:.85}.shl-mark{display:inline-grid;place-items:center;width:2em;height:2em;border-radius:50%;background:#3d3d3d;color:#fff;font-size:.5em;font-weight:700;letter-spacing:.02em}.lockup-sep{width:1.5px;height:1.6em;background:var(--gray-300);margin:0 .55em;display:inline-block;vertical-align:middle}.login-page{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#f5f6f4;z-index:100;overflow:hidden}.login-dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.login-card{background:#fff;width:430px;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:0 18px 50px #1b1b1b1a,0 2px 8px #1b1b1b0d;text-align:center;position:relative;border:1px solid var(--gray-100)}.login-lockup{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:#1b1b1b}.login-lockup .wordmark{font-size:34px}.login-card h1{font-size:19px;margin-bottom:var(--space-2);font-weight:600}.login-card p{color:var(--muted);margin-bottom:var(--space-6)}.btn-google{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px;border:1px solid var(--gray-300);background:#fff;border-radius:var(--radius-full);font-weight:600;font-size:15px}.btn-google:hover{background:var(--gray-50);border-color:var(--gray-400)}.login-or{display:flex;align-items:center;gap:12px;margin:var(--space-5) 0;font-size:12px;color:var(--muted)}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--border)}.login-foot{margin-top:var(--space-6);font-size:12px;color:var(--muted)}.login-tagline{position:absolute;bottom:40px;left:0;right:0;text-align:center;color:#1b1b1b;font-size:17px;font-weight:500}.login-tagline small{display:block;color:var(--muted);font-size:12px;margin-top:6px;font-weight:400}.gpicker{text-align:left}.gpicker-head{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.gpicker-head h3{font-size:18px;font-weight:500}.gpicker-head p{color:var(--muted);margin-top:4px}.gacct{display:flex;align-items:center;gap:14px;padding:14px var(--space-6);border-bottom:1px solid var(--border);cursor:pointer}.gacct:hover{background:var(--gray-50)}.gacct .meta{flex:1}.gacct .meta b{display:block}.gacct .meta span{color:var(--muted);font-size:13px}#app{min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:#121212;color:var(--gray-300);display:flex;flex-direction:column;transition:width .2s ease;z-index:20;overflow:hidden}.sidebar .brand{height:var(--topbar-h);display:flex;align-items:center;gap:8px;padding:0 18px;color:#fff;font-size:19px;border-bottom:1px solid rgba(255,255,255,.08);white-space:nowrap}.sidebar .brand .wordmark .wm-suffix{color:var(--gray-400);font-size:.78em}.sidebar .brand .logo-mark{flex-shrink:0;width:28px;height:28px;font-size:15px;border-radius:8px}.nav{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.nav-section{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--gray-500);padding:14px 12px 6px;white-space:nowrap}.nav-item{display:flex;align-items:center;gap:12px;padding:9px 14px;border-radius:var(--radius-full);color:var(--gray-400);font-weight:500;white-space:nowrap;cursor:pointer;margin-bottom:2px}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{background:var(--primary);color:#fff}.nav-item svg{width:18px;height:18px}.nav-item .nav-count{margin-left:auto;background:var(--danger);color:#fff;font-size:11px;font-weight:700;padding:1px 7px;border-radius:var(--radius-full)}.sidebar-foot{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.collapse-btn{width:100%;display:flex;align-items:center;gap:12px;padding:9px 14px;background:none;border:0;color:var(--gray-400);border-radius:var(--radius-full);white-space:nowrap}.collapse-btn:hover{background:#ffffff0f;color:#fff}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar.collapsed .brand .wordmark,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-section,.sidebar.collapsed .collapse-btn span,.sidebar.collapsed .nav-count{display:none}.sidebar.collapsed .nav-item,.sidebar.collapsed .collapse-btn{justify-content:center;padding:10px}.sidebar.collapsed .brand{justify-content:center;padding:0}.sidebar.collapsed .collapse-btn svg{transform:rotate(180deg)}.main{margin-left:var(--sidebar-w);transition:margin-left .2s ease;min-height:100vh}.sidebar.collapsed~.main{margin-left:var(--sidebar-collapsed)}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-4);position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:500;flex:1}.breadcrumb span:last-child{color:var(--text);font-weight:600}.breadcrumb .sep{color:var(--gray-300)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.role-switch{display:flex;align-items:center;gap:8px;background:var(--warning-light);color:#92400e;border:1px dashed #f59e0b;padding:5px 10px;border-radius:var(--radius-md);font-size:12px;font-weight:600}.role-switch select{border:0;background:transparent;font-weight:700;color:#92400e;outline:none}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--gray-600);position:relative}.icon-btn:hover{background:var(--gray-50)}.icon-btn .pip{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid #fff}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border-radius:var(--radius-full);border:1px solid var(--border)}.user-chip .meta{line-height:1.15}.user-chip .meta b{display:block;font-size:13px}.user-chip .meta span{font-size:11px;color:var(--muted)}.screen-container{padding:var(--space-6);max-width:1440px}.screen{display:block;animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.page-header h1{font-size:24px;font-weight:800}.page-header p{color:var(--muted);margin-top:4px}.page-actions{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);font-weight:600;color:var(--text);transition:all .12s;line-height:1.2}.btn:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn svg{width:16px;height:16px}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{border-color:transparent;background:transparent;color:var(--gray-600)}.btn-ghost:hover{background:var(--gray-100)}.btn-danger{background:var(--danger-light);border-color:transparent;color:var(--danger)}.btn-danger:hover{background:#fecaca}.btn-success{background:var(--success-light);border-color:transparent;color:#15803d}.btn-success:hover{background:#bbf7d0}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-sm svg{width:14px;height:14px}.btn[disabled]{opacity:.5;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.card-head h3{font-size:15px}.card-head .sub{color:var(--muted);font-size:12px;font-weight:500;margin-top:2px}.card-body{padding:var(--space-5)}.card-body.flush{padding:0}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-23{grid-template-columns:2fr 1fr}.grid-32{grid-template-columns:3fr 2fr}.grid-13{grid-template-columns:1fr 2.4fr}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-3)}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mb-4{margin-bottom:var(--space-4)}.muted{color:var(--muted)}.small{font-size:12px}.bold{font-weight:700}.cal-source+.cal-source{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border)}.link{color:var(--primary);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.link:hover{text-decoration-thickness:2px}.text-right{text-align:right}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.kpi-card .label{color:var(--muted);font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.kpi-card .value{font-size:28px;font-weight:800;margin-top:8px;letter-spacing:-.02em}.kpi-card .delta{font-size:12px;color:var(--muted);margin-top:6px}.kpi-card.rich{display:flex;flex-direction:column}.kpi-card.rich .value{margin-top:6px;display:flex;align-items:baseline;gap:6px}.kpi-card.rich .unit{font-size:13px;color:var(--muted);font-weight:600;letter-spacing:0}.kpi-bar{display:flex;height:8px;border-radius:4px;overflow:hidden;background:var(--gray-100);margin:12px 0 8px;gap:2px}.kpi-bar i{display:block;height:100%;min-width:0;transition:width .3s}.kpi-legend{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:11.5px;color:var(--muted)}.kpi-legend span{display:inline-flex;align-items:center;gap:5px}.kpi-legend i{width:8px;height:8px;border-radius:2px;display:inline-block}.kpi-legend b{color:var(--text)}.kpi-card.rich .delta{margin-top:auto;padding-top:10px;line-height:1.6}.kpi-icon{width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.kpi-icon svg{width:16px;height:16px}.kpi-icon.blue{background:var(--primary-light);color:var(--primary)}.kpi-icon.green{background:var(--success-light);color:var(--success)}.kpi-icon.orange{background:var(--warning-light);color:var(--warning)}.kpi-icon.purple{background:var(--purple-light);color:var(--purple)}.table{width:100%;border-collapse:collapse}.table-scroll{max-height:590px;overflow:auto}.table-scroll .table thead th{position:sticky;top:0;z-index:1}.table th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:12px var(--space-5);background:var(--gray-50);border-bottom:1px solid var(--border);font-weight:700}.table th[data-sortable]{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.table th[data-sortable]:after{content:"";display:inline-block;width:9px;height:9px;margin-left:5px;vertical-align:0;background:currentColor;opacity:0;transition:opacity .1s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") center / contain no-repeat}.table th[data-sortable]:not([aria-sort]):hover:after{opacity:.4}.table th[aria-sort]{color:var(--text)}.table th[aria-sort]:after{opacity:1}.table th[aria-sort=ascending]:after{transform:rotate(180deg)}.table td{padding:12px var(--space-5);border-bottom:1px solid var(--border);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--gray-50)}.table tr.clickable{cursor:pointer}.table tbody tr.is-selected,.table tbody tr.is-selected:hover{background:var(--primary-bg);box-shadow:inset 3px 0 var(--primary)}.table .actions{display:flex;gap:6px;justify-content:flex-end}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:12px var(--space-5);border-top:1px solid var(--border);color:var(--muted);font-size:12px}.pager>div{display:flex;align-items:center;gap:var(--space-2)}.pager button:disabled{cursor:default;opacity:.45}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-full);font-size:11.5px;font-weight:700;white-space:nowrap}.badge svg{width:12px;height:12px}.badge-green{background:var(--success-light);color:#15803d}.badge-orange{background:var(--warning-light);color:#b45309}.badge-red{background:var(--danger-light);color:#b91c1c}.badge-blue{background:var(--primary-light);color:var(--primary)}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.badge-purple{background:var(--purple-light);color:var(--purple)}.badge-cyan{background:var(--info-light);color:#0e7490}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--surface);cursor:pointer}.chip.active,.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.chip .x{margin-left:2px;opacity:.6}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-green{background:var(--success)}.dot-orange{background:var(--warning)}.dot-red{background:var(--danger)}.dot-gray{background:var(--gray-400)}.dot-blue{background:var(--primary)}.dot-purple{background:var(--purple)}.avatar{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.avatar.sm{width:26px;height:26px;font-size:10px}.avatar.lg{width:56px;height:56px;font-size:18px}.avatar.xl{width:72px;height:72px;font-size:24px}.avatar-stack{display:flex}.avatar-stack .avatar{margin-left:-8px;border:2px solid #fff}.avatar{border:1px solid rgba(27,27,27,.05)}.avatar-stack .avatar:first-child{margin-left:0}.person{display:flex;align-items:center;gap:10px}.person .meta b{display:block;font-size:13.5px}.person .meta span{display:block;font-size:12px;color:var(--muted)}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:12.5px;font-weight:700;color:var(--gray-700);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;padding:9px 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:var(--surface);outline:none;transition:border .12s,box-shadow .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.form-textarea{min-height:80px;resize:vertical}.form-hint{font-size:12px;color:var(--muted);margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.check{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--primary)}.toggle{position:relative;width:40px;height:22px;background:var(--gray-300);border-radius:var(--radius-full);cursor:pointer;transition:.15s;flex-shrink:0}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;transition:.15s;box-shadow:var(--shadow-sm)}.toggle.on{background:var(--success)}.toggle.on:after{left:21px}.segmented{display:inline-flex;background:var(--gray-100);padding:3px;border-radius:var(--radius-md)}.segmented button{border:0;background:transparent;padding:6px 12px;border-radius:7px;font-weight:600;color:var(--muted)}.segmented button.active{background:#fff;color:var(--text);box-shadow:var(--shadow-sm)}.search{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--gray-300);border-radius:var(--radius-md);background:#fff;height:36px}.search input{border:0;outline:0;width:200px}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:none;align-items:center;justify-content:center;z-index:50;padding:var(--space-5)}.modal-overlay.open{display:flex}body:has(.modal-overlay.open,.drawer.open){overflow:hidden}.modal{background:var(--surface);border-radius:var(--radius-xl);width:560px;max-width:100%;max-height:92vh;overflow:auto;box-shadow:var(--shadow-lg);animation:pop .15s ease}.modal.wide{width:760px}.modal.editor{width:min(1400px,96vw);height:92vh;display:flex;flex-direction:column;overflow:hidden}.editor-body{flex:1;min-height:0;display:flex}.editor-body iframe{flex:1;width:100%;border:0}@keyframes pop{0%{transform:scale(.97);opacity:0}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.modal-head h3{font-size:17px}.modal-body{padding:var(--space-6)}.modal-foot{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--gray-50);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.dots-accent{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.page-header>div,.page-header>.page-actions{position:relative;z-index:1}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:60}.toast{background:var(--gray-900);color:#fff;padding:12px 16px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;font-weight:600;animation:fade .2s;max-width:380px}.toast svg{width:16px;height:16px;color:#4ade80}.notif-row{display:flex;gap:12px;padding:12px var(--space-5);border-bottom:1px solid var(--border)}.notif-row:last-child{border-bottom:0}.notif-row .ico{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.notif-row .ico.slack{background:#fde7f1;color:#e01e5a}.notif-row .ico.mail{background:var(--danger-light);color:#c2410c}.notif-row .ico.cal{background:var(--primary-light);color:var(--primary)}.notif-row .ico.docu{background:var(--warning-light);color:var(--warning)}.notif-row .body{flex:1;font-size:13px}.notif-row .body b{font-weight:700}.notif-row .time{font-size:11.5px;color:var(--muted);white-space:nowrap}button.notif-row{width:100%;text-align:left;background:var(--surface);border:0;border-bottom:1px solid var(--border);font:inherit;color:inherit;cursor:pointer}button.notif-row.unread{background:var(--primary-light)}button.notif-row:hover{background:var(--gray-50)}.icon-btn .pip.count{top:-5px;right:-5px;width:auto;min-width:17px;height:17px;padding:0 4px;border-radius:9px;color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}.dropdown{position:absolute;top:44px;right:0;width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:none;z-index:30;overflow:hidden}.dropdown.open{display:block}.dropdown .dd-head{padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700;display:flex;justify-content:space-between}.dropdown .dd-body{max-height:420px;overflow:auto}.progress{height:8px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden}.progress>div{height:100%;background:var(--success);border-radius:var(--radius-full);transition:width .3s}.progress.blue>div{background:var(--primary)}.balance-card{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.balance-card .t{font-size:12.5px;font-weight:700;color:var(--muted);display:flex;justify-content:space-between}.balance-card .v{font-size:26px;font-weight:800;margin:6px 0 8px}.balance-card .v small{font-size:13px;color:var(--muted);font-weight:600}.balance-card .bars{display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;background:var(--gray-200)}.balance-card .bars i{display:block;height:100%}.breakdown{width:100%;border-collapse:collapse;margin-top:12px;font-size:12.5px}.breakdown td{padding:5px 0;border-top:1px dashed var(--gray-200)}.breakdown td:last-child{text-align:right;font-weight:700;white-space:nowrap}.breakdown tr.sum td{font-weight:800;border-top:1px solid var(--gray-400);background:var(--gray-50);padding:6px 0}.breakdown .pos{color:var(--success)}.breakdown .neg{color:var(--danger)}.breakdown .badge{margin-left:6px}.balance-card.annual{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.legend{display:flex;gap:12px;font-size:11.5px;color:var(--muted);margin-top:8px;flex-wrap:wrap}.legend span{display:inline-flex;align-items:center;gap:5px}.empty{padding:var(--space-8);text-align:center;color:var(--muted);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'><circle cx="81" cy="58" r="3.4" fill="%238AB5EE" opacity=".5"/><circle cx="78" cy="55" r="2.6" fill="%235E93D9" opacity=".5"/><circle cx="74" cy="63" r="2.6" fill="%233F7ED8" opacity=".5"/><circle cx="57" cy="77" r="3.4" fill="%237FA9E0" opacity=".5"/><circle cx="61" cy="80" r="2.6" fill="%238AB5EE" opacity=".5"/><circle cx="50" cy="79" r="2.6" fill="%235E93D9" opacity=".5"/><circle cx="29" cy="75" r="3.4" fill="%233F7ED8" opacity=".5"/><circle cx="31" cy="76" r="2.6" fill="%237FA9E0" opacity=".5"/><circle cx="20" cy="74" r="2.6" fill="%238AB5EE" opacity=".5"/><circle cx="12" cy="52" r="3.4" fill="%235E93D9" opacity=".5"/><circle cx="12" cy="55" r="2.6" fill="%233F7ED8" opacity=".5"/><circle cx="11" cy="45" r="2.6" fill="%237FA9E0" opacity=".5"/><circle cx="14" cy="22" r="3.4" fill="%238AB5EE" opacity=".5"/><circle cx="16" cy="27" r="2.6" fill="%235E93D9" opacity=".5"/><circle cx="23" cy="19" r="2.6" fill="%233F7ED8" opacity=".5"/><circle cx="42" cy="11" r="3.4" fill="%237FA9E0" opacity=".5"/><circle cx="40" cy="7" r="2.6" fill="%238AB5EE" opacity=".5"/><circle cx="50" cy="11" r="2.6" fill="%235E93D9" opacity=".5"/><circle cx="69" cy="21" r="3.4" fill="%233F7ED8" opacity=".5"/><circle cx="67" cy="19" r="2.6" fill="%237FA9E0" opacity=".5"/><circle cx="77" cy="24" r="2.6" fill="%238AB5EE" opacity=".5"/><circle cx="79" cy="47" r="3.4" fill="%235E93D9" opacity=".5"/></svg>") center 14px / 84px 84px no-repeat}.empty svg{width:36px;height:36px;margin-bottom:10px;color:var(--gray-300)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:var(--space-5)}.tabs button{border:0;background:transparent;padding:10px 14px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.active{color:var(--primary);border-color:var(--primary)}.cal-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-head div{padding:10px;font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;text-align:center;border-bottom:1px solid var(--border)}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.cal-cell{min-height:104px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:6px;font-size:12px}.cal-cell:nth-child(7n){border-right:0}.cal-cell .d{font-weight:700;color:var(--gray-600);display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;margin-bottom:4px}.cal-cell.other{background:var(--gray-50);color:var(--gray-400)}.cal-cell.today .d{background:var(--primary);color:#fff}.cal-cell.weekend{background:#fbfbfd}.cal-ev{display:block;padding:2px 6px;border-radius:4px;margin-bottom:2px;font-weight:600;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ev-leave{background:var(--primary-light);color:var(--primary)}.ev-sick{background:var(--warning-light);color:#b45309}.ev-holiday{background:var(--danger-light);color:#b91c1c}.ev-special{background:var(--purple-light);color:var(--purple)}.ev-room{background:var(--info-light);color:#0e7490}.ev-dayoff{background:var(--success-light);color:#15803d}.ev-office{background:var(--gray-100);color:var(--gray-600)}.ev-pending{background:var(--gray-100);color:var(--gray-500);border:1px dashed var(--gray-300)}.cal-more{font-size:11px;color:var(--muted);font-weight:600;padding-left:4px}.viewer{position:fixed;inset:0;background:var(--gray-800);z-index:70;display:none;flex-direction:column}.viewer.open{display:flex;animation:fade .15s}.viewer-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--gray-900);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.viewer-bar .btn{background:#ffffff1a;border-color:transparent;color:#fff}.viewer-bar .btn:hover{background:#fff3}.viewer-x{width:40px;height:40px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center;margin-left:8px}.viewer-x:hover{background:var(--danger)}.viewer-x svg{width:20px;height:20px}.viewer-body{flex:1;overflow:auto;padding:32px}.viewer-body .doc-page{max-width:820px;min-height:1000px;padding:56px 64px;font-size:14px}.doc-page{background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-md);padding:36px 40px;max-width:680px;margin:0 auto;font-size:13px;line-height:1.65;color:var(--gray-700);min-height:520px}.doc-page p{margin-bottom:12px}.doc-page-head{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:2px solid var(--gray-800)}.sig-block{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.sig-line{font-family:Brush Script MT,Snell Roundhand,cursive;font-size:26px;color:#1e3a8a;border-bottom:1px solid var(--gray-400);padding:6px 4px 2px;margin-bottom:6px}.yg{display:grid;grid-template-columns:44px repeat(31,minmax(28px,1fr));gap:3px;min-width:980px}.yg-head{font-size:10px;color:var(--muted);text-align:center;font-weight:700;padding-bottom:2px}.yg-month{font-size:11.5px;font-weight:700;color:var(--gray-600);display:flex;align-items:center}.yg-cell{height:28px;border-radius:5px;background:var(--gray-100);display:grid;place-items:center;font-size:10px;color:var(--gray-400);cursor:default}.yg-cell.none{background:transparent}.yg-cell.we{background:#e9edf3;color:var(--gray-300)}.yg-cell.past{opacity:.75}.yg-cell.hol{background:var(--danger-light);font-size:13px;opacity:1}.yg-cell.ev-leave,.yg-cell.ev-sick,.yg-cell.ev-special,.yg-cell.ev-dayoff{font-size:13px;opacity:1}.yg-cell.pend{background:#fff;border:1.5px dashed var(--warning);font-size:13px;opacity:1}.yg-cell.today{box-shadow:0 0 0 2px var(--primary);color:var(--primary);font-weight:800;opacity:1}.yg-cell.pick{cursor:pointer}.yg-cell.pick:hover{background:var(--primary-light);color:var(--primary)}.yg-cell.sel{background:var(--primary)!important;color:#fff!important}.yg-key{display:inline-block;width:12px;height:12px;border-radius:3px}.yg-key.pend{border:1.5px dashed var(--warning);background:#fff}.yg-key.we{background:#e9edf3}.floor{background:var(--gray-50);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);overflow:auto}.floor svg{width:100%;height:auto;display:block}.desk{cursor:pointer}.desk rect{fill:#fff;stroke:var(--gray-300);stroke-width:1.5;rx:6;transition:.12s}.desk text{font-size:11px;font-weight:700;fill:var(--gray-600);pointer-events:none}.desk.free:hover rect{stroke:var(--primary);fill:var(--primary-bg)}.desk.mine rect{fill:var(--primary);stroke:var(--primary)}.desk.mine text{fill:#fff}.desk.taken rect{fill:var(--gray-200);stroke:var(--gray-300)}.desk.taken text{fill:var(--gray-500)}.desk.am rect{fill:#fde68a;stroke:#f59e0b}.desk.pm rect{fill:#bae6fd;stroke:#38bdf8}.desk.ampm rect{fill:url(#ampmpat);stroke:var(--gray-400)}.desk.taken rect{fill:var(--gray-300)}.desk.ro{cursor:default}.desk.ro rect{stroke-width:1.5}.desk.ro.occ:hover rect{filter:brightness(.95)}.desk.fixed rect{fill:#fef3c7;stroke:#fcd34d}.desk.fixed{cursor:not-allowed}.zone-label{font-size:12px;font-weight:800;fill:var(--gray-400);letter-spacing:.1em}.room-shape{cursor:pointer}.room-shape rect{fill:var(--info-light);stroke:#67e8f9;stroke-width:1.5;rx:10}.room-shape text{font-size:12px;font-weight:700;fill:#0e7490;pointer-events:none}.room-shape:hover rect{fill:#a5f3fc}.room-shape.busy rect{fill:var(--danger-light);stroke:#fca5a5}.room-shape.busy text{fill:#b91c1c}.floor-legend{display:flex;gap:16px;font-size:12px;color:var(--muted);margin-top:10px;flex-wrap:wrap}.floor-legend i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:5px;border:1px solid var(--gray-300)}.slots{display:grid;grid-template-columns:80px 1fr}.slot-row{display:contents}.slot-row .h{padding:8px;font-size:12px;color:var(--muted);font-weight:600;border-bottom:1px solid var(--border)}.slot-row .s{padding:6px;border-bottom:1px solid var(--border);border-left:1px solid var(--border);cursor:pointer;min-height:38px}.slot-row .s:hover{background:var(--primary-bg)}.slot-row .s.busy{background:var(--info-light);cursor:default}.slot-row .s.mine{background:var(--primary-light)}.slot-row .s.selected{background:var(--primary);color:#fff}.slot-row .s.past{background:var(--gray-50);cursor:not-allowed;color:var(--gray-400)}.slot-row .s b{font-size:12px;display:block}.slot-row .s small{font-size:11px;opacity:.75}.room-tabs{display:flex;gap:8px;margin-bottom:14px}.wp-grid{display:grid;grid-template-columns:200px repeat(5,1fr)}.wp-grid>div{padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}.wp-grid .hd{background:var(--gray-50);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;text-align:center}.wp-grid .hd:first-child{text-align:left}.wp-grid .c{text-align:center}.loc{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.loc-office{background:var(--primary-light);color:var(--primary)}.loc-remote{background:var(--success-light);color:#15803d}.loc-client{background:var(--purple-light);color:var(--purple)}.loc-trip{background:var(--info-light);color:#0e7490}.loc-leave{background:var(--warning-light);color:#b45309}.loc-remote_pending{background:var(--warning-light);color:#b45309;outline:1px dashed currentColor;outline-offset:-1px}.loc-none{background:var(--gray-100);color:var(--gray-400)}.loc-pick{display:flex;gap:6px}.loc-pick button{flex:1;border:1px solid var(--border);background:#fff;padding:10px 6px;border-radius:var(--radius-md);font-weight:600;font-size:12.5px;display:flex;flex-direction:column;align-items:center;gap:4px}.loc-pick.sm button{flex-direction:row;padding:6px 8px;font-size:12px;gap:5px}.wp-day{padding:10px 20px;border-bottom:1px solid var(--border);cursor:pointer}.wp-day.sel{background:var(--primary-bg);box-shadow:inset 3px 0 0 var(--primary)}.wp-day-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px}.loc-pick button.active{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.dept-tag{font-size:10.5px;font-weight:600;padding:1px 8px;border-radius:var(--radius-full)}.drawer{position:fixed;top:0;right:0;bottom:0;width:400px;background:var(--surface);box-shadow:var(--shadow-lg);transform:translate(100%);transition:transform .2s;z-index:40;display:flex;flex-direction:column}.drawer.open{transform:none}.drawer-head{padding:var(--space-5);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start}.drawer-body{padding:var(--space-5);overflow:auto;flex:1}.kv{display:grid;grid-template-columns:120px 1fr;gap:10px 12px;font-size:13px}.kv dt{color:var(--muted);font-weight:600}.kv dd{font-weight:600}.asg{display:flex;gap:14px;padding:14px var(--space-5);border-bottom:1px solid var(--border);align-items:flex-start}.asg:last-child{border-bottom:0}.asg-ico{width:40px;height:40px;border-radius:10px;background:var(--gray-100);display:grid;place-items:center;font-size:20px;flex-shrink:0}.asg-body{flex:1;min-width:0}.asg-actions{display:flex;gap:6px;flex-shrink:0}.asg.done{opacity:.7}.asg.done .asg-body>.row b{text-decoration:line-through;color:var(--muted)}.task{display:flex;align-items:flex-start;gap:12px;padding:12px var(--space-5);border-bottom:1px solid var(--border)}.task:last-child{border-bottom:0}.task input[type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--success);cursor:pointer}.task .t{flex:1}.task .t b{display:block;font-weight:600}.task .t span{font-size:12px;color:var(--muted)}.task.done .t b{text-decoration:line-through;color:var(--muted)}.task-group{padding:8px var(--space-5);background:var(--gray-50);font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:var(--muted);border-bottom:1px solid var(--border)}.doc-row{display:flex;align-items:center;gap:12px;padding:12px var(--space-5);border-bottom:1px solid var(--border)}.doc-row:last-child{border-bottom:0}.doc-row .ico{width:36px;height:36px;border-radius:8px;background:var(--gray-100);display:grid;place-items:center;color:var(--gray-600)}.doc-row .t{flex:1}.doc-row .t b{display:block}.doc-row .t span{font-size:12px;color:var(--muted)}.steps{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--muted)}.steps span{white-space:nowrap}.steps span.on{color:var(--success)}.steps i{width:14px;height:1px;background:var(--gray-300);flex-shrink:0}.integration{display:flex;gap:14px;align-items:flex-start}.integration .logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:15px;color:#fff;flex-shrink:0}.sign-pad{border:2px dashed var(--gray-300);border-radius:var(--radius-md);height:90px;display:grid;place-items:center;color:var(--muted);font-style:italic;background:var(--gray-50);cursor:pointer}.sign-pad.signed{border-style:solid;border-color:var(--success);color:var(--gray-800);font-family:Brush Script MT,cursive;font-size:28px;background:#fff}.doc-preview{border:1px solid var(--border);background:#fff;padding:24px;font-size:12.5px;line-height:1.6;color:var(--gray-700);max-height:220px;overflow:auto;border-radius:var(--radius-md)}.timeline{position:relative;padding-left:20px}.timeline:before{content:"";position:absolute;left:5px;top:4px;bottom:4px;width:2px;background:var(--gray-200)}.tl-item{position:relative;padding-bottom:14px;font-size:13px}.tl-item:before{content:"";position:absolute;left:-19px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--gray-300);border:2px solid #fff}.tl-item.ok:before{background:var(--success)}.tl-item .when{font-size:11.5px;color:var(--muted)}@media(max-width:1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-23,.grid-32,.grid-13{grid-template-columns:1fr}}.orgppt{--on: #1E2761;--osec: #3A4A87;--omut: #6B7280;--oband: #E8EEFA;--obrd: #D3DBEA;--odiv: #C7D0E4;--oelb: #B9C4DA;padding:22px 26px 18px;overflow-x:auto}.orgppt-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;min-width:860px}.orgppt-title{font-size:21px;font-weight:800;color:var(--on);letter-spacing:-.2px}.orgppt-subtitle{font-size:12px;color:var(--omut);margin-top:3px}.orgppt-lead{display:flex;align-items:center}.orgppt-leader{background:var(--on);border-radius:8px;padding:8px 34px 8px 14px;min-width:128px;cursor:pointer;position:relative}.orgppt-leader b{display:block;color:#fff;font-size:12.5px;font-weight:700;white-space:nowrap}.orgppt-leader span{display:block;color:#c3cde8;font-size:10px;margin-top:1px;white-space:nowrap}.orgppt-leader .orgppt-mo{position:absolute;right:9px;top:50%;transform:translateY(-50%)}.orgppt-conn{width:12px;height:0;border-top:1.5px solid var(--osec);flex:none}.orgppt-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1.14fr) minmax(0,1fr);gap:18px;align-items:start;min-width:860px}.orgppt-col{display:flex;flex-direction:column;gap:18px}.orgppt-card{background:#fff;border:1px solid var(--obrd);border-radius:10px;overflow:hidden}.orgppt-band{background:var(--oband);border-bottom:1px solid var(--obrd);padding:9px 14px 10px;cursor:pointer;position:relative}.orgppt-band .lbl{font-size:10px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--osec)}.orgppt-band b{display:block;font-size:13px;font-weight:700;color:var(--on);margin-top:2px}.orgppt-band>span{display:block;font-size:10.5px;color:var(--omut);margin-top:1px}.orgppt-band .orgppt-mo{position:absolute;right:12px;top:32px}.orgppt-body{padding:8px 14px 12px}.orgppt-sec{font-size:9.5px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--osec);border-bottom:1px solid var(--odiv);padding:8px 0 5px;margin-bottom:4px}.orgppt-row{display:flex;align-items:baseline;gap:8px;padding:5px 0;cursor:pointer;border-radius:5px}.orgppt-row:hover{background:var(--gray-50, #f8fafc)}.orgppt-row b{font-size:12.5px;font-weight:500;color:var(--on);white-space:nowrap}.orgppt-row>span{font-size:10.5px;color:var(--omut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.orgppt-row .orgppt-mo{align-self:center;flex:none}.orgppt-row.sub{margin-left:18px;position:relative}.orgppt-row.sub:before{content:"";position:absolute;left:-14px;top:50%;width:10px;border-top:1px solid var(--oelb)}.orgppt-note{font-size:10.5px;color:var(--osec);padding-top:8px}.orgppt-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:11px;color:var(--omut);min-width:860px}.orgppt-foot span{display:inline-flex;align-items:center;gap:7px}@media(max-width:1100px){.orgppt-top,.orgppt-grid,.orgppt-foot{min-width:760px}}