:root{--color-primary-50:#eef6ff;--color-primary-100:#d9ebff;--color-primary-200:#b9dcff;--color-primary-300:#87c6ff;--color-primary-400:#4aa8ff;--color-primary-500:#168bff;--color-primary-600:#0f6fff;--color-primary-700:#0758db;--color-primary-800:#0b48b1;--color-primary-900:#123f8b;--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-navy-50:#f3f7fb;--color-navy-100:#e5edf5;--color-navy-200:#cbd9e7;--color-navy-300:#a6bed4;--color-navy-400:#7a9bb8;--color-navy-500:#5a7c9b;--color-navy-600:#45637f;--color-navy-700:#374f67;--color-navy-800:#28394d;--color-navy-900:#172234;--color-navy-950:#0b1220;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-danger-50:#fef2f2;--color-danger-100:#fee2e2;--color-danger-500:#ef4444;--color-danger-600:#dc2626;--color-danger-700:#b91c1c;--color-info-50:#eff6ff;--color-info-100:#dbeafe;--color-info-500:#3b82f6;--color-info-600:#2563eb;--color-info-700:#1d4ed8;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-bg:#f5f8fc;--color-bg-soft:#eef3f8;--color-surface:#fff;--color-surface-soft:#f8fbff;--color-surface-hover:#f1f7ff;--color-border:#dce7f3;--color-border-soft:#edf2f7;--color-text:#101828;--color-text-strong:#0b1220;--color-text-muted:#667085;--color-text-soft:#98a2b3;--color-text-inverse:#fff;--gradient-primary:linear-gradient(135deg, #0f6fff 0%, #06b6d4 100%);--gradient-primary-soft:linear-gradient(135deg, #eef6ff 0%, #ecfeff 100%);--gradient-navy:linear-gradient(135deg, #172234 0%, #0f6fff 100%);--gradient-card:linear-gradient(180deg, #fff 0%, #f8fbff 100%);--gradient-glow:radial-gradient(circle at top right, #0f6fff29, transparent 34%), radial-gradient(circle at bottom left, #06b6d424, transparent 32%);--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-md:.9375rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--line-height-tight:1.15;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:650;--font-weight-bold:750;--font-weight-black:850;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--radius-xs:.375rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:999px;--shadow-xs:0 1px 2px #1018280d;--shadow-sm:0 4px 10px #1018280f;--shadow-md:0 12px 28px #10182814;--shadow-lg:0 18px 48px #1018281f;--shadow-xl:0 28px 70px #10182829;--shadow-primary:0 16px 40px #0f6fff38;--shadow-cyan:0 16px 40px #06b6d433;--shadow-card:0 14px 36px #10182812;--sidebar-width:292px;--sidebar-collapsed-width:88px;--topbar-height:84px;--mobile-nav-height:72px;--container-max:1680px;--page-padding-x:28px;--page-padding-y:28px;--input-height:44px;--button-height-sm:36px;--button-height-md:44px;--button-height-lg:52px;--card-padding:22px;--table-row-height:58px;--z-base:1;--z-sticky:20;--z-topbar:50;--z-sidebar:70;--z-mobile-nav:80;--z-backdrop:90;--z-modal:100;--z-toast:120;--z-tooltip:140;--transition-fast:.14s ease;--transition-normal:.22s ease;--transition-slow:.36s ease;--blur-sm:blur(8px);--blur-md:blur(14px);--blur-lg:blur(22px);--accent-dark:#0b1220;--accent-dark-soft:#172234;--accent-blue:#0f6fff;--accent-cyan:#06b6d4;--status-success-bg:#ecfdf5;--status-success-text:#047857;--status-success-border:#a7f3d0;--status-warning-bg:#fffbeb;--status-warning-text:#b45309;--status-warning-border:#fde68a;--status-danger-bg:#fef2f2;--status-danger-text:#b91c1c;--status-danger-border:#fecaca;--status-info-bg:#eff6ff;--status-info-text:#1d4ed8;--status-info-border:#bfdbfe;--status-neutral-bg:#f8fafc;--status-neutral-text:#475467;--status-neutral-border:#e2e8f0;--status-preview-bg:#f5f3ff;--status-preview-text:#6d28d9;--status-preview-border:#ddd6fe}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;width:100%;min-height:100%}body{width:100%;min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text);background:var(--gradient-glow), linear-gradient(180deg, #f8fbff 0%, var(--color-bg) 45%, #eef4fb 100%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;overflow-x:hidden}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}h1,h2,h3,h4{color:var(--color-text-strong);letter-spacing:-.035em}h1{font-size:clamp(1.45rem, 2vw, var(--font-size-2xl));line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h2{font-size:clamp(1.65rem, 2.6vw, var(--font-size-3xl));line-height:var(--line-height-tight);font-weight:var(--font-weight-black)}h3{font-size:var(--font-size-xl);line-height:1.25;font-weight:var(--font-weight-bold)}h4{font-size:var(--font-size-lg);line-height:1.3;font-weight:var(--font-weight-semibold)}p{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}small{font-size:var(--font-size-xs);color:var(--color-text-soft)}strong{font-weight:var(--font-weight-bold)}a{color:inherit;text-decoration:none}a,button,input,textarea,select{font:inherit}img,svg,video,canvas{max-width:100%;display:block}img{object-fit:cover}input,textarea,select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-text);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);outline:none}input,select{min-height:var(--input-height);padding:0 var(--space-4)}textarea{min-height:112px;padding:var(--space-3) var(--space-4);resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-soft)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-400);background:#fff;box-shadow:0 0 0 4px #0f6fff1f}select{cursor:pointer;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 13px) calc(50% - 3px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:40px}label{gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);display:grid}button{color:inherit;cursor:pointer;background:0 0;border:0}button:disabled{cursor:not-allowed;opacity:.56}button,.btn,.icon-btn{-webkit-tap-highlight-color:transparent}.btn{min-height:var(--button-height-md);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:0 var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);white-space:nowrap;border:1px solid #0000;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:var(--color-text-inverse);background:var(--gradient-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{box-shadow:0 18px 44px #0f6fff47}.btn-secondary{color:var(--color-primary-700);background:var(--color-primary-50);border-color:var(--color-primary-100)}.btn-secondary:hover{background:var(--color-primary-100)}.btn-ghost{color:var(--color-text-muted);border-color:var(--color-border);background:0 0}.btn-ghost:hover{color:var(--color-text);background:var(--color-surface-hover)}.btn-danger{color:var(--color-danger-700);background:var(--color-danger-50);border-color:var(--color-danger-100)}.btn-danger:hover{background:var(--color-danger-100)}.btn-sm{min-height:var(--button-height-sm);padding:0 var(--space-4);font-size:var(--font-size-xs)}.btn-lg{min-height:var(--button-height-lg);padding:0 var(--space-6);font-size:var(--font-size-md)}.btn-full{width:100%}.icon-btn{border-radius:var(--radius-full);width:42px;height:42px;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);flex:none;place-items:center;display:inline-grid}.icon-btn:hover{color:var(--color-primary-700);background:var(--color-primary-50);border-color:var(--color-primary-100);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.icon-btn:active{transform:translateY(0)}.text-muted{color:var(--color-text-muted)}.text-soft{color:var(--color-text-soft)}.text-primary{color:var(--color-primary-600)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-danger{color:var(--color-danger-600)}.hide{display:none!important}.no-scroll{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}::selection{color:var(--color-text-inverse);background:var(--color-primary-600)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#e2e8f08c}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#47556938;border:2px solid #e2e8f08c}::-webkit-scrollbar-thumb:hover{background:#0f6fff5c}:focus-visible{outline-offset:3px;outline:3px solid #0f6fff47}table{border-collapse:collapse;width:100%}th,td{text-align:left}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app-shell{background:radial-gradient(circle at 12% 10%,#0f6fff14,#0000 28%),radial-gradient(circle at 88% 18%,#06b6d41a,#0000 32%),linear-gradient(#f8fbff 0%,#f1f6fc 100%);width:100%;min-height:100vh;display:flex}.app-main{width:calc(100% - var(--sidebar-width));min-height:100vh;margin-left:var(--sidebar-width);flex-direction:column;display:flex}.page-content{width:100%;max-width:var(--container-max);padding:calc(var(--topbar-height) + var(--space-6)) var(--page-padding-x) var(--page-padding-y);margin:0 auto}.page-stack{gap:var(--space-6);display:grid}.sidebar{z-index:var(--z-sidebar);width:var(--sidebar-width);min-height:100vh;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:linear-gradient(#fffffff0,#f8fbffeb),radial-gradient(circle at 20% 0,#0f6fff24,#0000 36%);border-right:1px solid #dce7f3e6;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden;box-shadow:18px 0 60px #10182814}.sidebar:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0f6fff0f,#0000 36%),radial-gradient(circle at 50% 100%,#06b6d41a,#0000 42%);position:absolute;inset:0}.sidebar-header{z-index:var(--z-base);min-height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-5);border-bottom:1px solid var(--color-border-soft);display:flex;position:relative}.brand-wrap{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-logo{object-fit:contain;border-radius:var(--radius-lg);border:1px solid var(--color-border-soft);width:46px;height:46px;box-shadow:var(--shadow-sm);background:#fff;padding:7px}.brand-wrap strong{font-size:var(--font-size-sm);color:var(--color-text-strong);letter-spacing:-.02em;display:block}.brand-wrap span{max-width:160px;font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;display:block;overflow:hidden}.sidebar-close{display:none}.sidebar-section-label{z-index:var(--z-base);padding:var(--space-5) var(--space-5) var(--space-2);font-size:.68rem;font-weight:var(--font-weight-black);color:var(--color-text-soft);text-transform:uppercase;letter-spacing:.12em;position:relative}.sidebar-nav{z-index:var(--z-base);padding:var(--space-2) var(--space-4) var(--space-5);flex:1;align-content:start;gap:6px;display:grid;position:relative;overflow-y:auto}.sidebar-link{align-items:center;gap:var(--space-3);min-height:58px;padding:var(--space-3);border-radius:var(--radius-xl);color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);border:1px solid #0000;display:flex;position:relative}.sidebar-link:hover{color:var(--color-primary-700);background:#eef6ffdb;border-color:#b9dcffb8;transform:translate(2px)}.sidebar-link.is-active{color:var(--color-primary-800);background:linear-gradient(135deg,#eef6fffa,#ecfeffeb);border-color:#87c6ffd1;box-shadow:0 10px 24px #0f6fff1f}.sidebar-link.is-active:before{content:"";border-radius:var(--radius-full);background:var(--gradient-primary);width:5px;height:34px;position:absolute;top:50%;left:-17px;transform:translateY(-50%)}.sidebar-link-icon{border-radius:var(--radius-lg);width:38px;height:38px;color:inherit;background:#ffffffc7;border:1px solid #dce7f3db;flex:none;place-items:center;display:grid}.sidebar-link.is-active .sidebar-link-icon{color:var(--color-text-inverse);background:var(--gradient-primary);border-color:#0000;box-shadow:0 12px 24px #0f6fff38}.sidebar-link-text{flex:1;gap:2px;min-width:0;display:grid}.sidebar-link-text strong{font-size:var(--font-size-sm);color:inherit;line-height:1.2}.sidebar-link-text small{color:var(--color-text-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.sidebar-badge{border-radius:var(--radius-full);font-size:.62rem;font-weight:var(--font-weight-black);letter-spacing:.02em;border:1px solid #0000;flex:none;padding:4px 7px}.badge-active{color:var(--status-success-text);background:var(--status-success-bg);border-color:var(--status-success-border)}.badge-preview{color:var(--status-preview-text);background:var(--status-preview-bg);border-color:var(--status-preview-border)}.sidebar-footer{z-index:var(--z-base);margin:0 var(--space-4) var(--space-5);padding:var(--space-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,#0f6fff1a,#06b6d41a),#fff;border:1px solid #b9dcffb8;position:relative}.sidebar-footer span{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.sidebar-footer strong{color:var(--color-primary-800);margin-top:2px;display:block}.sidebar-backdrop{display:none}.topbar{top:0;right:0;left:var(--sidebar-width);z-index:var(--z-topbar);height:var(--topbar-height);align-items:center;gap:var(--space-5);padding:0 var(--page-padding-x);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#f8fbffc7;border-bottom:1px solid #dce7f3d6;grid-template-columns:minmax(240px,1fr) minmax(280px,420px) auto;display:grid;position:fixed}.topbar-left{align-items:center;gap:var(--space-3);min-width:0;display:flex}.mobile-menu-btn{display:none}.topbar-eyebrow{font-size:.68rem;font-weight:var(--font-weight-black);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px;display:block}.topbar h1{white-space:nowrap;text-overflow:ellipsis;max-width:460px;overflow:hidden}.topbar-center{min-width:0}.topbar-search{align-items:center;gap:var(--space-3);height:46px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs);background:#ffffffe6;display:flex}.topbar-search svg{color:var(--color-text-soft);flex:none}.topbar-search input{min-height:unset;box-shadow:none;font-size:var(--font-size-sm);background:0 0;border:0;border-radius:0;padding:0}.topbar-search input:focus{box-shadow:none}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.topbar-actions select{width:auto;min-width:124px;max-width:176px;min-height:40px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);background-color:#ffffffe6}.mobile-nav{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding:var(--space-7);border-radius:var(--radius-3xl);background:var(--gradient-glow), linear-gradient(135deg, #fffffff0, #f8fbffe6);box-shadow:var(--shadow-card);border:1px solid #dce7f3e6;display:flex;position:relative;overflow:hidden}.page-header:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f6fff24,#0000 68%);border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:-80px}.page-header>*{z-index:var(--z-base);position:relative}.page-eyebrow{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);border-radius:var(--radius-full);font-size:.7rem;font-weight:var(--font-weight-black);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);text-transform:uppercase;letter-spacing:.1em;padding:6px 10px;display:inline-flex}.page-title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header h2{max-width:880px}.page-header p{max-width:760px;margin-top:var(--space-3);font-size:var(--font-size-md)}.page-badge{min-height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--color-primary-700);border:1px solid var(--color-primary-100);box-shadow:var(--shadow-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);background:#fff;align-items:center;display:inline-flex}.page-header-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.placeholder-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.placeholder-card{min-height:190px;padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--gradient-card);box-shadow:var(--shadow-card);border:1px solid #dce7f3eb;position:relative;overflow:hidden}.placeholder-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#06b6d41f,#0000 66%);border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;right:-36px}.placeholder-card span{margin-bottom:var(--space-3);border-radius:var(--radius-full);color:var(--color-cyan-700);background:var(--color-cyan-50);border:1px solid var(--color-cyan-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);padding:6px 10px;display:inline-flex}.placeholder-card strong{margin-bottom:var(--space-2);font-size:var(--font-size-lg);color:var(--color-text-strong);letter-spacing:-.02em;display:block}.placeholder-card p{font-size:var(--font-size-sm)}.login-page{background:radial-gradient(circle at 12% 15%,#0f6fff2e,#0000 30%),radial-gradient(circle at 88% 70%,#06b6d42e,#0000 30%),linear-gradient(135deg,#f8fbff 0%,#eef6ff 48%,#ecfeff 100%);grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);min-height:100vh;display:grid}.login-hero{flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,72px);display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f6fff33,#0000 64%);border-radius:50%;width:520px;height:520px;position:absolute;bottom:-160px;left:-120px}.login-brand{z-index:var(--z-base);align-items:center;gap:var(--space-3);width:fit-content;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ffffffc2;border:1px solid #dce7f3e0;display:inline-flex;position:relative}.login-brand img{object-fit:contain;width:38px;height:38px}.login-brand span{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-strong)}.login-copy{z-index:var(--z-base);gap:var(--space-5);max-width:760px;display:grid;position:relative}.login-eyebrow{border-radius:var(--radius-full);width:fit-content;font-size:var(--font-size-xs);font-weight:var(--font-weight-black);color:var(--color-primary-700);border:1px solid var(--color-primary-100);text-transform:uppercase;letter-spacing:.12em;background:#fff;padding:8px 12px}.login-copy h1{font-size:clamp(2.35rem,5vw,5.4rem);line-height:.95;font-weight:var(--font-weight-black);letter-spacing:-.065em;color:var(--color-navy-950)}.login-copy p{max-width:640px;color:var(--color-navy-700);font-size:clamp(1rem,1.6vw,1.25rem)}.login-card{place-self:center;gap:var(--space-6);width:min(460px,100% - 48px);padding:var(--space-7);border-radius:var(--radius-3xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffe0;border:1px solid #dce7f3eb;display:grid}.login-card-header{align-items:center;gap:var(--space-4);display:flex}.login-card-header svg{width:52px;height:52px;color:var(--color-text-inverse);background:var(--gradient-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-primary);padding:12px}.login-card-header h2{font-size:var(--font-size-2xl)}.login-card-header p{font-size:var(--font-size-sm);margin-top:4px}.login-card form{gap:var(--space-4);display:grid}.login-card small{text-align:center;line-height:var(--line-height-relaxed);display:block}.section-card{padding:var(--card-padding);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card)}.section-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.section-title-row h3{font-size:var(--font-size-lg)}.section-title-row p{font-size:var(--font-size-sm);margin-top:4px}.topbar{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:72px;padding:0 var(--space-7);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffdb;border-bottom:1px solid #cbd5e1b8;display:flex}.topbar-title-wrap{min-width:240px}.topbar-title-wrap span{color:var(--color-primary-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);letter-spacing:.12em;text-transform:uppercase;display:block}.topbar-title-wrap h1{margin-top:var(--space-1);color:var(--color-text-strong);font-size:clamp(1.15rem,1.5vw,1.65rem);font-weight:var(--font-weight-black);letter-spacing:-.04em}.topbar-filter-group{align-items:center;gap:var(--space-2);display:flex}.scenario-command{align-items:center;gap:var(--space-2);padding-left:var(--space-2);border-left:1px solid #cbd5e1b8;display:flex}.scenario-select-wrap{background:linear-gradient(135deg,#eff6fffa,#ffffffeb);border-color:#0f6fff38;min-width:230px}.scenario-run-button{white-space:nowrap}.topbar-icon-button{width:44px;height:44px;color:var(--color-text);cursor:pointer;background:#ffffffd6;border:1px solid #cbd5e1db;border-radius:999px;place-items:center;transition:transform .2s,border-color .2s,color .2s,background .2s;display:grid;box-shadow:0 10px 26px #0f172a0f}.topbar{top:0;right:0;left:var(--sidebar-width);z-index:var(--z-topbar);min-height:var(--topbar-height);height:var(--topbar-height);justify-content:space-between;align-items:center;gap:var(--space-5);padding:0 var(--page-padding-x);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fbffe6;border-bottom:1px solid #cbd5e1b8;display:flex;position:fixed}.topbar-title-wrap{flex:auto;min-width:0}.topbar-title-wrap span{color:var(--color-primary-600);font-size:.7rem;font-weight:var(--font-weight-black);letter-spacing:.13em;text-transform:uppercase;line-height:1.2;display:block}.topbar-title-wrap h1{max-width:520px;color:var(--color-text-strong);font-size:clamp(1.15rem,1.55vw,1.6rem);font-weight:var(--font-weight-black);letter-spacing:-.04em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;line-height:1.15;overflow:hidden}.topbar-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex:none;min-width:0;display:flex}.scenario-command{align-items:center;gap:var(--space-2);border-left:0;padding-left:0;display:flex}.topbar-select-wrap{align-items:center;gap:var(--space-2);min-width:0;height:44px;padding:0 var(--space-4);background:#ffffffeb;border:1px solid #cbd5e1e6;border-radius:999px;display:flex;box-shadow:0 10px 26px #0f172a0f}.scenario-select-wrap{background:linear-gradient(135deg,#eff6fffa,#fffffff0);border-color:#0f6fff38;width:clamp(220px,22vw,310px)}.topbar-select-wrap svg{color:var(--color-text-soft);flex:none}.topbar-select{width:100%;min-width:0;color:var(--color-text-strong);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);appearance:none;cursor:pointer;background:0 0;border:0;outline:0}.scenario-select{color:var(--color-primary-700)}.scenario-run-button{white-space:nowrap;min-height:44px}.topbar-icon-button{width:44px;min-width:44px;height:44px;color:var(--color-text);cursor:pointer;background:#ffffffeb;border:1px solid #cbd5e1db;border-radius:999px;place-items:center;transition:transform .2s,border-color .2s,color .2s,background .2s;display:grid;box-shadow:0 10px 26px #0f172a0f}.topbar-icon-button:hover{color:var(--color-primary-700);background:#fff;border-color:#0f6fff57;transform:translateY(-1px)}.card{padding:var(--card-padding);border-radius:var(--radius-2xl);background:var(--gradient-card);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;opacity:0;transition:opacity var(--transition-normal);background:radial-gradient(circle at 100% 0,#0f6fff14,#0000 30%),radial-gradient(circle at 0 100%,#06b6d412,#0000 30%);position:absolute;inset:0}.card:hover:before{opacity:1}.card-header{z-index:var(--z-base);justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex;position:relative}.card-title{gap:4px;display:grid}.card-title span{font-size:var(--font-size-xs);font-weight:var(--font-weight-black);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.1em}.card-title h3{font-size:var(--font-size-lg)}.card-title p{font-size:var(--font-size-sm)}.card-body{z-index:var(--z-base);position:relative}.card-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.kpi-card{align-content:space-between;gap:var(--space-5);min-height:164px;padding:var(--space-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);background:linear-gradient(#fffffff5,#f8fbffeb),radial-gradient(circle at 100% 0,#0f6fff1f,#0000 40%);border:1px solid #dce7f3eb;display:grid;position:relative;overflow:hidden}.kpi-card:after{content:"";background:radial-gradient(circle,#06b6d424,#0000 66%);border-radius:50%;width:150px;height:150px;position:absolute;bottom:-54px;right:-44px}.kpi-top{z-index:var(--z-base);justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex;position:relative}.kpi-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-black);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em}.kpi-icon{border-radius:var(--radius-xl);width:42px;height:42px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);flex:none;place-items:center;display:grid}.kpi-value{z-index:var(--z-base);margin-top:var(--space-2);font-size:clamp(1.45rem,2.4vw,2rem);font-weight:var(--font-weight-black);color:var(--color-text-strong);letter-spacing:-.05em;line-height:1;display:block;position:relative}.kpi-footer{z-index:var(--z-base);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:relative}.kpi-helper{min-width:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.kpi-change{min-height:26px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);flex:none;align-items:center;display:inline-flex}.status-badge,.badge{border-radius:var(--radius-full);min-height:26px;font-size:var(--font-size-xs);font-weight:var(--font-weight-black);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 10px;line-height:1;display:inline-flex}.status-badge:before{content:"";border-radius:var(--radius-full);background:currentColor;width:6px;height:6px}.status-success{color:var(--status-success-text);background:var(--status-success-bg);border-color:var(--status-success-border)}.status-warning{color:var(--status-warning-text);background:var(--status-warning-bg);border-color:var(--status-warning-border)}.status-danger{color:var(--status-danger-text);background:var(--status-danger-bg);border-color:var(--status-danger-border)}.status-info{color:var(--status-info-text);background:var(--status-info-bg);border-color:var(--status-info-border)}.status-neutral{color:var(--status-neutral-text);background:var(--status-neutral-bg);border-color:var(--status-neutral-border)}.status-preview{color:var(--status-preview-text);background:var(--status-preview-bg);border-color:var(--status-preview-border)}.table-card{border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);padding:0;overflow:hidden}.table-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border-soft);background:linear-gradient(#fff 0%,#f8fbff 100%);display:flex}.table-toolbar-left,.table-toolbar-right{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.table-toolbar h3{font-size:var(--font-size-lg)}.table-toolbar p{font-size:var(--font-size-sm);margin-top:3px}.table-responsive{width:100%;overflow-x:auto}.data-table{width:100%;min-width:920px}.data-table thead{background:var(--color-surface-soft)}.data-table th{height:48px;padding:0 var(--space-5);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border-soft);white-space:nowrap}.data-table td{height:var(--table-row-height);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);color:var(--color-text);border-bottom:1px solid var(--color-border-soft);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:0}.table-cell-main{gap:2px;display:grid}.table-cell-main strong{color:var(--color-text-strong);line-height:1.25}.table-cell-main small{color:var(--color-text-soft)}.table-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.sortable-th{cursor:pointer;-webkit-user-select:none;user-select:none}.sortable-th:hover{color:var(--color-primary-700)}.search-input{align-items:center;gap:var(--space-3);min-width:260px;height:42px;padding:0 var(--space-4);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs);display:flex}.search-input svg{color:var(--color-text-soft);flex:none}.search-input input{min-height:unset;box-shadow:none;font-size:var(--font-size-sm);background:0 0;border:0;border-radius:0;padding:0}.search-input input:focus{box-shadow:none}.tabs{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);padding:6px;display:flex;overflow-x:auto}.tab-btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;padding:0 var(--space-4);border-radius:var(--radius-full);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);white-space:nowrap;transition:color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);display:inline-flex}.tab-btn:hover{color:var(--color-primary-700)}.tab-btn.is-active{color:var(--color-primary-700);box-shadow:var(--shadow-xs);background:#fff}.modal-backdrop{z-index:var(--z-backdrop);padding:var(--space-5);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#0b122073;place-items:center;display:grid;position:fixed;inset:0}.modal-panel{z-index:var(--z-modal);border-radius:var(--radius-3xl);background:var(--color-surface);width:min(720px,100%);max-height:calc(100vh - 48px);box-shadow:var(--shadow-xl);border:1px solid #dce7f3db;flex-direction:column;display:flex;position:relative;overflow:hidden}.modal-panel.modal-sm{width:min(480px,100%)}.modal-panel.modal-lg{width:min(980px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border-soft);background:radial-gradient(circle at 100% 0,#0f6fff1a,#0000 36%),linear-gradient(#fff 0%,#f8fbff 100%);display:flex}.modal-title{gap:4px;display:grid}.modal-title h3{font-size:var(--font-size-xl)}.modal-title p{font-size:var(--font-size-sm)}.modal-body{padding:var(--space-6);overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-soft);background:var(--color-surface-soft);display:flex}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid-3{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-row-full{grid-column:1/-1}.form-helper{font-size:var(--font-size-xs);color:var(--color-text-soft)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger-600)}.input-with-icon{position:relative}.input-with-icon svg{left:var(--space-4);color:var(--color-text-soft);position:absolute;top:50%;transform:translateY(-50%)}.input-with-icon input{padding-left:42px}.empty-state{min-height:280px;padding:var(--space-8);text-align:center;border-radius:var(--radius-2xl);background:radial-gradient(circle at top, #0f6fff14, transparent 34%), var(--color-surface);border:1px dashed var(--color-border);place-items:center;display:grid}.empty-state-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-2xl);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);place-items:center;display:grid}.empty-state h3{margin-bottom:var(--space-2)}.empty-state p{max-width:460px;font-size:var(--font-size-sm)}.action-menu{display:inline-flex;position:relative}.action-menu-panel{z-index:var(--z-tooltip);width:220px;padding:var(--space-2);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-lg);position:absolute;top:calc(100% + 8px);right:0}.action-menu-item{align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-3);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-align:left;transition:color var(--transition-fast), background var(--transition-fast);display:flex}.action-menu-item:hover{color:var(--color-primary-700);background:var(--color-primary-50)}.action-menu-item.is-danger:hover{color:var(--color-danger-700);background:var(--color-danger-50)}.toast-wrap{right:var(--space-6);bottom:var(--space-6);z-index:var(--z-toast);width:min(420px,100vw - 32px);position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-2xl);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#fffffff0;display:flex}.toast-icon{border-radius:var(--radius-xl);flex:none;place-items:center;width:42px;height:42px;display:grid}.toast-content{flex:1;gap:3px;min-width:0;display:grid}.toast-content strong{color:var(--color-text-strong)}.toast-content p{font-size:var(--font-size-sm)}.toast-success .toast-icon{color:var(--color-success-700);background:var(--color-success-50);border:1px solid var(--color-success-100)}.toast-warning .toast-icon{color:var(--color-warning-700);background:var(--color-warning-50);border:1px solid var(--color-warning-100)}.toast-danger .toast-icon{color:var(--color-danger-700);background:var(--color-danger-50);border:1px solid var(--color-danger-100)}.toast-info .toast-icon{color:var(--color-info-700);background:var(--color-info-50);border:1px solid var(--color-info-100)}.alert-list{gap:var(--space-3);display:grid}.alert-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);display:flex}.alert-dot{border-radius:var(--radius-full);background:var(--color-primary-500);flex:none;width:10px;height:10px;margin-top:7px}.alert-item.is-critical .alert-dot,.alert-item.is-danger .alert-dot{background:var(--color-danger-500)}.alert-item.is-warning .alert-dot{background:var(--color-warning-500)}.alert-item.is-info .alert-dot{background:var(--color-info-500)}.alert-content{flex:1;min-width:0}.alert-content strong{color:var(--color-text-strong);display:block}.alert-content p{font-size:var(--font-size-sm);margin-top:3px}.timeline{gap:var(--space-4);display:grid;position:relative}.timeline-item{gap:var(--space-3);grid-template-columns:78px 18px minmax(0,1fr);display:grid;position:relative}.timeline-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-black);color:var(--color-primary-700);padding-top:1px}.timeline-marker{justify-content:center;display:flex;position:relative}.timeline-marker:before{content:"";background:var(--color-border-soft);width:2px;position:absolute;top:18px;bottom:-22px}.timeline-item:last-child .timeline-marker:before{display:none}.timeline-dot{z-index:var(--z-base);border-radius:var(--radius-full);background:var(--gradient-primary);width:14px;height:14px;box-shadow:0 0 0 5px var(--color-primary-50);position:relative}.timeline-content{padding:0 0 var(--space-4)}.timeline-content strong{color:var(--color-text-strong);display:block}.timeline-content p{font-size:var(--font-size-sm);margin-top:3px}.progress{border-radius:var(--radius-full);background:var(--color-bg-soft);width:100%;height:9px;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--gradient-primary);height:100%;box-shadow:var(--shadow-cyan)}.progress-label{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);display:flex}.progress-label strong{color:var(--color-text-strong)}.stat-mini-grid{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-mini{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface-soft);border:1px solid var(--color-border-soft)}.stat-mini span{font-size:var(--font-size-xs);color:var(--color-text-muted);display:block}.stat-mini strong{font-size:var(--font-size-lg);color:var(--color-text-strong);letter-spacing:-.03em;margin-top:4px;display:block}.chart-box{min-height:280px;padding:var(--space-6);border-radius:var(--radius-2xl);background:repeating-linear-gradient(90deg, #0f6fff0d 0, #0f6fff0d 1px, transparent 1px, transparent 44px), repeating-linear-gradient(0deg, #06b6d40d 0, #06b6d40d 1px, transparent 1px, transparent 44px), var(--color-surface-soft);border:1px solid var(--color-border-soft);place-items:center;display:grid}.chart-box-content{text-align:center}.chart-box-content strong{font-size:var(--font-size-lg);color:var(--color-text-strong);display:block}.chart-box-content p{max-width:420px;margin-top:var(--space-2);font-size:var(--font-size-sm)}.card-no-padding{padding:0}.card-no-padding .card-header{padding:var(--space-5);border-bottom:1px solid var(--color-border-soft);margin-bottom:0}.card-no-padding .card-body{padding:0}.status-no-dot:before{display:none}.status-sm{min-height:22px;padding:0 8px;font-size:.68rem}.status-lg{min-height:32px;font-size:var(--font-size-sm);padding:0 12px}.btn-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.btn-spinner{border-radius:var(--radius-full);border:2px solid #ffffff75;border-top-color:#fff;flex:none;width:16px;height:16px;animation:.72s linear infinite rotateSoft;display:inline-flex}.btn-secondary .btn-spinner,.btn-ghost .btn-spinner,.btn-danger .btn-spinner{border-color:#0f6fff2e;border-top-color:var(--color-primary-600)}.btn.is-loading{pointer-events:none}.search-clear-btn{border-radius:var(--radius-full);width:24px;height:24px;color:var(--color-text-soft);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;flex:none;place-items:center;display:inline-grid}.search-clear-btn:hover{color:var(--color-danger-600);background:var(--color-danger-50)}.tabs-sm .tab-btn{min-height:32px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.tabs-lg .tab-btn{min-height:42px;padding:0 var(--space-5)}.tab-badge{border-radius:var(--radius-full);min-width:22px;min-height:20px;color:var(--color-primary-700);background:var(--color-primary-50);font-size:.65rem;font-weight:var(--font-weight-black);place-items:center;padding:0 6px;display:inline-grid}.tab-btn.is-active .tab-badge{color:var(--color-text-inverse);background:var(--gradient-primary)}.empty-state-actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.th-content{align-items:center;gap:6px;display:inline-flex}.th-content svg{color:var(--color-text-soft)}.table-cell-right{text-align:right}.table-cell-center{text-align:center}.table-cell-truncate{max-width:240px}.table-cell-truncate>*{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.data-table tbody tr.is-clickable{cursor:pointer}.data-table tbody tr.is-clickable:hover td{color:var(--color-primary-800)}.table-loading,.table-empty-wrap{min-height:280px;padding:var(--space-6);place-items:center;display:grid}.table-loading{text-align:center}.table-loading .loading-spinner{margin:0 auto var(--space-4)}.table-loading strong{color:var(--color-text-strong);display:block}.table-loading p{margin-top:var(--space-2);font-size:var(--font-size-sm)}.form-control{gap:var(--space-2);display:grid}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-strong);align-items:center;gap:4px;display:inline-flex}.form-label em{color:var(--color-danger-600);font-style:normal}.form-input-wrap{align-items:center;display:flex;position:relative}.form-input-wrap input,.form-input-wrap select,.form-input-wrap textarea{width:100%}.form-input-wrap.has-left-icon input{padding-left:44px}.form-input-icon{left:var(--space-4);z-index:var(--z-base);color:var(--color-text-soft);pointer-events:none;display:inline-flex;position:absolute}.form-input-right{right:var(--space-3);z-index:var(--z-base);color:var(--color-text-soft);align-items:center;display:inline-flex;position:absolute}.form-input-wrap:has(.form-input-right) input{padding-right:48px}.form-control input:disabled,.form-control select:disabled,.form-control textarea:disabled{color:var(--color-text-soft);background:var(--color-bg-soft);cursor:not-allowed}.form-control select{color:var(--color-text)}.form-control select:invalid{color:var(--color-text-soft)}.form-footer-line{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.form-count{color:var(--color-text-soft);flex:none}.toast-close{border-radius:var(--radius-full);width:30px;height:30px;color:var(--color-text-soft);transition:color var(--transition-fast), background var(--transition-fast);background:0 0;flex:none;place-items:center;display:inline-grid}.toast-close:hover{color:var(--color-danger-600);background:var(--color-danger-50)}.kpi-change-content{align-items:center;gap:4px;display:inline-flex}.kpi-change-content svg{flex:none}.alert-icon-box{border-radius:var(--radius-lg);width:38px;height:38px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);flex:none;place-items:center;display:grid}.alert-item.is-critical .alert-icon-box{color:var(--color-danger-700);background:var(--color-danger-50);border-color:var(--color-danger-100)}.alert-item.is-warning .alert-icon-box{color:var(--color-warning-700);background:var(--color-warning-50);border-color:var(--color-warning-100)}.alert-item.is-info .alert-icon-box{color:var(--color-info-700);background:var(--color-info-50);border-color:var(--color-info-100)}.alert-title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.alert-title-row strong{min-width:0}.alert-meta-row{margin-top:var(--space-2);color:var(--color-text-soft);font-size:var(--font-size-xs);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.alert-action-link{width:fit-content;margin-top:var(--space-3);color:var(--color-primary-700);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);align-items:center;gap:5px;display:inline-flex}.alert-action-link:hover{color:var(--color-primary-900)}.alert-action-link svg{transition:transform var(--transition-fast)}.alert-action-link:hover svg{transform:translate(2px)}.page-grid{gap:var(--space-5);display:grid}.page-grid-2{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-grid-3{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-grid-4{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.page-grid-auto{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.page-section{gap:var(--space-5);display:grid}.page-section+.page-section{margin-top:var(--space-2)}.page-section-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);display:flex}.page-section-header h3{font-size:var(--font-size-xl)}.page-section-header p{font-size:var(--font-size-sm);margin-top:4px}.page-section-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dashboard-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.45fr) minmax(360px,.55fr);display:grid}.dashboard-main{gap:var(--space-5);min-width:0;display:grid}.dashboard-side{align-content:start;gap:var(--space-5);min-width:0;display:grid}.kpi-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.dashboard-chart-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);display:grid}.owner-action-list{gap:var(--space-3);display:grid}.owner-action-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);transition:transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.owner-action-item:hover{border-color:var(--color-primary-100);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.owner-action-priority{border-radius:var(--radius-full);min-width:72px;font-size:var(--font-size-xs);font-weight:var(--font-weight-black);justify-content:center;padding:6px 9px;display:inline-flex}.owner-action-content{flex:1;min-width:0}.owner-action-content strong{color:var(--color-text-strong);display:block}.owner-action-content p{font-size:var(--font-size-sm);margin-top:4px}.owner-action-meta{margin-top:var(--space-2);align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-soft);flex-wrap:wrap;display:flex}.module-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);display:grid}.module-hero-card{align-content:space-between;gap:var(--space-8);min-height:280px;padding:var(--space-7);border-radius:var(--radius-3xl);color:var(--color-text-inverse);background:radial-gradient(circle at 84% 18%, #67e8f947, transparent 34%), radial-gradient(circle at 10% 90%, #0f6fff3d, transparent 36%), linear-gradient(135deg, var(--color-navy-950) 0%, var(--color-primary-800) 100%);box-shadow:var(--shadow-lg);display:grid;position:relative;overflow:hidden}.module-hero-card:before{content:"";border:38px solid #ffffff14;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-92px;right:-72px}.module-hero-card>*{z-index:var(--z-base);position:relative}.module-hero-eyebrow{border-radius:var(--radius-full);color:#dbeafe;width:fit-content;font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.1em;background:#ffffff1f;border:1px solid #ffffff2e;padding:7px 11px;display:inline-flex}.module-hero-card h3{max-width:760px;margin-top:var(--space-4);color:var(--color-text-inverse);letter-spacing:-.055em;font-size:clamp(1.9rem,3.4vw,3.4rem)}.module-hero-card p{max-width:620px;margin-top:var(--space-4);color:#ffffffc2}.module-hero-stats{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.module-hero-stat{padding:var(--space-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#ffffff1a;border:1px solid #ffffff24}.module-hero-stat span{font-size:var(--font-size-xs);color:#ffffffad;display:block}.module-hero-stat strong{font-size:var(--font-size-xl);color:#fff;margin-top:4px;display:block}.module-side-stack{gap:var(--space-5);align-content:start;display:grid}.workflow-board{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);display:grid;position:relative;overflow:hidden}.workflow-board:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0f6fff09 0 1px,#0000 1px 52px),repeating-linear-gradient(0deg,#06b6d409 0 1px,#0000 1px 52px);position:absolute;inset:0}.workflow-board>*{z-index:var(--z-base);position:relative}.workflow-flow{gap:var(--space-3);padding-bottom:var(--space-1);grid-template-columns:repeat(6,minmax(160px,1fr));display:grid;overflow-x:auto}.workflow-step{align-content:space-between;gap:var(--space-4);min-height:178px;padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs);background:#ffffffe0;display:grid;position:relative}.workflow-step:after{content:"";background:linear-gradient(90deg, var(--color-primary-300), transparent);width:22px;height:2px;position:absolute;top:50%;right:-14px}.workflow-step:last-child:after{display:none}.workflow-step-number{border-radius:var(--radius-full);width:34px;height:34px;color:var(--color-text-inverse);background:var(--gradient-primary);box-shadow:var(--shadow-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.workflow-step h4{font-size:var(--font-size-md)}.workflow-step p{font-size:var(--font-size-xs);line-height:1.6}.workflow-step-footer{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.module-health-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.module-health-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:grid}.module-health-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.module-health-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.module-health-title{min-width:0}.module-health-title strong{color:var(--color-text-strong);display:block}.module-health-title small{margin-top:4px;display:block}.module-health-metric{gap:var(--space-2);display:grid}.outlet-performance-list{gap:var(--space-3);display:grid}.outlet-performance-item{gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.outlet-performance-main{min-width:0}.outlet-performance-main strong{color:var(--color-text-strong);display:block}.outlet-performance-main small{margin-top:3px;display:block}.outlet-performance-numbers{align-items:center;gap:var(--space-5);display:flex}.outlet-performance-number{text-align:right}.outlet-performance-number span{font-size:var(--font-size-xs);color:var(--color-text-soft);display:block}.outlet-performance-number strong{color:var(--color-text-strong);margin-top:2px;display:block}.integration-grid{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(360px,.45fr);display:grid}.sync-status-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);display:grid}.sync-pulse{width:72px;height:72px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 0 12px #0f6fff0f}.sync-log-list{gap:var(--space-3);display:grid}.sync-log-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);grid-template-columns:78px minmax(0,1fr) auto;align-items:center;display:grid}.sync-log-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-black);color:var(--color-primary-700)}.sync-log-content{min-width:0}.sync-log-content strong{color:var(--color-text-strong);display:block}.sync-log-content small{margin-top:2px;display:block}.inventory-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(340px,.42fr);display:grid}.stock-risk-list{gap:var(--space-3);display:grid}.stock-risk-item{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);display:grid;position:relative;overflow:hidden}.stock-risk-item:before{content:"";background:var(--gradient-primary);width:5px;position:absolute;inset:0 auto 0 0}.stock-risk-item.is-critical:before{background:var(--color-danger-500)}.stock-risk-item.is-warning:before{background:var(--color-warning-500)}.stock-risk-main{padding-left:var(--space-2)}.stock-risk-main strong{color:var(--color-text-strong);display:block}.stock-risk-main p{font-size:var(--font-size-sm);margin-top:4px}.stock-risk-meta{align-items:center;gap:var(--space-2);padding-left:var(--space-2);flex-wrap:wrap;display:flex}.finance-report-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);display:grid}.finance-report-value{font-size:clamp(1.5rem,2.2vw,2.15rem);font-weight:var(--font-weight-black);color:var(--color-text-strong);letter-spacing:-.05em}.finance-report-footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.preview-banner{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--status-preview-text);background:var(--status-preview-bg);border:1px solid var(--status-preview-border);display:flex}.preview-banner-icon{border-radius:var(--radius-xl);background:#ffffffbd;border:1px solid #ddd6fee6;flex:none;place-items:center;width:46px;height:46px;display:grid}.preview-banner-content strong{color:var(--status-preview-text);display:block}.preview-banner-content p{color:#6d28d9;font-size:var(--font-size-sm);margin-top:4px}.settings-grid{gap:var(--space-5);grid-template-columns:minmax(260px,.35fr) minmax(0,1fr);display:grid}.settings-menu{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-card);display:grid}.settings-menu-btn{align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:left;display:flex}.settings-menu-btn:hover,.settings-menu-btn.is-active{color:var(--color-primary-700);background:var(--color-primary-50)}.settings-panel{min-width:0}.login-copy:after{content:"";width:min(580px,80vw);height:180px;margin-top:var(--space-3);border-radius:var(--radius-3xl);box-shadow:var(--shadow-lg);opacity:.86;background:linear-gradient(90deg,#0f6fff29,#06b6d41f),repeating-linear-gradient(90deg,#fff6 0 1px,#0000 1px 38px);border:1px solid #ffffff94;display:block}.flex-between{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.flex-start{justify-content:flex-start;align-items:center;gap:var(--space-3);display:flex}.flex-end{justify-content:flex-end;align-items:center;gap:var(--space-3);display:flex}.stack-sm{gap:var(--space-2);display:grid}.stack-md{gap:var(--space-4);display:grid}.stack-lg{gap:var(--space-6);display:grid}.surface-soft{background:var(--color-surface-soft);border:1px solid var(--color-border-soft);border-radius:var(--radius-2xl)}.surface-white{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card)}.glass-panel{box-shadow:var(--shadow-card);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffc2;border:1px solid #dce7f3d1}.full-width{width:100%}.min-w-0,.module-overview-card .card-body{min-width:0}.module-health-icon{border-radius:var(--radius-xl);width:44px;height:44px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);flex:none;place-items:center;display:grid}.module-health-card p{font-size:var(--font-size-xs);line-height:1.55}.module-health-footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.module-health-footer span{font-size:var(--font-size-sm);font-weight:var(--font-weight-black);color:var(--color-text-strong);display:block}.module-health-footer small{color:var(--color-text-soft);margin-top:2px;display:block}.module-health-status-icon{border-radius:var(--radius-lg);width:34px;height:34px;color:var(--color-cyan-700);background:var(--color-cyan-50);border:1px solid var(--color-cyan-100);place-items:center;display:grid}.outlet-title-row{align-items:center;gap:var(--space-3);display:flex}.outlet-avatar{border-radius:var(--radius-xl);width:42px;height:42px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);flex:none;place-items:center;display:grid}.outlet-title-row small{align-items:center;gap:4px;display:inline-flex}.outlet-risk-row{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.outlet-risk-row span{border-radius:var(--radius-full);min-height:24px;color:var(--color-text-muted);background:var(--color-surface-soft);border:1px solid var(--color-border-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;padding:0 8px;display:inline-flex}.outlet-mini-metrics{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border-soft);flex-wrap:wrap;grid-column:1/-1;display:flex}.outlet-mini-metrics div{border-radius:var(--radius-full);min-height:26px;color:var(--color-text-muted);background:var(--color-bg-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);align-items:center;gap:5px;padding:0 9px;display:inline-flex}.outlet-mini-metrics svg{color:var(--color-primary-600)}.recent-activity-list{gap:var(--space-1);display:grid}.recent-activity-item{gap:var(--space-3);grid-template-columns:42px 1fr;display:grid;position:relative}.recent-activity-line{flex-direction:column;align-items:center;display:flex}.recent-activity-icon{border-radius:var(--radius-xl);width:38px;height:38px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);box-shadow:var(--shadow-xs);z-index:1;flex:none;place-items:center;display:grid}.recent-activity-connector{background:linear-gradient(180deg, var(--color-border), #e2e8f000);flex:1;width:2px;min-height:34px}.recent-activity-item:last-child .recent-activity-connector{display:none}.recent-activity-content{min-width:0;padding:0 0 var(--space-4)}.recent-activity-top{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.recent-activity-top strong{color:var(--color-text-strong);font-size:var(--font-size-sm);display:block}.recent-activity-top small{color:var(--color-text-soft);font-size:var(--font-size-xs);margin-top:3px;display:block}.recent-activity-content p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.55}.recent-activity-meta{align-items:center;gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.recent-activity-meta span,.recent-activity-latest{border-radius:var(--radius-full);min-height:24px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;gap:5px;padding:0 8px;display:inline-flex}.recent-activity-meta span{color:var(--color-text-muted);background:var(--color-bg-soft);border:1px solid var(--color-border-soft)}.recent-activity-latest{width:fit-content;margin-top:var(--space-3);color:var(--color-success-700);background:var(--color-success-50);border:1px solid var(--color-success-100)}.workflow-card{overflow:hidden}.workflow-timeline{gap:var(--space-4);padding-bottom:var(--space-2);grid-template-columns:repeat(6,minmax(150px,1fr));display:grid;overflow-x:auto}.workflow-step{min-width:150px;position:relative}.workflow-step-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.workflow-step-icon{border-radius:var(--radius-xl);width:46px;height:46px;color:var(--color-primary-700);background:radial-gradient(circle at top left, #22d3ee38, transparent 55%), var(--color-primary-50);border:1px solid var(--color-primary-100);box-shadow:var(--shadow-xs);flex:none;place-items:center;display:grid}.workflow-arrow{min-width:32px;height:2px;color:var(--color-primary-500);background:linear-gradient(90deg, var(--color-primary-200), #0f6fff00);flex:1;justify-content:flex-end;align-items:center;display:flex}.workflow-step-body{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs)}.workflow-step-title{gap:var(--space-2);display:grid}.workflow-step-title strong{color:var(--color-text-strong);font-size:var(--font-size-sm)}.workflow-step-body p{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.55}.workflow-module-tag{width:fit-content;min-height:24px;margin-top:var(--space-3);border-radius:var(--radius-full);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);align-items:center;padding:0 9px;display:inline-flex}.dashboard-page{gap:var(--space-6);display:grid}.dashboard-hero{gap:var(--space-6);padding:var(--space-7);border-radius:var(--radius-3xl);color:var(--color-text-inverse);box-shadow:var(--shadow-xl);background:radial-gradient(circle at 100% 0,#22d3ee3d,#0000 35%),linear-gradient(135deg,#0b1220 0%,#102a56 52%,#0f6fff 100%);grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);display:grid;position:relative;overflow:hidden}.dashboard-hero:before{content:"";border-radius:var(--radius-full);filter:blur(20px);background:#22d3ee3d;width:240px;height:240px;position:absolute;inset:-80px auto auto -80px}.dashboard-hero-content{z-index:1;max-width:860px;position:relative}.hero-kicker{align-items:center;gap:var(--space-2);width:fit-content;min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-full);color:#dffbff;font-size:var(--font-size-xs);font-weight:var(--font-weight-black);background:#ffffff1f;border:1px solid #ffffff2e;display:inline-flex}.dashboard-hero h1{max-width:780px;margin-top:var(--space-5);letter-spacing:-.065em;font-size:clamp(2rem,4vw,4.3rem);line-height:.98}.dashboard-hero p{max-width:680px;margin-top:var(--space-5);color:#ffffffc7;font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.dashboard-hero-actions{align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.dashboard-hero-panel{z-index:1;align-content:center;justify-items:center;min-height:310px;display:grid;position:relative}.hero-panel-orbit{border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff29;place-items:center;width:240px;height:240px;display:grid;position:relative}.hero-orbit-core{border-radius:var(--radius-3xl);color:#fff;background:#ffffff2e;border:1px solid #ffffff3d;place-items:center;width:108px;height:108px;display:grid;box-shadow:0 24px 80px #0000003d}.orbit-dot{border-radius:var(--radius-full);background:var(--color-cyan-300);width:18px;height:18px;position:absolute;box-shadow:0 0 30px #22d3eed1}.orbit-dot-1{top:24px;right:54px}.orbit-dot-2{bottom:58px;left:34px}.orbit-dot-3{background:#fff;bottom:72px;right:24px}.hero-panel-card{width:min(100%,320px);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe0;border:1px solid #ffffff9e;margin-top:-34px}.hero-panel-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em;display:block}.hero-panel-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-lg);display:block}.hero-panel-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.dashboard-mini-status{gap:var(--space-4);grid-template-columns:1.2fr repeat(3,1fr);display:grid}.dashboard-mini-status>div{gap:var(--space-2);min-width:0;padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-xs);display:grid}.dashboard-mini-status>div:first-child{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.dashboard-mini-status span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em}.dashboard-mini-status strong{color:var(--color-text-strong)}.dashboard-grid{gap:var(--space-5);display:grid}.dashboard-grid-main{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.dashboard-grid-secondary{grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)}.owner-summary-list{gap:var(--space-4);display:grid}.owner-summary-list article{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);grid-template-columns:44px 1fr;display:grid}.owner-summary-list article>span{border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.owner-summary-list strong{color:var(--color-text-strong)}.owner-summary-list p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.55}.chart-card-icon{border-radius:var(--radius-xl);width:36px;height:36px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);place-items:center;display:grid}.chart-summary-row{gap:var(--space-3);margin-bottom:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.chart-summary-row>div{min-width:0;padding:var(--space-3);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft)}.chart-summary-row span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.chart-summary-row strong{margin-top:var(--space-1);color:var(--color-text-strong);font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bar-chart-list{gap:var(--space-4);display:grid}.bar-chart-item{gap:var(--space-2);display:grid}.bar-chart-label{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.bar-chart-label span{min-width:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bar-chart-label strong{color:var(--color-text-strong);font-size:var(--font-size-sm);flex:none}.bar-track{border-radius:var(--radius-full);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);height:10px;overflow:hidden}.bar-fill{border-radius:inherit;background:var(--gradient-primary);height:100%;box-shadow:0 0 22px #0f6fff38}.chart-footer-note{width:fit-content;margin-top:var(--space-5);min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);color:var(--color-cyan-700);background:var(--color-cyan-50);border:1px solid var(--color-cyan-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);align-items:center;gap:6px;display:inline-flex}.dashboard-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-page{gap:var(--space-6);display:grid}.module-hero{gap:var(--space-6);padding:var(--space-7);border-radius:var(--radius-3xl);background:var(--color-surface);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-md);grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);display:grid;position:relative;overflow:hidden}.module-hero h1{max-width:760px;margin-top:var(--space-5);color:var(--color-text-strong);letter-spacing:-.06em;font-size:clamp(2rem,4vw,4rem);line-height:.98}.module-hero p{max-width:680px;margin-top:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-md);line-height:var(--line-height-relaxed)}.hero-kicker.light{color:var(--color-primary-700);background:var(--color-primary-50);border-color:var(--color-primary-100)}.module-stat-grid{gap:var(--space-4);display:grid}.module-stat-grid.four-cols{grid-template-columns:repeat(4,minmax(0,1fr))}.module-stat{gap:var(--space-2);display:grid}.module-stat-icon{width:44px;height:44px;margin-bottom:var(--space-2);border-radius:var(--radius-xl);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);place-items:center;display:grid}.module-stat-icon.success{color:var(--color-success-700);background:var(--color-success-50);border-color:var(--color-success-100)}.module-stat-icon.warning{color:var(--color-warning-700);background:var(--color-warning-50);border-color:var(--color-warning-100)}.module-stat-icon.cyan{color:var(--color-cyan-700);background:var(--color-cyan-50);border-color:var(--color-cyan-100)}.module-stat span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em}.module-stat strong{color:var(--color-text-strong);font-size:var(--font-size-2xl);letter-spacing:-.04em}.module-stat p{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.tab-panel-space{margin-top:var(--space-5)}.table-strong-cell{gap:3px;display:grid}.table-strong-cell strong{color:var(--color-text-strong)}.table-strong-cell small{color:var(--color-text-soft);font-size:var(--font-size-xs)}.table-icon-cell{color:var(--color-text-muted);font-weight:var(--font-weight-semibold);align-items:center;gap:7px;display:inline-flex}.table-icon-cell svg{color:var(--color-primary-600)}.kassia-hero{background:radial-gradient(circle at 100% 0,#22d3ee2e,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.kassia-sync-orb{place-items:center;min-height:280px;display:grid;position:relative}.sync-orb-core{border-radius:var(--radius-3xl);width:142px;height:142px;color:var(--color-text-inverse);background:var(--gradient-primary);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.sync-orb-card{min-width:142px;padding:var(--space-4);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffdb;border:1px solid #e2e8f0cc;position:absolute}.sync-orb-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.sync-orb-card strong{margin-top:var(--space-1);color:var(--color-text-strong);font-size:var(--font-size-2xl);display:block}.sync-orb-card-1{top:30px;left:10px}.sync-orb-card-2{bottom:34px;right:4px}.kassia-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.kassia-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.kassia-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.kassia-flow-card p{max-width:720px;margin-top:var(--space-2);color:#ffffffb8}.inventory-hero{background:radial-gradient(circle at 100% 0,#0f6fff29,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.inventory-visual{place-items:center;min-height:300px;display:grid;position:relative}.inventory-cube{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at top left, #22d3ee52, transparent 44%), var(--gradient-primary);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.inventory-stack-card{width:min(100%,260px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.inventory-stack-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.inventory-stack-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.inventory-stack-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.inventory-stack-card.card-a{top:24px;left:0}.inventory-stack-card.card-b{bottom:26px;right:0}.align-right{text-align:right}.inventory-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.inventory-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.inventory-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.inventory-flow-card p{max-width:760px;margin-top:var(--space-2);color:#ffffffb8}.production-hero{background:radial-gradient(circle at 100% 0,#22d3ee29,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eff8ff 100%)}.production-visual{place-items:center;min-height:300px;display:grid;position:relative}.production-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at 0 0,#22d3ee52,#0000 44%),linear-gradient(135deg,#0b1220,#0f6fff);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.production-floating-card{width:min(100%,250px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.production-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.production-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.production-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.production-floating-card.card-a{top:24px;left:0}.production-floating-card.card-b{bottom:26px;right:0}.production-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.production-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.production-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.production-flow-card p{max-width:760px;margin-top:var(--space-2);color:#ffffffb8}.procurement-hero{background:radial-gradient(circle at 100% 0,#0f6fff29,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.procurement-visual{place-items:center;min-height:300px;display:grid;position:relative}.procurement-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at top left, #22d3ee52, transparent 44%), var(--gradient-primary);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.procurement-floating-card{width:min(100%,250px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.procurement-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.procurement-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.procurement-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.procurement-floating-card.card-a{top:24px;left:0}.procurement-floating-card.card-b{bottom:26px;right:0}.procurement-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.procurement-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.procurement-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.procurement-flow-card p{max-width:760px;margin-top:var(--space-2);color:#ffffffb8}.finance-hero{background:radial-gradient(circle at 100% 0,#22d3ee2e,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.finance-visual{place-items:center;min-height:300px;display:grid;position:relative}.finance-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at 0 0,#22d3ee57,#0000 44%),linear-gradient(135deg,#0b1220,#0f6fff);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.finance-floating-card{width:min(100%,270px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.finance-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.finance-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.finance-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.finance-floating-card.card-a{top:24px;left:0}.finance-floating-card.card-b{bottom:26px;right:0}.finance-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.finance-signal-list{gap:var(--space-3);display:grid}.finance-signal-list article{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);grid-template-columns:48px 1fr;display:grid}.finance-signal-list article>span{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.finance-signal-list strong{color:var(--color-text-strong);font-size:var(--font-size-lg)}.finance-signal-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.finance-report-list{gap:var(--space-3);display:grid}.finance-report-list article{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);display:flex}.finance-report-list strong{color:var(--color-text-strong)}.finance-report-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.finance-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.finance-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.finance-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.finance-flow-card p{max-width:780px;margin-top:var(--space-2);color:#ffffffb8}.distribution-hero{background:radial-gradient(circle at 100% 0,#22d3ee2e,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.distribution-visual{place-items:center;min-height:300px;display:grid;position:relative}.distribution-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at 0 0,#22d3ee57,#0000 44%),linear-gradient(135deg,#0b1220,#0f6fff);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.distribution-floating-card{width:min(100%,270px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.distribution-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.distribution-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.distribution-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.distribution-floating-card.card-a{top:24px;left:0}.distribution-floating-card.card-b{bottom:26px;right:0}.distribution-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.distribution-signal-list,.delivery-event-list{gap:var(--space-3);display:grid}.distribution-signal-list article{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);grid-template-columns:48px 1fr;display:grid}.distribution-signal-list article>span{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.distribution-signal-list strong{color:var(--color-text-strong);font-size:var(--font-size-lg)}.distribution-signal-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.delivery-event-list article{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);display:flex}.delivery-event-list strong{color:var(--color-text-strong)}.delivery-event-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.distribution-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.distribution-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.distribution-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.distribution-flow-card p{max-width:780px;margin-top:var(--space-2);color:#ffffffb8}.crm-hero{background:radial-gradient(circle at 100% 0,#22d3ee2e,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.crm-visual{place-items:center;min-height:300px;display:grid;position:relative}.crm-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at 0 0,#22d3ee57,#0000 44%),linear-gradient(135deg,#0b1220,#0f6fff);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.crm-floating-card{width:min(100%,270px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.crm-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.crm-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.crm-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.crm-floating-card.card-a{top:24px;left:0}.crm-floating-card.card-b{bottom:26px;right:0}.crm-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.crm-signal-list,.crm-event-list{gap:var(--space-3);display:grid}.crm-signal-list article{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);grid-template-columns:48px 1fr;display:grid}.crm-signal-list article>span{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.crm-signal-list strong{color:var(--color-text-strong);font-size:var(--font-size-lg)}.crm-signal-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.crm-event-list article{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);display:flex}.crm-event-list strong{color:var(--color-text-strong)}.crm-event-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.crm-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.crm-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.crm-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.crm-flow-card p{max-width:780px;margin-top:var(--space-2);color:#ffffffb8}.hris-hero{background:radial-gradient(circle at 100% 0,#22d3ee2e,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.hris-visual{place-items:center;min-height:300px;display:grid;position:relative}.hris-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at 0 0,#22d3ee57,#0000 44%),linear-gradient(135deg,#0b1220,#0f6fff);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.hris-floating-card{width:min(100%,270px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.hris-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.hris-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.hris-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.hris-floating-card.card-a{top:24px;left:0}.hris-floating-card.card-b{bottom:26px;right:0}.hris-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.hris-signal-list,.hris-event-list{gap:var(--space-3);display:grid}.hris-signal-list article{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);grid-template-columns:48px 1fr;display:grid}.hris-signal-list article>span{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.hris-signal-list strong{color:var(--color-text-strong);font-size:var(--font-size-lg)}.hris-signal-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.hris-event-list article{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);display:flex}.hris-event-list strong{color:var(--color-text-strong)}.hris-event-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.hris-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.hris-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.hris-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.hris-flow-card p{max-width:780px;margin-top:var(--space-2);color:#ffffffb8}.bi-hero{background:radial-gradient(circle at 100% 0,#22d3ee2e,#0000 34%),linear-gradient(135deg,#fff 0%,#f8fbff 45%,#eef7ff 100%)}.bi-visual{place-items:center;min-height:300px;display:grid;position:relative}.bi-orb{border-radius:var(--radius-3xl);width:154px;height:154px;color:var(--color-text-inverse);background:radial-gradient(circle at 0 0,#22d3ee57,#0000 44%),linear-gradient(135deg,#0b1220,#0f6fff);place-items:center;display:grid;box-shadow:0 28px 80px #0f6fff40}.bi-floating-card{width:min(100%,270px);padding:var(--space-5);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #e2e8f0d1;position:absolute}.bi-floating-card span{color:var(--color-text-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.06em;display:block}.bi-floating-card strong{margin-top:var(--space-2);color:var(--color-text-strong);font-size:var(--font-size-xl);letter-spacing:-.04em;display:block}.bi-floating-card p{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs)}.bi-floating-card.card-a{top:24px;left:0}.bi-floating-card.card-b{bottom:26px;right:0}.bi-summary-grid{gap:var(--space-5);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}.bi-signal-list,.bi-health-list{gap:var(--space-3);display:grid}.bi-signal-list article{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);grid-template-columns:54px 1fr;display:grid}.bi-signal-list article>span{border-radius:var(--radius-lg);width:44px;height:44px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-100);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);place-items:center;display:grid}.bi-signal-list strong{color:var(--color-text-strong);font-size:var(--font-size-lg)}.bi-signal-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.bi-health-list article{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-bg-soft);border:1px solid var(--color-border-soft);display:flex}.bi-health-list strong{color:var(--color-text-strong)}.bi-health-list p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5}.bi-flow-card{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-2xl);color:var(--color-text-inverse);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#0b1220,#102a56);display:flex}.bi-flow-card span{color:var(--color-cyan-200);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:.08em}.bi-flow-card strong{margin-top:var(--space-2);font-size:var(--font-size-lg);display:block}.bi-flow-card p{max-width:780px;margin-top:var(--space-2);color:#ffffffb8}.bi-table-wrap{border-radius:var(--radius-2xl);width:100%;overflow-x:auto}.bi-table-wrap::-webkit-scrollbar{height:8px}.bi-table-wrap::-webkit-scrollbar-track{background:#e2e8f08c;border-radius:999px}.bi-table-wrap::-webkit-scrollbar-thumb{background:#0f6fff52;border-radius:999px}.bi-report-table table{table-layout:fixed;min-width:1380px}.bi-report-table th,.bi-report-table td{vertical-align:top}.bi-report-table th:first-child,.bi-report-table td:first-child{width:300px}.bi-report-table th:nth-child(2),.bi-report-table td:nth-child(2){width:390px}.bi-report-table th:nth-child(3),.bi-report-table td:nth-child(3){width:130px}.bi-report-table th:nth-child(4),.bi-report-table td:nth-child(4){width:190px}.bi-report-table th:nth-child(5),.bi-report-table td:nth-child(5){width:180px}.bi-report-table th:nth-child(6),.bi-report-table td:nth-child(6){width:140px}.bi-report-name strong{max-width:260px;color:var(--color-text-strong);line-height:1.35;display:block}.bi-report-name small{margin-top:var(--space-2);max-width:260px;color:var(--color-text-muted);line-height:1.35;display:block}.bi-cell-description{max-width:350px;color:var(--color-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.bi-cell-nowrap{white-space:nowrap;color:var(--color-text);display:inline-block}.bi-cell-owner{max-width:170px;color:var(--color-text);line-height:1.45;display:inline-block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes floatSoft{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes pulseRing{0%{box-shadow:0 0 #0f6fff52}70%{box-shadow:0 0 0 14px #0f6fff00}to{box-shadow:0 0 #0f6fff00}}@keyframes pulseDot{0%{opacity:.45;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}to{opacity:.45;transform:scale(.92)}}@keyframes shimmer{0%{background-position:-420px 0}to{background-position:420px 0}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes progressFlow{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes rotateSoft{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blinkSoft{0%,to{opacity:1}50%{opacity:.42}}.page-content>*{animation:.42s both slideUp}.page-header{animation:.42s both slideDown}.placeholder-card,.card,.kpi-card,.table-card,.section-card,.module-health-card,.finance-report-card,.workflow-board{animation:.48s both slideUp}.placeholder-card:first-child,.kpi-card:first-child,.module-health-card:first-child{animation-delay:40ms}.placeholder-card:nth-child(2),.kpi-card:nth-child(2),.module-health-card:nth-child(2){animation-delay:80ms}.placeholder-card:nth-child(3),.kpi-card:nth-child(3),.module-health-card:nth-child(3){animation-delay:.12s}.kpi-card:nth-child(4),.module-health-card:nth-child(4){animation-delay:.16s}.kpi-card:nth-child(5),.module-health-card:nth-child(5){animation-delay:.2s}.kpi-card:nth-child(6),.module-health-card:nth-child(6){animation-delay:.24s}.kpi-card:nth-child(7),.module-health-card:nth-child(7){animation-delay:.28s}.kpi-card:nth-child(8),.module-health-card:nth-child(8){animation-delay:.32s}.sidebar-link{animation:.36s both slideRight}.sidebar-link:first-child{animation-delay:30ms}.sidebar-link:nth-child(2){animation-delay:50ms}.sidebar-link:nth-child(3){animation-delay:70ms}.sidebar-link:nth-child(4){animation-delay:90ms}.sidebar-link:nth-child(5){animation-delay:.11s}.sidebar-link:nth-child(6){animation-delay:.13s}.sidebar-link:nth-child(7){animation-delay:.15s}.sidebar-link:nth-child(8){animation-delay:.17s}.sidebar-link:nth-child(9){animation-delay:.19s}.sidebar-link:nth-child(10){animation-delay:.21s}.sidebar-link:nth-child(11){animation-delay:.23s}.sidebar-link-icon svg{transition:transform var(--transition-fast)}.sidebar-link:hover .sidebar-link-icon svg,.sidebar-link.is-active .sidebar-link-icon svg{transform:scale(1.06)}.hover-lift,.card,.kpi-card,.placeholder-card,.section-card,.table-card,.finance-report-card,.module-health-card,.workflow-step,.outlet-performance-item,.stock-risk-item,.sync-log-item{transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast)}.hover-lift:hover,.card:hover,.kpi-card:hover,.placeholder-card:hover,.section-card:hover,.finance-report-card:hover,.module-health-card:hover,.workflow-step:hover,.outlet-performance-item:hover,.stock-risk-item:hover,.sync-log-item:hover{box-shadow:var(--shadow-md);border-color:#87c6ffb8;transform:translateY(-2px)}.table-card:hover{box-shadow:var(--shadow-md)}.is-live,.live-dot,.sync-dot{position:relative}.live-dot,.sync-dot{border-radius:var(--radius-full);background:var(--color-success-500);width:9px;height:9px;animation:1.6s infinite pulseDot;display:inline-flex}.live-dot:after,.sync-dot:after{content:"";border-radius:inherit;border:1px solid #10b98147;animation:1.8s infinite pulseRing;position:absolute;inset:-6px}.sync-pulse{animation:2s infinite pulseRing}.status-badge.status-success:before{animation:1.8s infinite pulseDot}.skeleton{border-radius:var(--radius-md);background:#edf2f7;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffb8 50%,#0000 100%) 0 0/420px 100%;animation:1.35s infinite shimmer;position:absolute;inset:0}.skeleton-line{border-radius:var(--radius-full);height:12px}.skeleton-line.sm{width:36%}.skeleton-line.md{width:62%}.skeleton-line.lg{width:88%}.skeleton-box{border-radius:var(--radius-xl);min-height:120px}.loading-spinner{border-radius:var(--radius-full);border:3px solid var(--color-primary-100);border-top-color:var(--color-primary-600);width:34px;height:34px;animation:.8s linear infinite rotateSoft}.animated-gradient{background-size:220% 220%;animation:6s infinite gradientMove}.btn-primary,.module-hero-card,.sidebar-link.is-active .sidebar-link-icon{background-size:220% 220%}.btn-primary:hover,.module-hero-card:hover{animation:4s infinite gradientMove}.float-soft{animation:4.5s ease-in-out infinite floatSoft}.login-brand{animation:.52s both slideDown}.login-copy{animation:.62s both slideUp}.login-card{animation:.62s .12s both scaleIn}.login-copy:after{animation:5.2s ease-in-out infinite floatSoft}.timeline-item{animation:.42s both slideUp}.timeline-item:first-child{animation-delay:40ms}.timeline-item:nth-child(2){animation-delay:80ms}.timeline-item:nth-child(3){animation-delay:.12s}.timeline-item:nth-child(4){animation-delay:.16s}.timeline-item:nth-child(5){animation-delay:.2s}.timeline-item:nth-child(6){animation-delay:.24s}.timeline-dot{animation:2.4s infinite pulseRing}.workflow-step{animation:.42s both slideUp}.workflow-step:first-child{animation-delay:40ms}.workflow-step:nth-child(2){animation-delay:90ms}.workflow-step:nth-child(3){animation-delay:.14s}.workflow-step:nth-child(4){animation-delay:.19s}.workflow-step:nth-child(5){animation-delay:.24s}.workflow-step:nth-child(6){animation-delay:.29s}.workflow-step-number{animation:2.8s infinite pulseRing}.progress-bar{position:relative;overflow:hidden}.progress-bar:after{content:"";background:linear-gradient(90deg,#0000,#ffffff75,#0000);width:52%;animation:1.6s infinite progressFlow;position:absolute;inset:0}.modal-backdrop{animation:.18s both fadeIn}.modal-panel{animation:.24s both scaleIn}.toast-wrap{animation:.28s both slideLeft}.action-menu-panel{transform-origin:100% 0;animation:.16s both scaleIn}.btn svg,.icon-btn svg,.tab-btn svg,.action-menu-item svg{transition:transform var(--transition-fast)}.btn:hover svg{transform:translate(2px)}.icon-btn:hover svg{transform:scale(1.06)}.tab-btn:hover svg,.action-menu-item:hover svg{transform:scale(1.05)}button:active,.btn:active,.icon-btn:active,.sidebar-link:active,.mobile-nav-link:active{transform:scale(.985)}.blink-soft{animation:1.5s infinite blinkSoft}.attention-ring{position:relative}.attention-ring:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #0f6fff38;animation:2s infinite pulseRing;position:absolute;inset:-5px}@media (prefers-reduced-motion:reduce){.page-content>*,.page-header,.placeholder-card,.card,.kpi-card,.table-card,.section-card,.module-health-card,.finance-report-card,.workflow-board,.sidebar-link,.login-brand,.login-copy,.login-card,.login-copy:after,.timeline-item,.timeline-dot,.workflow-step,.workflow-step-number,.progress-bar:after,.modal-backdrop,.modal-panel,.toast-wrap,.action-menu-panel,.sync-pulse,.status-badge.status-success:before,.live-dot,.sync-dot,.live-dot:after,.sync-dot:after,.float-soft,.animated-gradient,.btn-primary:hover,.module-hero-card:hover,.skeleton:after,.loading-spinner,.blink-soft,.attention-ring:after{animation:none!important}}@media (width>=1600px){:root{--sidebar-width:310px;--topbar-height:92px;--page-padding-x:36px;--page-padding-y:36px;--card-padding:26px}body{font-size:var(--font-size-base)}.page-content{max-width:1920px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.placeholder-grid,.page-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.module-health-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.workflow-flow{grid-template-columns:repeat(6,minmax(190px,1fr))}}@media (width>=2200px){:root{--sidebar-width:340px;--topbar-height:104px;--page-padding-x:48px;--page-padding-y:48px;--card-padding:32px}.page-content{max-width:2240px}.topbar h1{font-size:2rem}.sidebar-link{min-height:68px}.sidebar-link-icon{width:46px;height:46px}.sidebar-link-text strong{font-size:var(--font-size-md)}.kpi-card{min-height:190px}.kpi-value{font-size:2.4rem}.placeholder-card{min-height:220px}}@media (width<=1399px){:root{--sidebar-width:270px;--page-padding-x:24px}.topbar{gap:var(--space-4);grid-template-columns:minmax(220px,1fr) minmax(240px,340px) auto}.topbar-actions select{min-width:112px;max-width:140px}.btn{padding-inline:var(--space-4)}.kpi-grid,.module-health-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}.dashboard-side{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.module-summary-grid,.integration-grid,.inventory-layout{grid-template-columns:minmax(0,1fr)}.finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1199px){:root{--sidebar-width:250px;--topbar-height:78px;--page-padding-x:22px}.topbar{grid-template-columns:minmax(220px,1fr) auto}.topbar-center{display:none}.topbar-actions{gap:6px}.topbar-actions select{max-width:128px}.topbar-actions .btn{min-width:42px;padding-inline:var(--space-3)}.placeholder-grid,.page-grid-3,.page-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-chart-grid{grid-template-columns:minmax(0,1fr)}.stat-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-menu{grid-template-columns:repeat(4,minmax(0,1fr));overflow-x:auto}.settings-menu-btn{white-space:nowrap}}@media (width<=1023px){:root{--page-padding-x:20px;--page-padding-y:24px;--topbar-height:76px}.app-shell{display:block}.app-main{width:100%;margin-left:0}.sidebar{transition:transform var(--transition-normal);transform:translate(-100%)}.sidebar.is-open{transform:translate(0)}.sidebar-close{display:inline-grid}.sidebar-backdrop{z-index:calc(var(--z-sidebar) - 1);-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);background:#0b12206b;display:block;position:fixed;inset:0}.topbar{padding-inline:var(--page-padding-x);grid-template-columns:minmax(0,1fr) auto;left:0}.mobile-menu-btn{display:inline-grid}.topbar-actions select:nth-of-type(2),.topbar-actions select:nth-of-type(3),.topbar-actions select:nth-of-type(4){display:none}.page-content{padding-top:calc(var(--topbar-height) + var(--space-5));padding-bottom:calc(var(--mobile-nav-height) + var(--space-6))}.mobile-nav{left:50%;bottom:var(--space-4);z-index:var(--z-mobile-nav);width:min(620px,100% - 32px);height:var(--mobile-nav-height);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);background:#ffffffe6;border:1px solid #dce7f3eb;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:8px;display:grid;position:fixed;transform:translate(-50%)}.mobile-nav-link{border-radius:var(--radius-xl);color:var(--color-text-muted);font-size:.68rem;font-weight:var(--font-weight-bold);transition:color var(--transition-fast), background var(--transition-fast);place-items:center;gap:3px;display:grid}.mobile-nav-link svg{color:currentColor}.mobile-nav-link.is-active{color:var(--color-primary-700);background:var(--color-primary-50)}.page-header{padding:var(--space-6);flex-direction:column;align-items:flex-start}.page-header-actions{justify-content:flex-start;width:100%}.kpi-grid,.module-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-side{grid-template-columns:minmax(0,1fr)}.module-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-flow{grid-template-columns:repeat(6,minmax(170px,1fr))}.login-page{grid-template-columns:minmax(0,1fr)}.login-hero{min-height:52vh}.login-card{margin-bottom:var(--space-8);align-self:start}}@media (width<=767px){:root{--page-padding-x:16px;--page-padding-y:18px;--topbar-height:72px;--card-padding:18px}body{font-size:var(--font-size-sm)}.sidebar{width:min(320px,100vw - 42px)}.topbar{gap:var(--space-3)}.topbar-left{min-width:0}.topbar-eyebrow{letter-spacing:.08em;font-size:.58rem}.topbar h1{max-width:calc(100vw - 190px);font-size:1.05rem}.topbar-actions .icon-btn{width:38px;height:38px}.topbar-actions .icon-btn:last-child{display:none}.page-content{padding-inline:var(--page-padding-x)}.page-stack{gap:var(--space-5)}.page-header{padding:var(--space-5);border-radius:var(--radius-2xl)}.page-eyebrow{font-size:.62rem}.page-header h2{font-size:clamp(1.65rem,8vw,2.4rem)}.page-header p{font-size:var(--font-size-sm)}.placeholder-grid,.page-grid-2,.page-grid-3,.page-grid-4,.page-grid-auto,.dashboard-grid,.dashboard-chart-grid,.module-summary-grid,.integration-grid,.inventory-layout,.finance-summary-grid,.settings-grid,.kpi-grid,.module-health-grid{grid-template-columns:minmax(0,1fr)}.placeholder-card{min-height:160px;padding:var(--space-5)}.kpi-card{min-height:150px;padding:var(--space-5)}.kpi-value{font-size:1.75rem}.module-hero-card{min-height:360px;padding:var(--space-5);border-radius:var(--radius-2xl)}.module-hero-card h3{font-size:clamp(2rem,10vw,3rem)}.module-hero-stats{grid-template-columns:minmax(0,1fr)}.table-toolbar{flex-direction:column;align-items:flex-start}.table-toolbar-left,.table-toolbar-right{width:100%}.table-toolbar-right .btn,.table-toolbar-right .search-input,.search-input{width:100%;min-width:0}.form-grid,.form-grid-3{grid-template-columns:minmax(0,1fr)}.modal-backdrop{padding:var(--space-3);align-items:end}.modal-panel{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;width:100%;max-height:calc(100vh - 24px)}.modal-header,.modal-body,.modal-footer{padding:var(--space-5)}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.toast-wrap{right:16px;bottom:calc(var(--mobile-nav-height) + 28px)}.toast{border-radius:var(--radius-xl)}.timeline-item{grid-template-columns:62px 18px minmax(0,1fr)}.workflow-board{padding:var(--space-4)}.workflow-flow{grid-template-columns:repeat(6,minmax(150px,1fr))}.outlet-performance-item{grid-template-columns:minmax(0,1fr)}.outlet-performance-numbers{justify-content:space-between;gap:var(--space-3)}.outlet-performance-number{text-align:left}.sync-log-item{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.settings-menu{grid-template-columns:minmax(0,1fr)}.login-page{min-height:100vh;display:block}.login-hero{min-height:auto;padding:var(--space-6) var(--space-5)}.login-brand{margin-bottom:var(--space-12)}.login-copy{gap:var(--space-4)}.login-copy h1{font-size:clamp(2.3rem,12vw,4rem)}.login-copy p{font-size:var(--font-size-base)}.login-copy:after{width:100%;height:120px}.login-card{width:calc(100% - 32px);margin:0 auto var(--space-8);padding:var(--space-5);border-radius:var(--radius-2xl)}.login-card-header{align-items:flex-start}.login-card-header h2{font-size:var(--font-size-xl)}}@media (width<=639px){.brand-wrap span{max-width:142px}.sidebar-link{min-height:54px}.sidebar-badge{display:none}.topbar h1{max-width:calc(100vw - 150px)}.page-header{padding:var(--space-5)}.page-title-row{gap:var(--space-2)}.page-badge{min-height:26px;font-size:.68rem}.mobile-nav{border-radius:var(--radius-xl);width:calc(100% - 20px);bottom:10px}.mobile-nav-link span{font-size:.62rem}.stat-mini-grid{grid-template-columns:minmax(0,1fr)}.finance-report-footer,.kpi-footer,.section-title-row,.page-section-header,.flex-between{flex-direction:column;align-items:flex-start}.finance-report-footer .btn,.section-title-row .btn,.page-section-actions,.page-section-actions .btn{width:100%}.tabs{border-radius:var(--radius-xl)}.tab-btn{min-width:max-content}}@media (width<=479px){:root{--page-padding-x:12px}.sidebar{width:calc(100vw - 28px)}.sidebar-header{padding:var(--space-4)}.sidebar-nav{padding-inline:var(--space-3)}.sidebar-footer{margin-inline:var(--space-3)}.brand-logo{width:42px;height:42px}.topbar{padding-inline:12px}.topbar-left{gap:var(--space-2)}.topbar h1{max-width:calc(100vw - 128px);font-size:.98rem}.topbar-eyebrow{display:none}.topbar-actions .icon-btn{width:36px;height:36px}.topbar-actions .icon-btn:nth-last-child(2){display:none}.page-content{padding-top:calc(var(--topbar-height) + var(--space-4))}.page-header{padding:var(--space-4)}.page-header h2{font-size:1.8rem}.placeholder-card,.kpi-card,.section-card,.card{border-radius:var(--radius-xl)}.placeholder-card,.kpi-card{padding:var(--space-4)}.kpi-top{align-items:flex-start}.kpi-icon{width:38px;height:38px}.kpi-value{font-size:1.55rem}.btn{min-height:42px;padding-inline:var(--space-4)}.icon-btn{width:38px;height:38px}.table-toolbar{padding:var(--space-4)}.data-table th,.data-table td{padding-inline:var(--space-4)}.mobile-nav{height:66px;padding:6px}.mobile-nav-link{border-radius:var(--radius-lg)}.mobile-nav-link span{display:none}.mobile-nav-link svg{width:21px;height:21px}.login-brand{border-radius:var(--radius-xl);justify-content:center;width:100%}.login-brand span{font-size:var(--font-size-xs)}.login-copy h1{font-size:2.35rem}.login-card{width:calc(100% - 24px)}.login-card-header svg{width:46px;height:46px}.toast-wrap{width:calc(100vw - 20px);right:10px}.toast{padding:var(--space-3)}.toast-icon{width:38px;height:38px}}@media (width<=359px){.topbar h1{max-width:calc(100vw - 105px);font-size:.92rem}.mobile-menu-btn,.topbar-actions .icon-btn{width:34px;height:34px}.page-header h2{font-size:1.6rem}.login-copy h1{font-size:2rem}.login-copy p{font-size:var(--font-size-sm)}}@media (height<=720px) and (width>=1024px){:root{--topbar-height:72px}.sidebar-header{min-height:var(--topbar-height);padding-block:var(--space-3)}.sidebar-link{min-height:50px;padding-block:8px}.sidebar-footer{padding:var(--space-3)}.page-content{padding-top:calc(var(--topbar-height) + var(--space-4))}.login-page{min-height:100vh}.login-card{padding:var(--space-5)}}@media print{body{background:#fff!important}.sidebar,.topbar,.mobile-nav,.sidebar-backdrop,.toast-wrap,.btn,.icon-btn{display:none!important}.app-main{width:100%!important;margin-left:0!important}.page-content{max-width:none!important;padding:0!important}.page-header,.card,.section-card,.table-card,.placeholder-card,.kpi-card{break-inside:avoid;box-shadow:none!important}.data-table{min-width:0!important}}@media (width<=1180px){.workflow-timeline{grid-template-columns:repeat(6,180px)}}@media (width<=640px){.workflow-timeline{grid-template-columns:1fr;overflow-x:visible}.workflow-step{gap:var(--space-3);grid-template-columns:52px 1fr;display:grid}.workflow-step-head{flex-direction:column;margin-bottom:0}.workflow-arrow{background:linear-gradient(180deg, var(--color-primary-200), #0f6fff00);width:2px;min-width:2px;min-height:34px}.workflow-arrow svg{transform:rotate(90deg)}}@media (width<=1180px){.dashboard-hero,.dashboard-grid-main,.dashboard-grid-secondary{grid-template-columns:1fr}.dashboard-mini-status{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-hero-panel{min-height:260px}}@media (width<=720px){.dashboard-hero{padding:var(--space-5);border-radius:var(--radius-2xl)}.dashboard-hero-actions{align-items:stretch}.dashboard-hero-actions .btn{width:100%}.dashboard-mini-status{grid-template-columns:1fr}.hero-panel-orbit{width:210px;height:210px}.hero-orbit-core{width:92px;height:92px}.hero-panel-card{margin-top:-24px}}@media (width<=520px){.dashboard-hero h1{font-size:2.1rem}.dashboard-hero p{font-size:var(--font-size-sm)}.owner-summary-list article{grid-template-columns:1fr}}@media (width<=980px){.dashboard-chart-grid{grid-template-columns:1fr}}@media (width<=520px){.chart-summary-row{grid-template-columns:1fr}}@media (width<=1180px){.module-hero{grid-template-columns:1fr}.module-stat-grid.four-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.kassia-sync-orb{min-height:240px}}@media (width<=720px){.module-hero{padding:var(--space-5);border-radius:var(--radius-2xl)}.module-hero h1{font-size:2.15rem}.module-hero p{font-size:var(--font-size-sm)}.module-stat-grid.four-cols{grid-template-columns:1fr}.kassia-flow-card{flex-direction:column;align-items:flex-start}.sync-orb-card{position:relative}.sync-orb-card-1,.sync-orb-card-2{inset:auto}.kassia-sync-orb{gap:var(--space-3);grid-template-columns:1fr;justify-items:stretch;display:grid}.sync-orb-core{justify-self:center}.inventory-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.inventory-cube{justify-self:center;width:132px;height:132px}.inventory-stack-card{width:100%;position:relative}.inventory-stack-card.card-a,.inventory-stack-card.card-b{inset:auto}.inventory-flow-card{flex-direction:column;align-items:flex-start}.production-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.production-orb{justify-self:center;width:132px;height:132px}.production-floating-card{width:100%;position:relative}.production-floating-card.card-a,.production-floating-card.card-b{inset:auto}.production-flow-card{flex-direction:column;align-items:flex-start}.procurement-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.procurement-orb{justify-self:center;width:132px;height:132px}.procurement-floating-card{width:100%;position:relative}.procurement-floating-card.card-a,.procurement-floating-card.card-b{inset:auto}.procurement-flow-card{flex-direction:column;align-items:flex-start}}@media (width<=1180px){.finance-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.finance-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.finance-orb{justify-self:center;width:132px;height:132px}.finance-floating-card{width:100%;position:relative}.finance-floating-card.card-a,.finance-floating-card.card-b{inset:auto}.finance-flow-card{flex-direction:column;align-items:flex-start}.finance-report-list article{flex-direction:column}}@media (width<=520px){.finance-signal-list article{grid-template-columns:1fr}}@media (width<=1180px){.distribution-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.distribution-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.distribution-orb{justify-self:center;width:132px;height:132px}.distribution-floating-card{width:100%;position:relative}.distribution-floating-card.card-a,.distribution-floating-card.card-b{inset:auto}.distribution-flow-card{flex-direction:column;align-items:flex-start}.delivery-event-list article{flex-direction:column}}@media (width<=520px){.distribution-signal-list article{grid-template-columns:1fr}}@media (width<=1180px){.crm-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.crm-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.crm-orb{justify-self:center;width:132px;height:132px}.crm-floating-card{width:100%;position:relative}.crm-floating-card.card-a,.crm-floating-card.card-b{inset:auto}.crm-flow-card{flex-direction:column;align-items:flex-start}.crm-event-list article{flex-direction:column}}@media (width<=520px){.crm-signal-list article{grid-template-columns:1fr}}@media (width<=1180px){.hris-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.hris-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.hris-orb{justify-self:center;width:132px;height:132px}.hris-floating-card{width:100%;position:relative}.hris-floating-card.card-a,.hris-floating-card.card-b{inset:auto}.hris-flow-card{flex-direction:column;align-items:flex-start}.hris-event-list article{flex-direction:column}}@media (width<=520px){.hris-signal-list article{grid-template-columns:1fr}}@media (width<=1180px){.bi-summary-grid{grid-template-columns:1fr}}@media (width<=720px){.bi-visual{gap:var(--space-3);place-items:stretch stretch;min-height:auto}.bi-orb{justify-self:center;width:132px;height:132px}.bi-floating-card{width:100%;position:relative}.bi-floating-card.card-a,.bi-floating-card.card-b{inset:auto}.bi-flow-card{flex-direction:column;align-items:flex-start}.bi-health-list article{flex-direction:column}}@media (width<=520px){.bi-signal-list article{grid-template-columns:1fr}}@media (width<=1280px){.topbar{padding:var(--space-4) var(--space-5);flex-direction:column;align-items:flex-start}.topbar-title-wrap{width:100%}.topbar-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.scenario-command{border-left:0;padding-left:0}}@media (width<=760px){.topbar-filter-group,.scenario-command{grid-template-columns:1fr;width:100%;display:grid}.topbar-select-wrap,.scenario-select-wrap{width:100%;min-width:0}.scenario-run-button{width:100%}.topbar-icon-button{width:42px;height:42px}}@media (width<=767px){:root{--topbar-height:176px}.topbar{min-height:var(--topbar-height);flex-direction:column;align-items:stretch;gap:10px;height:auto;padding:12px}.topbar-title-wrap{width:100%;min-width:0}.topbar-title-wrap span{letter-spacing:.1em;font-size:.62rem;line-height:1.2}.topbar-title-wrap h1{white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:3px;font-size:1rem;line-height:1.2;overflow:hidden}.topbar-actions{grid-template-columns:minmax(0,1fr) 42px 42px;align-items:start;gap:8px;width:100%;display:grid}.topbar-filter-group{display:none!important}.scenario-command{border-left:0;grid-column:1/2;grid-template-columns:1fr;gap:8px;width:100%;padding-left:0;display:grid}.topbar-select-wrap,.scenario-select-wrap{border-radius:18px;width:100%;min-width:0;height:42px;padding:0 12px}.topbar-select,.scenario-select{width:100%;font-size:.78rem;min-width:0!important;max-width:none!important;display:block!important}.scenario-run-button,.topbar-actions .scenario-run-button,.topbar-actions .btn.scenario-run-button{justify-content:center;width:100%;min-height:42px;font-size:.78rem;display:inline-flex!important}.topbar-icon-button{width:42px;min-width:42px;height:42px;display:grid!important}.topbar-reset-button{grid-area:1/2/2/3}.topbar-notif-button{grid-area:1/3/2/4}.page-content{padding-top:calc(var(--topbar-height) + 14px)!important}}@media (width<=479px){:root{--topbar-height:170px}.topbar{padding:10px 12px}.topbar-actions{grid-template-columns:minmax(0,1fr) 40px}.topbar-notif-button{display:none!important}.topbar-reset-button{grid-column:2/3}.topbar-icon-button{width:40px;min-width:40px;height:40px}.topbar-select-wrap,.scenario-select-wrap{height:40px}.scenario-run-button,.topbar-actions .scenario-run-button,.topbar-actions .btn.scenario-run-button{min-height:40px}}@media (width<=1280px){.topbar{height:auto;min-height:var(--topbar-height);padding:0 var(--page-padding-x);flex-direction:row;align-items:center}.topbar-actions{flex-wrap:nowrap}.scenario-select-wrap{width:clamp(210px,28vw,280px)}}@media (width<=1023px){:root{--topbar-height:82px}.topbar{left:0}.topbar-title-wrap h1{max-width:320px}}@media (width<=767px){:root{--topbar-height:142px}.topbar{height:auto;min-height:var(--topbar-height);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:10px;padding:12px 14px}.topbar-title-wrap{width:100%}.topbar-title-wrap span{letter-spacing:.1em;font-size:.62rem}.topbar-title-wrap h1{max-width:100%;font-size:1rem}.topbar-actions{grid-template-columns:minmax(0,1fr) 42px 42px;align-items:start;gap:8px;width:100%;display:grid}.scenario-command{grid-column:1/2;grid-template-columns:1fr;gap:8px;display:grid}.scenario-select-wrap{border-radius:18px;width:100%;height:40px;padding:0 12px}.topbar-select,.scenario-select{width:100%;font-size:.78rem;max-width:none!important;display:block!important}.scenario-run-button,.topbar-actions .scenario-run-button,.topbar-actions .btn.scenario-run-button{justify-content:center;width:100%;min-height:40px;font-size:.78rem;display:inline-flex!important}.topbar-icon-button{width:42px;min-width:42px;height:42px;display:grid!important}.topbar-reset-button{grid-area:1/2/2/3}.topbar-notif-button{grid-area:1/3/2/4}.page-content{padding-top:calc(var(--topbar-height) + 16px)!important}}@media (width<=479px){:root{--topbar-height:138px}.topbar{padding:10px 12px}.topbar-actions{grid-template-columns:minmax(0,1fr) 40px}.topbar-notif-button{display:none!important}.topbar-reset-button{grid-column:2/3}.topbar-icon-button{width:40px;min-width:40px;height:40px}.scenario-select-wrap{height:40px}.scenario-run-button,.topbar-actions .scenario-run-button,.topbar-actions .btn.scenario-run-button{min-height:40px}}