@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--ash-primary:#059669;--ash-primary-2:#10b981;--ash-soft:#0596691a;--ash-text:#0f172a;--ash-text-soft:#475569;--ash-muted:#94a3b8;--ash-muted-2:#64748b;--ash-bg:#f5f7fb;--ash-card:#fff;--ash-border:#e6e8ee;--ash-border-2:#eef0f5;--ash-radius:12px;--ash-radius-sm:9px;--ash-header-h:50px;--primary:var(--ash-primary);--primary-2:var(--ash-primary-2);--primary-dark:#047857;--navy:#0f2419;--bg:var(--ash-bg);--white:var(--ash-card);--border:var(--ash-border);--success:#10b981;--pending:#f59e0b;--reject:#ef4444;--purple:#7c3aed;--text:var(--ash-text);--text-secondary:var(--ash-text-soft);--text-muted:var(--ash-muted);--success-bg:#e7f9f1;--pending-bg:#fef3e2;--reject-bg:#fdebec;--purple-bg:#f1ebfd;--primary-bg:var(--ash-soft);--radius-md:var(--ash-radius);--radius-lg:20px;--radius-pill:999px;--login-accent:#059669;--login-accent-bg:#e3f7ee}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ash-bg);color:var(--ash-text);margin:0;font-family:Inter,system-ui,-apple-system,sans-serif}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}.app-shell{min-height:100vh;display:flex}.sidebar.mn{background:linear-gradient(185deg, color-mix(in srgb, var(--ash-primary) 10%, var(--ash-card)) 0%, var(--ash-card) 45%, color-mix(in srgb, var(--ash-primary) 7%, var(--ash-card)) 100%);border-right:1px solid var(--ash-border);flex-direction:column;flex:0 0 210px;align-self:stretch;width:210px;height:100vh;transition:width .22s cubic-bezier(.16,1,.3,1),flex-basis .22s;display:flex;position:relative;top:0;overflow:hidden}.sidebar.mn.collapsed{flex-basis:60px;width:60px}.mn-head{border-bottom:1px solid var(--ash-border-2);flex-shrink:0;align-items:center;gap:9px;padding:10px;display:flex}.mn-hic{color:#fff;background:linear-gradient(150deg, var(--ash-primary), var(--ash-primary-2));width:29px;height:29px;box-shadow:0 6px 15px -5px color-mix(in srgb, var(--ash-primary) 70%, transparent);border-radius:9px;flex-shrink:0;place-items:center;font-size:15px;display:grid}.mn-head h3{color:var(--ash-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;flex:1;margin:0;font-size:12.5px;font-weight:800;overflow:hidden}.mn-toggle{background:var(--ash-soft);width:23px;height:23px;color:var(--ash-muted-2);cursor:pointer;border:none;border-radius:7px;flex-shrink:0;place-items:center;font-size:15px;transition:background .15s,color .15s;display:grid}.mn-toggle:hover{background:color-mix(in srgb, var(--ash-primary) 16%, transparent);color:var(--ash-primary)}.mn-body{scrollbar-width:none;flex-direction:column;flex:auto;gap:1px;padding:6px 8px;display:flex;overflow:hidden auto}.mn-body::-webkit-scrollbar{width:0}.mn-leaf{color:var(--ash-text-soft);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:3px 8px;font-size:11.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:flex}.mn-lic{width:20px;height:20px;color:var(--ash-muted-2);background:var(--ash-soft);border-radius:6px;flex-shrink:0;place-items:center;font-size:12px;transition:all .15s;display:grid}.mn-ltxt{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mn-leaf:hover{background:color-mix(in srgb, var(--ash-primary) 9%, transparent);color:var(--ash-primary);transform:translate(2px)}.mn-leaf:hover .mn-lic{background:color-mix(in srgb, var(--ash-primary) 16%, transparent);color:var(--ash-primary)}.mn-leaf.active{background:linear-gradient(100deg, var(--ash-primary), var(--ash-primary-2));color:#fff;box-shadow:0 8px 20px -9px color-mix(in srgb, var(--ash-primary) 75%, transparent);font-weight:700}.mn-leaf.active .mn-lic{color:#fff;background:#ffffff38}.mn-group{flex-direction:column;display:flex}.mn-grow{cursor:pointer;color:var(--ash-text);text-align:left;background:0 0;border:none;border-radius:9px;align-items:center;gap:9px;width:100%;padding:6px 9px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.mn-grow:hover{background:var(--ash-soft);color:var(--ash-primary)}.mn-gic{width:23px;height:23px;color:var(--ash-muted-2);border-radius:7px;flex-shrink:0;place-items:center;font-size:13px;display:grid}.mn-grow:hover .mn-gic{color:var(--ash-primary)}.mn-gtxt{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.mn-caret{color:var(--ash-muted);margin-left:auto;font-size:15px;transition:transform .18s}.mn-group.open>.mn-grow,.mn-group.open>.mn-grow .mn-gic{color:var(--ash-primary)}.mn-group.open>.mn-grow .mn-caret{color:var(--ash-primary);transform:rotate(90deg)}.mn-children{border-left:1px dashed color-mix(in srgb, var(--ash-primary) 30%, transparent);flex-direction:column;gap:1px;margin-left:11px;padding-left:10px;display:flex}.mn-children .mn-leaf{padding:5px 8px;font-size:11.5px}.mn-children .mn-lic{width:21px;height:21px;font-size:12px}.mn-rail-body{flex-direction:column;flex:auto;align-items:center;gap:1px;padding:4px 0;display:flex}.mn-rail-leaf{width:30px;height:30px;color:var(--ash-muted-2);background:0 0;border:none;border-radius:8px;place-items:center;font-size:15px;text-decoration:none;transition:background .15s,color .15s;display:grid}.mn-rail-leaf:hover{background:color-mix(in srgb, var(--ash-primary) 12%, transparent);color:var(--ash-primary)}.mn-rail-leaf.active{background:linear-gradient(135deg, var(--ash-primary), var(--ash-primary-2));color:#fff;box-shadow:0 8px 18px -8px color-mix(in srgb, var(--ash-primary) 70%, transparent)}.mn-rail-top{cursor:pointer;border:none;border-bottom:1px solid var(--ash-border-2);background:0 0;flex-direction:column;align-items:center;gap:4px;width:100%;padding:8px 0;display:flex}.mn-rail-top .mn-hic{width:30px;height:30px}.mn-rail-exp{color:var(--ash-muted);font-size:14px}.mn-rail-top:hover .mn-rail-exp{color:var(--ash-primary)}.mn-logout{margin-top:auto;color:var(--reject)!important}.mn-logout .mn-lic{color:var(--reject)!important}.mn-logout:hover{background:var(--reject-bg)!important}@media (width<=860px){.sidebar.mn{z-index:40;position:fixed;inset:0 auto 0 0;transform:translate(-100%);box-shadow:0 0 40px #0003}.sidebar.mn.open{transform:translate(0)}.sidebar-backdrop{z-index:39;background:#081d4959;position:fixed;inset:0}}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--ash-header-h);background:var(--ash-card);border-bottom:1px solid var(--ash-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:0 14px;display:flex}.menu-toggle{border-radius:var(--ash-radius-sm);border:1.5px solid var(--ash-border);background:var(--ash-card);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:none}@media (width<=860px){.menu-toggle{display:flex}}.user-menu{position:relative}.user-menu-trigger{background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.user-menu-dropdown{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);z-index:30;min-width:180px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0a2a661f}.user-menu-item{text-align:left;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;font-weight:600;display:flex}.user-menu-item:hover{background:var(--bg)}.user-menu-item.danger{color:var(--reject)}.user-menu-item.danger:hover{background:var(--reject-bg)}.content{flex:1;padding:24px;overflow-y:auto}.page-title{margin:0;font-size:24px;font-weight:800}.page-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:13.5px}.card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);padding:20px;box-shadow:0 4px 16px #0a2a660d}.grid{gap:16px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (width<=900px){.grid-4{grid-template-columns:repeat(2,1fr)}}.stat-card{flex-direction:column;gap:8px;display:flex}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.stat-value{font-size:24px;font-weight:800}.stat-label{color:var(--text-secondary);font-size:12.5px}.btn{border:none;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:#fff}.btn-danger-outline{color:var(--reject);border:1.5px solid var(--reject);background:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--reject);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select{border:1.5px solid var(--border);background:#fff;border-radius:10px;width:100%;padding:11px 14px;font-size:14px}.input:focus,.select:focus{border-color:var(--primary);outline:none}.label{margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field{margin-bottom:14px}.badge{border-radius:var(--radius-pill);padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge-pending{background:var(--pending-bg);color:var(--pending)}.badge-approved{background:var(--success-bg);color:var(--success)}.badge-rejected{background:var(--reject-bg);color:var(--reject)}.badge-changes{background:var(--purple-bg);color:var(--purple)}.badge-draft{color:#6b7280;background:#eef1f5}.badge-active{background:var(--success-bg);color:var(--success)}.badge-inactive{background:var(--reject-bg);color:var(--reject)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);padding:10px 12px;font-size:12px}td{border-bottom:1px solid var(--bg);padding:12px;font-size:13.5px}tr:last-child td{border-bottom:none}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tab-btn{border:1.5px solid var(--border);border-radius:var(--radius-pill);color:var(--text-secondary);background:#fff;padding:8px 16px;font-size:13px;font-weight:600}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.search-input{position:relative}.av-page{background:radial-gradient(1200px 600px at 14% -5%,#0d3d2a 0%,#0000 55%),radial-gradient(1000px 560px at 108% 112%,#0a3324 0%,#0000 50%),linear-gradient(160deg,#06170f 0%,#071a12 46%,#03100a 100%);justify-content:center;align-items:center;min-height:100vh;padding:26px 18px;display:flex;position:relative;overflow:hidden}.av-orbs{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.av-orbs span{filter:blur(46px);opacity:.5;border-radius:50%;animation:18s ease-in-out infinite alternate av-orb;position:absolute}.av-orbs span:first-child{background:radial-gradient(circle,#10b98159,#0000 70%);width:360px;height:360px;top:-80px;left:-60px}.av-orbs span:nth-child(2){background:radial-gradient(circle,#05966959,#0000 70%);width:420px;height:420px;animation-delay:-6s;bottom:-120px;right:-80px}.av-orbs span:nth-child(3){background:radial-gradient(circle,#6fe0b847,#0000 70%);width:240px;height:240px;animation-delay:-10s;top:40%;left:60%}@keyframes av-orb{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.12)}}.av-tile{z-index:1;color:#eafff4;white-space:nowrap;background:linear-gradient(150deg,#05966980,#0596691f);border:1px solid #6fe0b847;border-radius:14px;align-items:center;gap:10px;padding:11px 15px;font-size:12.5px;font-weight:700;animation:9s ease-in-out infinite av-float;display:flex;position:absolute;box-shadow:0 20px 50px -22px #000000b3}.av-tile i{background:linear-gradient(135deg,#10b981,#059669);border-radius:9px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}@keyframes av-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.av-tile.t1{animation-delay:0s;top:8%;left:4%}.av-tile.t2{animation-delay:-1.4s;top:16%;left:74%}.av-tile.t3{animation-delay:-2.8s;top:68%;left:3%}.av-tile.t4{animation-delay:-4.2s;top:80%;left:78%}.av-tile.t5{animation-delay:-5.6s;top:4%;left:42%}.av-tile.t6{animation-delay:-7s;bottom:6%;left:40%}@media (width<=980px){.av-tile.t2,.av-tile.t4,.av-tile.t5{display:none}}.av-shell{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06160e8c;border:1px solid #34d3994d;border-radius:24px;grid-template-columns:1.08fr 1fr;width:min(960px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 40px 110px -40px #000000d9,0 0 60px -20px #10b98166}@media (width<=860px){.av-shell{grid-template-columns:1fr;max-width:460px}}.av-brand{color:#eafff4;flex-direction:column;justify-content:center;padding:44px 40px;display:flex}.av-pill{border-radius:var(--radius-pill);color:#9fe0c4;background:#10b98129;border:1px solid #6fe0b84d;align-self:flex-start;align-items:center;gap:6px;margin-bottom:18px;padding:6px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.av-brand-logo{align-items:center;gap:10px;margin-bottom:20px;display:flex}.av-brand-logo .box{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:800;display:flex}.av-brand-name{font-size:19px;font-weight:800}.av-headline{margin:0 0 12px;font-size:30px;font-weight:800;line-height:1.25}.av-headline em{color:#6fe0b8;font-style:normal}.av-sub{color:#a9d3c1;max-width:380px;margin-bottom:24px;font-size:13.5px;line-height:1.6}.av-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.av-stat{background:#ffffff0d;border:1px solid #6fe0b82e;border-radius:12px;padding:12px 14px}.av-stat b{color:#eafff4;font-size:17px;font-weight:800;display:block}.av-stat span{color:#8fbfa9;font-size:11px}.av-form{background:var(--white);padding:44px 40px}.av-form h2{color:var(--text);margin:0 0 4px;font-size:22px;font-weight:800}.av-form-sub{color:var(--text-secondary);margin-bottom:22px;font-size:13px}.av-captcha-row{align-items:center;gap:8px;display:flex}.av-captcha-badge{background:var(--login-accent-bg);color:var(--login-accent);white-space:nowrap;border-radius:10px;align-items:center;height:48px;padding:0 14px;font-weight:800;display:flex}.av-footer{text-align:center;color:#8fbfa9;margin-top:22px;font-size:12px}.av-topbar{z-index:6;position:fixed;top:18px;right:20px}.av-tag{border-radius:var(--radius-pill);color:#cfeadd;background:#081c12b8;border:1px solid #6fe0b842;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.demo-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.demo-chip{border:1.5px solid var(--login-accent);background:var(--login-accent-bg);color:var(--login-accent);border-radius:var(--radius-pill);padding:8px 14px;font-size:12px;font-weight:700}.av-form .btn-primary{background:var(--login-accent)}.av-form .btn-primary:hover{background:#047857}.av-form input:focus{border-color:var(--login-accent)!important}.modal-backdrop{z-index:50;background:#081d4973;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{border-radius:var(--radius-lg);background:#fff;width:480px;max-width:92vw;max-height:88vh;padding:24px;overflow-y:auto}.checkbox-row{align-items:center;gap:10px;padding:8px 0;display:flex}.dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.dash-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dash-window-select{color:var(--text-secondary);align-items:center;gap:8px;font-size:13px;display:flex}.dash-window-select select{border:1.5px solid var(--border);background:#fff;border-radius:10px;padding:8px 12px;font-size:13px}.accent-card{border-left-style:solid;border-left-width:4px}.accent-card .stat-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.accent-card .stat-value{font-size:30px}.accent-card .stat-caption{color:var(--text-secondary);font-size:12px}.attention-row{grid-template-columns:1.7fr 1fr;gap:16px;margin-bottom:20px;display:grid}@media (width<=980px){.attention-row{grid-template-columns:1fr}}.attention-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.attention-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.attention-chip{border-radius:var(--radius-pill);border:1.5px solid var(--border);color:var(--text-secondary);background:#fff;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:700;display:inline-flex}.attention-chip.danger{border-color:var(--reject);color:var(--reject);background:var(--reject-bg)}.attention-item{border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.attention-avatar{background:var(--primary-bg);width:40px;height:40px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.cta-dark{background:linear-gradient(160deg, var(--navy), #143166);color:#fff;border-radius:var(--radius-md);flex-direction:column;height:100%;padding:24px;display:flex}.cta-dark h3{margin:0 0 10px;font-size:17px}.cta-dark ul{color:#cfe0f7;flex-direction:column;gap:8px;margin:0 0 18px;padding:0;font-size:13.5px;list-style:none;display:flex}.cta-dark .btn{color:var(--navy);background:#fff;margin-top:auto}.stat-strip{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}@media (width<=1100px){.stat-strip{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.stat-strip{grid-template-columns:repeat(2,1fr)}}.strip-tile{flex-direction:column;gap:6px;display:flex}.strip-top{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.strip-value{font-size:22px;font-weight:800}.strip-bar{background:var(--bg);border-radius:4px;height:5px;overflow:hidden}.strip-bar>div{border-radius:4px;height:100%}.bottom-row{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}@media (width<=1100px){.bottom-row{grid-template-columns:1fr}}.donut-legend-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.perf-toggle{background:var(--bg);border-radius:var(--radius-pill);gap:4px;padding:3px;display:flex}.perf-toggle button{border-radius:var(--radius-pill);color:var(--text-secondary);background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:700}.perf-toggle button.active{color:var(--primary);background:#fff;box-shadow:0 2px 8px #0a2a661a}.perf-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.perf-tile{background:var(--bg);border-radius:10px;padding:12px}.perf-tile b{font-size:18px;font-weight:800;display:block}.perf-tile span{color:var(--text-secondary);font-size:11.5px}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:flex}.row-flex{align-items:center;gap:12px;display:flex}.text-muted{color:var(--text-muted);font-size:12.5px}.error-text{color:var(--reject);margin-top:4px;font-size:12.5px}
