:root{--navy: #0F172A;--navy-hover: #1E293B;--navy-soft: #F1F5F9;--charcoal: #0F172A;--slate: #64748B;--slate-light: #94A3B8;--brand-red: #6366F1;--brand-red-dark: #4F46E5;--mint: #10B981;--mint-soft: #D1FAE5;--mint-border: #6EE7B7;--red: #F43F5E;--red-soft: #FFE4E6;--red-border: #FDA4AF;--amber: #F59E0B;--amber-soft: #FEF3C7;--amber-border: #FCD34D;--bg: #F8FAFC;--surface: rgba(255, 255, 255, .7);--border: #E2E8F0;--border-soft: #F1F5F9;--table-head: rgba(248, 250, 252, .8);--row-hover: #F1F5F9;--series-1: #6366F1;--series-2: #10B981;--series-3: #F43F5E;--series-4: #0EA5E9;--series-5: #F59E0B;--series-6: #8B5CF6;--series-7: #EC4899;--series-8: #3B82F6;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .03);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--sidebar-w: 260px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--charcoal);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:700;color:var(--charcoal);letter-spacing:-.02em}p{margin:0}a{color:inherit}button{font-family:inherit}table{border-collapse:collapse;width:100%}.num,.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}::selection{background:var(--brand-red);color:#fff}.text-gradient{background:linear-gradient(135deg,var(--navy) 0%,var(--brand-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-title{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-bottom:2px}.dash-subtitle{font-size:13.5px;color:var(--slate);font-weight:500}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex-shrink:0;background:var(--navy);color:#fff;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:22px 20px 18px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand .logo-badge{width:34px;height:34px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 3px #00000040}.sidebar-brand .brand-name{font-size:14.5px;font-weight:700;line-height:1.25}.sidebar-brand .brand-sub{font-size:11px;color:#9fb3ce;margin-top:1px}.sidebar-nav{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:#7590b3;padding:14px 10px 6px;font-weight:700}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;cursor:pointer;color:#c9d6e8;font-size:13.5px;font-weight:500;transition:background .12s,color .12s;user-select:none}.nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.9}.nav-item:hover{background:#ffffff0f;color:#fff}.nav-item.active{background:#d6272c38;color:#fff}.nav-item.active svg{color:#ff8a80;opacity:1}.sidebar-footer{padding:14px 18px 18px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#7590b3}.main-col{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:62px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:20}.topbar-title{font-size:16.5px;font-weight:650}.topbar-actions{display:flex;align-items:center;gap:12px}.topbar-user{display:flex;align-items:center;gap:9px;font-size:13px}.avatar{width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.content{padding:24px;flex:1}.user-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);min-width:140px;z-index:60;overflow:hidden}.user-menu-item{padding:10px 14px;font-size:13px;cursor:pointer;color:var(--charcoal)}.user-menu-item:hover{background:var(--row-hover)}.mobile-menu-btn,.sidebar-backdrop{display:none}@media(max-width:980px){.sidebar{position:fixed;left:-260px;z-index:50;transition:left .18s;box-shadow:var(--shadow-lg)}.sidebar.open{left:0}.content{padding:16px}.topbar{padding:0 14px}.mobile-menu-btn{display:inline-flex}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#0f172a66;z-index:40}}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer;transition:background .12s,border-color .12s,opacity .12s;line-height:1.2;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#fff;color:var(--navy);border-color:var(--border)}.btn-secondary:hover{background:var(--navy-soft)}.btn-ghost{background:transparent;color:var(--slate)}.btn-ghost:hover{background:var(--row-hover);color:var(--charcoal)}.btn-danger{background:#fff;color:var(--red);border-color:var(--red-border)}.btn-danger:hover{background:var(--red-soft)}.btn-sm{padding:5px 10px;font-size:12px}.btn-block{width:100%;justify-content:center}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:18px 20px}.card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.card-header h3{font-size:14.5px}.card-header .card-sub{font-size:12px;color:var(--slate);margin-top:2px}.grid{display:grid;gap:16px;min-width:0}.grid>*{min-width:0}.grid-kpi4{grid-template-columns:repeat(4,1fr)}.grid-charts{grid-template-columns:1.6fr 1fr}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1180px){.grid-charts{grid-template-columns:1fr}}@media(max-width:900px){.grid-kpi4{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3{grid-template-columns:1fr}}@media(max-width:520px){.grid-kpi4{grid-template-columns:1fr}}.kpi-card{padding:18px 20px;display:flex;flex-direction:column;gap:10px}.kpi-top{display:flex;align-items:center;justify-content:space-between}.kpi-label{font-size:12.5px;color:var(--slate);font-weight:600}.kpi-icon{width:32px;height:32px;border-radius:8px;background:var(--navy-soft);display:flex;align-items:center;justify-content:center;color:var(--navy)}.kpi-icon svg{width:16px;height:16px}.kpi-value{font-size:24px;font-weight:700;color:var(--charcoal);letter-spacing:-.02em}.kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;width:fit-content}.kpi-delta.good{background:var(--mint-soft);color:var(--mint)}.kpi-delta.bad{background:var(--red-soft);color:var(--red)}.kpi-delta svg{width:11px;height:11px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;border:1px solid transparent;white-space:nowrap}.badge-mint{background:var(--mint-soft);color:var(--mint);border-color:var(--mint-border)}.badge-red{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}.badge-amber{background:var(--amber-soft);color:var(--amber);border-color:var(--amber-border)}.badge-slate{background:#f1f5f9;color:var(--slate);border-color:var(--border)}.badge-navy{background:var(--navy-soft);color:var(--navy);border-color:#c9d8ec}.table-wrap{overflow-x:auto}.data-table{font-size:13px}.data-table th{text-align:left;padding:10px 14px;background:var(--table-head);color:var(--slate);font-weight:650;font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;cursor:pointer;user-select:none;position:sticky;top:0}.data-table th.no-sort{cursor:default}.data-table th .sort-arrow{margin-left:4px;opacity:.5;font-size:10px}.data-table td{padding:10px 14px;border-bottom:1px solid var(--border-soft);color:var(--charcoal);vertical-align:middle}.data-table tbody tr{transition:background .1s}.data-table tbody tr:hover{background:var(--row-hover);cursor:default}.data-table tbody tr.clickable:hover{cursor:pointer}.data-table .text-right{text-align:right}.data-table .text-muted{color:var(--slate)}.data-table tfoot td{font-weight:700;border-top:2px solid var(--border);background:var(--table-head)}.empty-row td{text-align:center;color:var(--slate-light);padding:32px;font-size:13px}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.toolbar-spacer{flex:1}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11.5px;font-weight:650;color:var(--slate)}.input,select.input,textarea.input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 11px;font-size:13px;background:#fff;color:var(--charcoal);font-family:inherit;outline:none;transition:border-color .12s}.input:focus{border-color:var(--navy)}.input-search{padding-left:32px;background-repeat:no-repeat;background-position:10px center}.search-wrap{position:relative}.search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--slate-light)}textarea.input{resize:vertical;min-height:64px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tab{padding:10px 4px;margin-right:20px;font-size:13.5px;font-weight:600;color:var(--slate);cursor:pointer;border-bottom:2px solid transparent}.tab:hover{color:var(--charcoal)}.tab.active{color:var(--navy);border-bottom-color:var(--navy)}.modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:flex-start;justify-content:center;z-index:100;padding:40px 16px;overflow-y:auto}.modal{background:#fff;border-radius:var(--radius);width:100%;max-width:560px;box-shadow:var(--shadow-lg)}.modal.modal-lg{max-width:780px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.modal-head h3{font-size:15px}.modal-close{cursor:pointer;color:var(--slate);background:none;border:none;padding:4px;border-radius:6px}.modal-close:hover{background:var(--row-hover)}.modal-body{padding:20px;max-height:70vh;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border-soft)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .span-2{grid-column:span 2}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:span 1}}.toaster{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:200}.toast{background:var(--charcoal);color:#fff;padding:11px 16px;border-radius:8px;font-size:13px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;min-width:220px}.toast.success{background:#06452f}.toast.error{background:#5c1414}.text-muted{color:var(--slate)}.text-sm{font-size:12.5px}.mono{font-family:SFMono-Regular,Consolas,monospace}.divider{height:1px;background:var(--border-soft);margin:14px 0}.pill-tabs{display:flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:9px;width:fit-content}.pill-tab{padding:6px 13px;border-radius:6px;font-size:12.5px;font-weight:650;color:var(--slate);cursor:pointer}.pill-tab.active{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}.loading-block{padding:60px;text-align:center;color:var(--slate);font-size:13px}.error-block{padding:16px;background:var(--red-soft);border:1px solid var(--red-border);border-radius:var(--radius-sm);color:var(--red);font-size:13px}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:36px 20px;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;color:var(--slate)}.dropzone:hover,.dropzone.dragover{border-color:var(--navy);background:var(--navy-soft)}.dropzone svg{width:30px;height:30px;color:var(--slate-light);margin-bottom:8px}.dash-hero{background:radial-gradient(1200px 400px at 0% 0%,#143A63 0%,transparent 60%),radial-gradient(900px 320px at 100% 0%,rgba(214,39,44,.16) 0%,transparent 55%),linear-gradient(150deg,#0b2545,#0f2e52 55%,#0a2140);border-radius:16px;padding:26px 26px 22px;margin-bottom:20px;color:#fff;box-shadow:0 20px 44px #0b254547;border-top:2px solid rgba(214,39,44,.55)}.dash-hero-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px;flex-wrap:wrap;gap:10px}.dash-hero-title{font-size:15px;font-weight:700;color:#fff}.dash-hero-sub{font-size:12px;color:#ffffff8c;margin-top:2px}.glass-kpi{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 18px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:8px;transition:background .15s,border-color .15s}.glass-kpi:hover{background:#ffffff17;border-color:#ffffff2e}.glass-kpi-top{display:flex;align-items:center;justify-content:space-between}.glass-kpi-label{font-size:12px;color:#fff9;font-weight:600}.glass-kpi-icon{width:30px;height:30px;border-radius:8px;background:#d6272c29;display:flex;align-items:center;justify-content:center;color:#ff9b8f}.glass-kpi-icon svg{width:15px;height:15px}.glass-kpi-value{font-size:21px;font-weight:750;color:#fff;letter-spacing:-.02em}.glass-kpi-delta{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:650;padding:2px 8px;border-radius:999px;width:fit-content}.glass-kpi-delta.good{background:#22d3a529;color:#6ee7c0}.glass-kpi-delta.bad{background:#f8717129;color:#fca5a5}.glass-kpi-delta svg{width:10px;height:10px}.glass-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.glass-card-pad{padding:16px 18px}.activity-stream{display:flex;flex-direction:column}.activity-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.activity-row:last-child{border-bottom:none}.activity-dot{width:8px;height:8px;border-radius:50%;background:#e8544f;flex-shrink:0}.activity-main{flex:1;min-width:0}.activity-memo{font-size:12.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:11px;color:#ffffff80;margin-top:1px}.activity-amt{font-size:12.5px;font-weight:650;color:#fff;flex-shrink:0}@media(max-width:900px){.dash-hero{padding:20px 16px}}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(900px 500px at 100% 100%,rgba(214,39,44,.2) 0%,transparent 55%),linear-gradient(160deg,var(--navy) 0%,#10304F 45%,#0B2545 100%);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:var(--shadow-lg);padding:32px 30px;width:100%;max-width:380px;border-top:3px solid var(--brand-red)}.login-brand{display:flex;align-items:center;gap:10px}.login-brand .logo-badge{width:40px;height:40px;border-radius:10px;background:#fff;border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.login-brand .brand-name{font-size:16px;font-weight:700;color:var(--charcoal)}.login-brand .brand-sub{font-size:11.5px;color:var(--slate)}.login-demo-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .12s,border-color .12s}.login-demo-row:hover{background:var(--navy-soft);border-color:var(--navy)}.invoice-doc{background:#fff;padding:40px;max-width:780px;margin:0 auto;font-size:13px;color:var(--charcoal)}.invoice-doc .inv-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.invoice-doc h1{font-size:20px;letter-spacing:.04em;color:var(--navy)}.invoice-doc table{margin:16px 0}.invoice-doc th{background:var(--navy);color:#fff;padding:8px 10px;font-size:11px;text-transform:uppercase;text-align:left}.invoice-doc td{padding:8px 10px;border-bottom:1px solid var(--border-soft)}.invoice-totals{margin-left:auto;width:280px}.invoice-totals .row{display:flex;justify-content:space-between;padding:5px 0;font-size:13px}.invoice-totals .row.grand{border-top:2px solid var(--navy);margin-top:6px;padding-top:10px;font-size:15px;font-weight:700;color:var(--navy)}.ti-page{width:100%;max-width:186mm;margin:0 auto;overflow:hidden}.ti-doc{background:#fff;padding:22px 26px 16px;font-size:11.5px;color:var(--charcoal);transform-origin:top left}.ti-topbar{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;padding-bottom:10px;border-bottom:2px solid var(--brand-red)}.ti-brand-contact{font-size:10.5px;color:var(--slate);margin-top:5px;line-height:1.5;text-align:right}.ti-title{text-align:center;font-size:18px;font-weight:800;color:var(--navy);letter-spacing:.06em;margin:10px 0 14px}.ti-smallrow{display:flex;gap:12px;margin-bottom:10px}.ti-smallbox{flex:1;border:1px solid var(--charcoal);border-radius:2px;padding:5px 10px;font-size:11.5px}.ti-boxrow{display:flex;gap:12px;margin-bottom:10px;align-items:stretch}.ti-box{flex:1;border:1px solid var(--charcoal);border-radius:2px;padding:7px 10px}.ti-line{margin-bottom:3px;font-size:11.5px;line-height:1.4}.ti-line:last-child{margin-bottom:0}.ti-line b{font-weight:700}.ti-plainrow{display:flex;justify-content:space-between;gap:20px;margin-bottom:7px;font-size:11.5px;flex-wrap:wrap}.ti-table{width:100%;border-collapse:collapse;margin:5px 0 0}.ti-table th{background:var(--navy);color:#fff;padding:6px 10px;font-size:10.5px;font-weight:700;text-align:left}.ti-table th.num-col{text-align:right}.ti-table td{padding:4px 10px;border-bottom:1px solid var(--border-soft);font-size:11.5px;height:20px}.ti-table td.num-col{text-align:right}.ti-table tfoot td{border-top:1px solid var(--charcoal);border-bottom:none;background:#f1f5f9;font-weight:700;padding:5px 10px}.ti-table tfoot tr:last-child td{color:var(--navy);font-size:12.5px}.ti-words{margin-top:12px;font-size:11.5px;display:flex;gap:8px}.ti-words b{flex-shrink:0}.ti-payment{margin-top:7px;font-size:11.5px}.ti-footer-note{margin-top:16px;font-size:10.5px;color:var(--slate-light);text-align:center}.ti-signature-block{margin-top:90px;display:flex;justify-content:flex-end}.ti-sig-line{width:210px;border-top:1px solid var(--charcoal)}.ti-sig-label{width:210px;text-align:center;font-size:10.5px;color:var(--slate);margin-top:4px}.ti-footer-brand{margin-top:14px;padding-top:8px;border-top:1px solid var(--border-soft);font-size:9.5px;color:var(--slate-light);text-align:center;letter-spacing:.02em}@media print{.no-print,.toaster{display:none!important}html,body,#root{height:auto!important}.content{padding:0}.sidebar,.topbar,.mobile-menu-btn{display:none!important}.main-col{width:100%}body:has(.modal-overlay) .app-shell{display:none!important}.modal-overlay{position:static!important;padding:0!important;background:none!important;display:block!important;overflow:visible!important;inset:auto!important}.modal{max-width:none!important;width:auto!important;box-shadow:none!important;border-radius:0!important}.modal-head,.modal-foot{display:none!important}.modal-body{max-height:none!important;overflow:visible!important;padding:0!important}}@page{size:A4;margin:10mm 12mm}.print-only{display:none}@media print{.print-only{display:block}}@page cheque-leaf-page{size:203mm 89mm;margin:0}.print-only{page:cheque-leaf-page}.cheque-leaf{position:relative;width:203mm;height:89mm;background:#fdfdfb;border:1px solid var(--border);box-shadow:var(--shadow-sm);font-family:Inter,sans-serif;font-size:11px;color:#1a1a1a;background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.015) 0 2px,transparent 2px 40px)}.cheque-leaf-print{border:none;box-shadow:none}.cheque-bank-label{position:absolute;top:4mm;left:14mm;font-size:13px;font-weight:800;letter-spacing:.03em}.cheque-field{font-size:10.5px}.cheque-date-boxes{display:flex;gap:2mm}.cheque-date-box{border:1px solid var(--accent, #333);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;font-family:SFMono-Regular,Consolas,monospace}.cheque-payee{border-bottom:1px solid #333;padding-bottom:1px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cheque-amount-figures{border:1px solid #333;padding:2px 4px;font-weight:700;font-family:SFMono-Regular,Consolas,monospace;text-align:center}.cheque-amount-words{border-bottom:1px solid #333;padding-bottom:1px;font-style:italic;white-space:nowrap;overflow:hidden}.cheque-signature{border-top:1px solid #333;padding-top:2px;font-size:8.5px;color:#666;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.interactive-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.interactive-card:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 20px 40px #0b254524;border-color:#0b25452e}.glass-kpi{transition:transform .4s cubic-bezier(.16,1,.3,1),background-color .3s ease,border-color .3s ease,box-shadow .4s cubic-bezier(.16,1,.3,1)}.glass-kpi:hover{background:#ffffff1c;border-color:#ffffff38;transform:translateY(-5px) scale(1.01);box-shadow:0 16px 32px #00000040}.glass-card{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1)}.glass-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 24px 48px #0b254547;border-color:#ffffff38}.activity-row{transition:background-color .2s ease,padding-left .2s ease}.activity-row:hover{background-color:#ffffff0d;padding-left:6px}@keyframes pulseDot{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.3);opacity:.6;background-color:#ff6b6b}}.activity-dot{animation:pulseDot 2s infinite ease-in-out}.system-status-badge{display:inline-flex;align-items:center;gap:8px;background:#22d3a51f;border:1px solid rgba(34,211,165,.25);color:#6ee7c0;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;transition:background-color .3s,border-color .3s}.system-status-badge:hover{background:#22d3a52e;border-color:#22d3a559}.status-dot-green{width:6px;height:6px;border-radius:50%;background-color:#22d3a5;box-shadow:0 0 8px #22d3a5}@keyframes pulseGlow{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.system-status-badge{animation:pulseGlow 2.5s infinite ease-in-out}.activity-stream-timeline{display:flex;flex-direction:column;gap:12px}.activity-timeline-row{display:flex;gap:12px;transition:transform .2s ease,background-color .2s ease;padding:6px;border-radius:6px}.activity-timeline-row:hover{background-color:var(--row-hover);transform:translate(4px)}.activity-timeline-left{display:flex;flex-direction:column;align-items:center;position:relative;flex-shrink:0;width:12px}.activity-timeline-dot{width:8px;height:8px;border-radius:50%;background-color:var(--brand-red);margin-top:5px;position:relative;z-index:2;box-shadow:0 0 6px var(--brand-red);transition:transform .2s ease}.activity-timeline-line{width:2px;background-color:var(--border-soft);flex-grow:1;position:absolute;top:13px;bottom:-19px;z-index:1}.activity-timeline-main{flex-grow:1;font-size:13px;min-width:0}.activity-timeline-row:hover .activity-timeline-dot{transform:scale(1.3);box-shadow:0 0 10px var(--brand-red)}.refresh-icon{transition:transform .6s cubic-bezier(.16,1,.3,1)}.btn:hover .refresh-icon{transform:rotate(360deg)}.card.interactive-card{background:#ffffffb8!important;backdrop-filter:blur(12px) saturate(120%)!important;-webkit-backdrop-filter:blur(12px) saturate(120%)!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 8px 32px #0b25450a!important}.card.interactive-card:hover{background:#ffffffd9!important;box-shadow:0 16px 40px #0b25451f!important;border-color:#0b254526!important}.search-wrap .input-search{transition:border-color .3s,box-shadow .3s,background-color .3s;background-color:#fff9}.search-wrap .input-search:focus{background-color:#fff;box-shadow:0 0 0 3px #0b254514}