:root{--brand: #1D4ED8;--brand-strong: #1A3FB0;--brand-tint: #EAF0FE;--brand-accent: #3B82F6;--laasy-teal: var(--brand);--laasy-teal-dark: var(--brand-strong);--laasy-teal-light: var(--brand-tint);--laasy-accent: var(--brand-accent);--ink: #0B1220;--chrome: #0C1526;--chrome-2: #111C30;--chrome-border: #1E2C45;--chrome-text: #C3CEDF;--chrome-text-muted: #7F8EA8;--ok: #15803D;--ok-bg: #E7F4EC;--warn: #B45309;--warn-bg: #FBF1E3;--block: #B42318;--block-bg: #FCEBE9;--bg: #F4F6FB;--surface: #FFFFFF;--surface-2: #F7F9FC;--border: #E2E8F2;--text: #0C1626;--text-muted: #56657F;--radius: 10px;--radius-sm: 6px;--shadow-card: 0 1px 2px rgba(12, 22, 38, .06), 0 1px 3px rgba(12, 22, 38, .05);--shadow-panel: 0 4px 16px rgba(12, 22, 38, .1);--shadow-modal: 0 16px 48px rgba(11, 18, 32, .28);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-6: 24px;--s-8: 32px;--s-12: 48px}[data-theme=dark]{--brand: #3B82F6;--brand-strong: #2563EB;--brand-tint: #16233D;--bg: #070C16;--surface: #0F1828;--surface-2: #0B1322;--border: #1E2C45;--text: #E7ECF4;--text-muted: #94A2BC;--chrome: #070C16;--chrome-2: #0F1828;--chrome-border: #1E2C45;--chrome-text: #C3CEDF;--chrome-text-muted: #7F8EA8;--shadow-card: 0 1px 3px rgba(0, 0, 0, .5);--shadow-panel: 0 4px 16px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--laasy-teal);text-decoration:none}h1,h2,h3,h4{margin:0 0 var(--s-3);font-weight:600;letter-spacing:-.01em}h1{font-size:24px}h2{font-size:19px}h3{font-size:16px}.app-shell{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--chrome);border-right:1px solid var(--chrome-border);display:flex;flex-direction:column;padding:var(--s-4) var(--s-3);position:sticky;top:0;height:100vh}.main{flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:var(--s-6);max-width:1200px;width:100%;margin:0 auto}.topbar{height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-6);position:sticky;top:0;z-index:10}.topbar .search{flex:1;max-width:420px;margin:0 var(--s-6)}.brand{display:flex;align-items:center;gap:var(--s-2);font-weight:700;font-size:18px;color:#fff;margin-bottom:var(--s-6)}.brand .mark{width:28px;height:28px;border-radius:7px}.brand .sub{font-weight:500;color:var(--brand-accent)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{display:flex;align-items:center;gap:var(--s-3);padding:10px var(--s-3);border-radius:var(--radius-sm);color:var(--chrome-text);font-weight:500;min-height:40px;border-left:3px solid transparent}.nav a:hover{background:var(--chrome-2);color:#fff}.nav a.active{background:var(--chrome-2);color:#fff;font-weight:600;border-left-color:var(--brand)}.nav .icon{width:20px;text-align:center}.sidebar .btn-secondary{background:var(--chrome-2);color:var(--chrome-text);border-color:var(--chrome-border)}.sidebar .btn-secondary:hover:not(:disabled){background:var(--chrome-border);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-4);border-radius:var(--radius-sm);border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:background .12s ease,opacity .12s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--laasy-teal);color:#fff}.btn-primary:hover:not(:disabled){background:var(--laasy-teal-dark)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2)}.btn-danger{background:var(--block);color:#fff}.btn-ghost{background:transparent;color:var(--laasy-teal)}.btn-sm{min-height:32px;padding:0 var(--s-3);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.card-pad{padding:var(--s-6)}.grid{display:grid;gap:var(--s-4)}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi .label{color:var(--text-muted);font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.kpi .value{font-size:30px;font-weight:700;margin-top:var(--s-2)}.kpi .delta{font-size:13px;margin-top:var(--s-1)}table.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--s-3);border-bottom:1px solid var(--border)}.tbl td{padding:var(--s-3);border-bottom:1px solid var(--border);vertical-align:middle}.tbl tr:hover td{background:var(--surface-2)}.tbl tr:last-child td{border-bottom:none}label.field{display:block;margin-bottom:var(--s-4)}label.field>span{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:var(--s-1)}input,select,textarea{width:100%;min-height:40px;padding:8px var(--s-3);font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{outline:2px solid var(--laasy-accent);outline-offset:0;border-color:var(--laasy-teal)}textarea{min-height:72px;resize:vertical}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-ok{background:var(--ok-bg);color:var(--ok)}.badge-warn{background:var(--warn-bg);color:var(--warn)}.badge-block{background:var(--block-bg);color:var(--block)}.badge-neutral,.status-DRAFT{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.status-SUBMITTED,.status-IN_REVIEW{background:#e6eef8;color:#2c5aa0}.status-APPROVED,.status-PAID{background:var(--ok-bg);color:var(--ok)}.status-REJECTED{background:var(--block-bg);color:var(--block)}.policy-flag{display:flex;gap:var(--s-2);padding:var(--s-3);border-radius:var(--radius-sm);margin-bottom:var(--s-2);font-size:14px}.policy-flag.WARN{background:var(--warn-bg);color:var(--warn)}.policy-flag.BLOCK{background:var(--block-bg);color:var(--block)}.row{display:flex;align-items:center;gap:var(--s-3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--text-muted)}.mono{font-family:Courier New,monospace}.right{text-align:right}.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.mb-4{margin-bottom:var(--s-4)}.mb-6{margin-bottom:var(--s-6)}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-6);flex-wrap:wrap;gap:var(--s-3)}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--laasy-teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center{display:flex;align-items:center;justify-content:center;padding:var(--s-12)}.empty{text-align:center;color:var(--text-muted);padding:var(--s-12)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10252b73;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--s-4)}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-modal);width:100%;max-width:560px;max-height:90vh;overflow:auto}.login-wrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 25% 15%,rgba(29,78,216,.16),transparent 55%),radial-gradient(circle at 85% 90%,rgba(11,18,32,.06),transparent 50%),var(--bg);padding:var(--s-4)}.login-card{width:100%;max-width:400px}@media (max-width: 820px){.sidebar{display:none}.content{padding:var(--s-4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.92)}60%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-16px) rotate(-2deg)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-480px 0}to{background-position:480px 0}}@keyframes spotlightPulse{0%{box-shadow:0 0 #3b82f673,0 0 0 9999px #080e1a9e}to{box-shadow:0 0 0 6px #3b82f600,0 0 0 9999px #080e1a9e}}@keyframes confettiFall{to{transform:translateY(105vh) rotate(640deg);opacity:.9}}@keyframes ring{to{transform:rotate(360deg)}}.route-fade{animation:fadeInUp .32s ease both}.animate-in{animation:fadeInUp .5s ease both}.delay-1{animation-delay:.06s}.delay-2{animation-delay:.12s}.delay-3{animation-delay:.18s}.delay-4{animation-delay:.24s}.delay-5{animation-delay:.3s}.delay-6{animation-delay:.36s}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}.card.lift{transition:transform .18s ease,box-shadow .18s ease}.card.lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-panel)}.btn{transition:background .12s ease,opacity .12s ease,transform 80ms ease,box-shadow .12s ease}.btn:active:not(:disabled){transform:translateY(1px) scale(.99)}.btn-primary{box-shadow:0 1px 2px #1d4ed859}.kpi .value.counting{font-variant-numeric:tabular-nums}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--border) 40%,var(--surface-2) 80%);background-size:480px 100%;border-radius:var(--radius-sm);animation:shimmer 1.3s infinite linear}.skeleton-line{height:12px;margin:8px 0}.skeleton-kpi{height:96px}.skeleton-row{height:44px;margin:6px 0}.landing{min-height:100vh;overflow-x:hidden;color:var(--text)}.landing-nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:16px 6vw;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom:1px solid var(--border)}.hero{position:relative;padding:64px 6vw 88px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden}.hero-bg:before{content:"";position:absolute;inset:-20% -10% auto -10%;height:130%;background:radial-gradient(60% 60% at 20% 10%,rgba(29,78,216,.2),transparent 60%),radial-gradient(50% 50% at 90% 0%,rgba(59,130,246,.18),transparent 55%),radial-gradient(40% 60% at 70% 90%,rgba(12,21,38,.1),transparent 60%)}.hero h1{font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.02em;margin-bottom:18px}.hero h1 .grad{background:linear-gradient(90deg,var(--brand),var(--brand-accent) 70%,#7CC0FF);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientShift 6s ease infinite}.hero p.lead{font-size:19px;color:var(--text-muted);max-width:30em;margin-bottom:28px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn-lg{min-height:50px;padding:0 26px;font-size:16px;border-radius:10px}.hero-art{position:relative;animation:floatSlow 7s ease-in-out infinite}.trust{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding:10px 6vw 0;color:var(--text-muted);font-size:13px}.section{padding:72px 6vw}.section h2{font-size:clamp(26px,3.4vw,36px);letter-spacing:-.02em;text-align:center}.section .sub{text-align:center;color:var(--text-muted);max-width:36em;margin:0 auto 40px;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.feature{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-panel);border-color:color-mix(in srgb,var(--brand) 40%,var(--border))}.feature .ficon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--brand-tint);margin-bottom:14px}.feature h3{margin-bottom:6px}.feature p{color:var(--text-muted);margin:0;font-size:15px}.cta-band{margin:0 6vw 72px;border-radius:20px;padding:56px 32px;text-align:center;color:#fff;position:relative;overflow:hidden;background:linear-gradient(120deg,#0C1526,var(--brand-strong),var(--brand));background-size:200% 200%;animation:gradientShift 8s ease infinite}.cta-band h2{color:#fff}.cta-band p{color:#ffffffd1;max-width:34em;margin:0 auto 24px}.landing-footer{padding:28px 6vw;border-top:1px solid var(--border);color:var(--text-muted);font-size:13px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}@media (max-width: 860px){.hero{grid-template-columns:1fr;padding-top:32px}.hero-art{order:-1;max-width:420px}}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:16px;background:color-mix(in srgb,#0C1526 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.login-overlay .login-card{animation:popIn .28s ease both}.tour-spotlight{position:fixed;z-index:1000;border-radius:10px;pointer-events:none;animation:spotlightPulse 1.4s ease-in-out infinite alternate;transition:all .28s cubic-bezier(.4,0,.2,1)}.tour-pop{position:fixed;z-index:1001;width:320px;max-width:calc(100vw - 24px);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-modal);padding:18px;animation:popIn .26s ease both}.tour-pop h4{margin:0 0 6px;font-size:16px}.tour-pop p{margin:0 0 14px;color:var(--text-muted);font-size:14px}.tour-dots{display:flex;gap:6px}.tour-dot{width:7px;height:7px;border-radius:50%;background:var(--border)}.tour-dot.on{background:var(--brand)}.tour-skip{position:fixed;z-index:1001;top:18px;right:18px}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2000;overflow:hidden}.confetti-bit{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:confettiFall linear forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}