:root{--brand-50:#ecfdf7;--brand-100:#d1fae9;--brand-200:#a7f3d5;--brand-300:#6ee7bc;--brand-400:#34d49e;--brand-500:#00AB7A;--brand-600:#009468;--brand-700:#007a57;--brand-800:#006147;--brand-900:#004d38;--gradient-brand:linear-gradient(135deg, var(--brand-700), var(--brand-800), var(--brand-900));--gradient-header:linear-gradient(135deg, #004d38 0%, #006147 50%, #007a57 100%);--gradient-surface:linear-gradient(135deg, rgba(0, 171, 122, 0.05), rgba(185, 224, 208, 0.05));--color-success:#10b981;--color-success-bg:#ecfdf5;--color-success-border:#a7f3d0;--color-success-glow:rgba(16, 185, 129, 0.15);--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-warning-border:#fde68a;--color-warning-glow:rgba(245, 158, 11, 0.15);--color-danger:#ef4444;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-danger-glow:rgba(239, 68, 68, 0.15);--color-info:#00AB7A;--color-info-bg:#ecfdf7;--color-info-border:#a7f3d5;--color-info-glow:rgba(0, 171, 122, 0.15);--color-success-text:#047857;--color-warning-text:#b45309;--color-danger-text:#b91c1c;--color-info-text:var(--brand-700);--surface-bg:#f0f4f8;--surface-card:rgba(255, 255, 255, 0.72);--surface-card-solid:#ffffff;--surface-raised:rgba(255, 255, 255, 0.85);--surface-overlay:rgba(15, 23, 42, 0.6);--surface-subtle:rgba(0, 171, 122, 0.04);--glass-blur:12px;--glass-border:rgba(255, 255, 255, 0.5);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.06);--border-light:rgba(148, 163, 184, 0.2);--border-default:rgba(148, 163, 184, 0.3);--border-strong:rgba(148, 163, 184, 0.5);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#ffffff;--text-link:var(--brand-700);--text-brand:var(--brand-700);--font-sans:'Lato',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-heading:'Poppins',var(--font-sans);--font-mono:'SF Mono','Fira Code','Cascadia Code','JetBrains Mono',ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:3px;--radius-md:4px;--radius-lg:5px;--radius-xl:8px;--radius-2xl:10px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.08);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.1);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.12);--shadow-glow:0 0 0 3px rgba(0, 171, 122, 0.2);--shadow-brand:0 4px 14px rgba(0, 171, 122, 0.3);--shadow-float:0 12px 40px rgba(0, 0, 0, 0.12),0 4px 12px rgba(0, 0, 0, 0.06);--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-spring:cubic-bezier(0.34, 1.56, 0.64, 1);--duration-fast:120ms;--duration-base:200ms;--duration-slow:350ms;--duration-slower:500ms;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400;--header-height:60px;--sidebar-width:260px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root:not(.light){--surface-bg:#0b1120;--surface-card:rgba(30, 41, 59, 0.65);--surface-card-solid:#1e293b;--surface-raised:rgba(30, 41, 59, 0.8);--surface-overlay:rgba(0, 0, 0, 0.7);--surface-subtle:rgba(0, 171, 122, 0.06);--glass-border:rgba(255, 255, 255, 0.08);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.3);--border-light:rgba(148, 163, 184, 0.1);--border-default:rgba(148, 163, 184, 0.15);--border-strong:rgba(148, 163, 184, 0.25);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-link:var(--brand-400);--text-brand:var(--brand-400);--gradient-header:linear-gradient(135deg, #0b1120 0%, #0f172a 50%, #002e22 100%);--gradient-surface:linear-gradient(135deg, rgba(0, 171, 122, 0.03), rgba(185, 224, 208, 0.03));--color-success-bg:rgba(16, 185, 129, 0.12);--color-success-border:rgba(16, 185, 129, 0.25);--color-warning-bg:rgba(245, 158, 11, 0.12);--color-warning-border:rgba(245, 158, 11, 0.25);--color-danger-bg:rgba(239, 68, 68, 0.12);--color-danger-border:rgba(239, 68, 68, 0.25);--color-info-bg:rgba(0, 171, 122, 0.12);--color-info-border:rgba(0, 171, 122, 0.25);--color-success-text:var(--color-success);--color-warning-text:var(--color-warning);--color-danger-text:var(--color-danger);--color-info-text:var(--brand-400);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.2);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.25);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.35);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 0 3px rgba(0, 171, 122, 0.3);--shadow-brand:0 4px 20px rgba(0, 171, 122, 0.4);--shadow-float:0 12px 40px rgba(0, 0, 0, 0.4),0 4px 12px rgba(0, 0, 0, 0.2)}}html.dark{--surface-bg:#0b1120;--surface-card:rgba(30, 41, 59, 0.65);--surface-card-solid:#1e293b;--surface-raised:rgba(30, 41, 59, 0.8);--surface-overlay:rgba(0, 0, 0, 0.7);--surface-subtle:rgba(0, 171, 122, 0.06);--glass-border:rgba(255, 255, 255, 0.08);--glass-shadow:0 8px 32px rgba(0, 0, 0, 0.3);--border-light:rgba(148, 163, 184, 0.1);--border-default:rgba(148, 163, 184, 0.15);--border-strong:rgba(148, 163, 184, 0.25);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-link:var(--brand-400);--text-brand:var(--brand-400);--gradient-header:linear-gradient(135deg, #0b1120 0%, #0f172a 50%, #002e22 100%);--gradient-surface:linear-gradient(135deg, rgba(0, 171, 122, 0.03), rgba(185, 224, 208, 0.03));--color-success-bg:rgba(16, 185, 129, 0.12);--color-success-border:rgba(16, 185, 129, 0.25);--color-warning-bg:rgba(245, 158, 11, 0.12);--color-warning-border:rgba(245, 158, 11, 0.25);--color-danger-bg:rgba(239, 68, 68, 0.12);--color-danger-border:rgba(239, 68, 68, 0.25);--color-info-bg:rgba(0, 171, 122, 0.12);--color-info-border:rgba(0, 171, 122, 0.25);--color-success-text:var(--color-success);--color-warning-text:var(--color-warning);--color-danger-text:var(--color-danger);--color-info-text:var(--brand-400);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.2);--shadow-sm:0 2px 8px rgba(0, 0, 0, 0.25);--shadow-md:0 4px 16px rgba(0, 0, 0, 0.3);--shadow-lg:0 8px 32px rgba(0, 0, 0, 0.35);--shadow-xl:0 16px 48px rgba(0, 0, 0, 0.4);--shadow-glow:0 0 0 3px rgba(0, 171, 122, 0.3);--shadow-brand:0 4px 20px rgba(0, 171, 122, 0.4);--shadow-float:0 12px 40px rgba(0, 0, 0, 0.4),0 4px 12px rgba(0, 0, 0, 0.2)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-bg);min-height:100vh;transition:background-color var(--duration-slow) ease,color var(--duration-slow) ease}body::before{content:'';position:fixed;inset:0;background:radial-gradient(ellipse at 20% 0,rgba(0,171,122,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(185,224,208,.04) 0,transparent 50%);pointer-events:none;z-index:-1}a{color:var(--text-link);text-decoration:none;transition:color var(--duration-fast) ease}a:hover{color:var(--brand-800);text-decoration:underline}img,svg{display:block;max-width:100%}table{border-collapse:collapse;width:100%}code,kbd,pre{font-family:var(--font-mono);font-size:.9em}::selection{background:rgba(0,171,122,.2);color:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:var(--leading-tight);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}h1{font-size:var(--text-2xl);letter-spacing:-.02em}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-md)}h5{font-size:var(--text-base);font-weight:600}h6{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}p{margin-bottom:var(--space-3)}p:last-child{margin-bottom:0}.text-sm,small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-brand{color:var(--text-brand)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase;letter-spacing:.06em}.app-header{position:sticky;top:0;z-index:var(--z-sticky);min-height:var(--header-height);display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2) 0;padding:var(--space-2) var(--space-8);background:var(--gradient-header);color:var(--text-inverse);border-bottom:1px solid rgba(255,255,255,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.app-header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,171,122,.4),rgba(185,224,208,.3),transparent)}.app-header h1{font-size:var(--text-lg);font-weight:600;color:var(--text-inverse);letter-spacing:-.01em}.app-header .header-subtitle{font-size:var(--text-xs);opacity:.5;font-weight:400;letter-spacing:.02em}.app-header nav{display:flex;flex-wrap:wrap;gap:var(--space-1)}.app-body{padding:var(--space-8);max-width:none;margin:0 auto}.container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:var(--container-sm);margin:0 auto;padding:0 var(--space-6)}.container-xl{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.grid{display:grid;gap:var(--space-5)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-sm{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.app-body{padding:var(--space-4)}.app-header{padding:0 var(--space-4)}}.card{background:var(--surface-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--glass-shadow);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float);border-color:rgba(0,171,122,.15)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.card-header h2,.card-header h3{margin:0}.card-header .meta{font-size:var(--text-xs);color:var(--text-secondary)}.card-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.card-accent{border-left:3px solid var(--border-default)}.card-accent.accent-brand{border-left-color:var(--brand-500);background:linear-gradient(90deg,rgba(0,171,122,.04),transparent 40%)}.card-accent.accent-success{border-left-color:var(--color-success);background:linear-gradient(90deg,var(--color-success-glow),transparent 40%)}.card-accent.accent-warning{border-left-color:var(--color-warning);background:linear-gradient(90deg,var(--color-warning-glow),transparent 40%)}.card-accent.accent-danger{border-left-color:var(--color-danger);background:linear-gradient(90deg,var(--color-danger-glow),transparent 40%)}.card-accent.accent-info{border-left-color:#3b82f6;background:linear-gradient(90deg,rgba(59,130,246,.1),transparent 40%)}.card-accent.accent-muted{border-left-color:var(--text-muted);background:linear-gradient(90deg,rgba(148,163,184,.1),transparent 40%)}.card-sm{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg)}.stat-card{text-align:center;padding:var(--space-6);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:-40%;left:-20%;width:140%;height:140%;background:radial-gradient(ellipse at center,rgba(0,171,122,.04),transparent 60%);pointer-events:none}.stat-card .stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);font-family:var(--font-mono);line-height:1;margin-bottom:var(--space-2);position:relative}.stat-card .stat-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);position:relative}.stat-card:hover{transform:none}.stat-card .stat-sub{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.stat-card-left{text-align:left;padding:var(--space-5) var(--space-6);border-left-style:solid;border-left-width:3px;border-left-color:var(--brand-500)}.stat-card-left .stat-value{font-family:var(--font-heading);font-size:var(--text-2xl);margin-bottom:var(--space-1);text-align:left}.stat-card-left .stat-label{text-align:left}.stat-card-left .stat-sub{text-align:left}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.55rem 1.15rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-decoration:none;position:relative;transition:all var(--duration-base) var(--ease-out)}.btn:hover{text-decoration:none}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-busy=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-brand);color:var(--text-inverse);border:none;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){box-shadow:0 6px 24px rgba(0,171,122,.45);transform:translateY(-1px)}.btn-secondary{background:var(--surface-card);color:var(--text-secondary);border-color:var(--border-default);backdrop-filter:blur(8px)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-400);color:var(--text-primary);background:var(--surface-raised)}.btn-ghost{background:0 0;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--surface-subtle);color:var(--text-brand)}.btn-danger{background:0 0;color:var(--color-danger);border-color:var(--color-danger-border)}.btn-danger:hover:not(:disabled){background:#b91c1c;color:var(--text-inverse);border-color:#b91c1c;box-shadow:0 4px 14px rgba(185,28,28,.35)}.btn-success{background:#047857;color:var(--text-inverse);box-shadow:0 4px 14px rgba(4,120,87,.25)}.btn-success:hover:not(:disabled){background:#065f46;box-shadow:0 6px 20px rgba(4,120,87,.4);transform:translateY(-1px)}.btn-sm{padding:.35rem .65rem;font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:.7rem 1.75rem;font-size:var(--text-base);border-radius:var(--radius-lg)}.nav-btn{padding:.4rem .85rem;font-size:var(--text-sm);font-weight:500;color:rgba(255,255,255,.55);background:0 0;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.nav-btn:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}.nav-btn.active{color:var(--text-inverse);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.15);box-shadow:0 0 12px rgba(0,171,122,.15)}.theme-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:rgba(255,255,255,.06);color:rgba(255,255,255,.7);cursor:pointer;font-size:18px;transition:all var(--duration-base) var(--ease-out)}.theme-toggle:hover{background:rgba(255,255,255,.12);color:var(--text-inverse)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .55rem;font-size:var(--text-xs);font-weight:600;line-height:1.2;border-radius:var(--radius-full);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;border:1px solid transparent}.badge-brand{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.badge-success{background:var(--color-success-bg);color:var(--color-success-text);border-color:var(--color-success-border)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-border)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger-text);border-color:var(--color-danger-border)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text);border-color:var(--color-info-border)}.badge-muted{background:var(--surface-subtle);color:var(--text-muted);border-color:var(--border-light)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-success{background:var(--color-success);box-shadow:0 0 6px var(--color-success-glow)}.dot-warning{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning-glow)}.dot-danger{background:var(--color-danger);box-shadow:0 0 6px var(--color-danger-glow)}.dot-info{background:var(--color-info);box-shadow:0 0 6px var(--color-info-glow)}.dot-muted{background:var(--text-muted)}.dot-pulse{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);background:var(--surface-card);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border)}table.lk-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.lk-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:var(--surface-subtle);border-bottom:1px solid var(--border-light);white-space:nowrap}table.lk-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-light);vertical-align:middle}table.lk-table tbody tr:last-child td{border-bottom:none}table.lk-table tbody tr{transition:background var(--duration-fast) ease}table.lk-table tbody tr:hover{background:var(--surface-subtle)}table.lk-table.table-compact tbody td,table.lk-table.table-compact thead th{padding:var(--space-2) var(--space-3)}table.lk-table .col-num{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500}label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-1)}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],select,textarea{width:100%;padding:.55rem .85rem;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:var(--surface-card-solid);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:0;transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease,background var(--duration-base) ease}input:focus,select:focus,textarea:focus{border-color:var(--brand-500);box-shadow:var(--shadow-glow);background:var(--surface-card-solid)}input:disabled,select:disabled,textarea:disabled{opacity:.5;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-muted)}.form-group{margin-bottom:var(--space-5)}.form-hint{font-size:var(--text-xs);color:var(--text-secondary);margin-top:var(--space-1)}.form-error{font-size:var(--text-xs);color:var(--color-danger);margin-top:var(--space-1)}.check-row{display:flex;align-items:center;gap:var(--space-2)}.check-row input[type=checkbox],.check-row input[type=radio]{width:auto;accent-color:var(--brand-500)}.check-row label{margin-bottom:0;font-weight:400;color:var(--text-primary)}.tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);background:var(--surface-card);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-1);overflow-x:auto}.tab{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:0 0;border:none;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:all var(--duration-base) var(--ease-out)}.tab:hover{color:var(--text-primary);background:var(--surface-subtle)}.tab.active{color:var(--text-inverse);background:var(--gradient-brand);box-shadow:var(--shadow-brand)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);background:var(--surface-card);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);background:0 0;border:1px solid transparent;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:all var(--duration-base) var(--ease-out);user-select:none}.filter-chip:hover{color:var(--text-primary);background:var(--surface-subtle);border-color:var(--glass-border)}.filter-chip.active{color:var(--text-inverse);background:var(--gradient-brand);border-color:transparent;box-shadow:var(--shadow-brand)}.filter-chip.toggle{border:1px solid var(--glass-border)}.filter-chip.toggle.active{color:var(--color-info-text);background:rgba(0,171,122,.12);border-color:var(--color-info-text);box-shadow:none}.badge[data-filter],.card[data-filter],.stat-card[data-filter]{cursor:pointer}.card[data-filter]:hover,.stat-card[data-filter]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card[data-filter].active,.stat-card[data-filter].active{outline:2px solid var(--brand-500);outline-offset:2px}.lk-table tbody tr[data-filter]{cursor:pointer}.lk-table tbody tr[data-filter]:hover{background:rgba(0,171,122,.06)}.badge[data-filter]{cursor:pointer;transition:all var(--duration-base) var(--ease-out)}.badge[data-filter]:hover{transform:scale(1.08);box-shadow:0 2px 8px rgba(0,0,0,.15)}.badge[data-filter].active{outline:2px solid var(--brand-500);outline-offset:1px}body.compact .filter-bar{padding:var(--space-1);gap:var(--space-1)}body.compact .filter-chip{padding:var(--space-1) var(--space-2);font-size:10px}.modal-overlay{position:fixed;inset:0;z-index:var(--z-modal);background:var(--surface-overlay);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn var(--duration-base) var(--ease-out)}.modal{background:var(--surface-card-solid);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:85vh;overflow-y:auto;animation:slideUp var(--duration-slow) var(--ease-spring)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-light)}.modal-header h2{font-size:var(--text-lg);margin:0}.modal-body{padding:var(--space-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-light)}.modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-light);background:0 0;border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);font-size:1.1rem;transition:all var(--duration-fast) ease}.modal-close:hover{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal);border:1px solid;backdrop-filter:blur(8px);display:flex;align-items:flex-start;gap:var(--space-3)}.alert-success{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-text)}.alert-warning{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-text)}.alert-danger{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-text)}.alert-info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-text)}.progress{width:100%;height:6px;background:var(--border-light);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--radius-full);background:var(--gradient-brand);box-shadow:0 0 12px rgba(0,171,122,.3);transition:width var(--duration-slow) var(--ease-out)}.progress-fill.fill-success{background:var(--color-success);box-shadow:0 0 12px var(--color-success-glow)}.progress-fill.fill-warning{background:var(--color-warning);box-shadow:0 0 12px var(--color-warning-glow)}.progress-fill.fill-danger{background:var(--color-danger);box-shadow:0 0 12px var(--color-danger-glow)}.htmx-indicator{display:none}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{display:inline-block}.spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--border-light);border-top-color:var(--brand-500);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:12px;height:12px;border-width:1.5px}.spinner-lg{width:24px;height:24px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.anim-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out)}.anim-slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}.anim-scale-in{animation:scaleIn var(--duration-slow) var(--ease-spring)}.htmx-added{animation:slideUp var(--duration-slow) var(--ease-out)}.stagger>*{animation:slideUp var(--duration-slow) var(--ease-out) both}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:150ms}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:250ms}.stagger>:nth-child(n+7){animation-delay:.3s}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--text-muted)}.empty-state .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.3}.empty-state p{font-size:var(--text-sm);max-width:360px;margin:0 auto}body.compact .card{padding:var(--space-4);border-radius:var(--radius-lg)}body.compact .card-sm{padding:var(--space-3)}body.compact .stat-card{padding:var(--space-4)}body.compact .stat-card .stat-value{font-size:var(--text-xl)}body.compact .app-body{padding:var(--space-5)}body.compact .grid{gap:var(--space-3)}body.compact table.lk-table tbody td,body.compact table.lk-table thead th{padding:var(--space-2) var(--space-3)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.hidden{display:none!important}.block{display:block}.inline{display:inline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.bg-surface{background:var(--surface-bg)}.bg-card{background:var(--surface-card)}.bg-subtle{background:var(--surface-subtle)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.scroll-y{overflow-y:auto;max-height:400px}.divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-default),transparent);border:none;margin:var(--space-6) 0}.toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.toolbar-label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}tr.row-link{cursor:pointer;transition:background var(--duration-fast) ease}tr.row-link:hover{background:var(--surface-subtle)}tr.row-link td{position:relative}tr.row-link a.stretched{position:absolute;inset:0;display:block;z-index:1;color:transparent}.chart-wrap{position:relative;height:280px}.chart-wrap-sm{height:200px}.chart-wrap-md{height:280px}.chart-wrap-lg{height:360px}footer{text-align:center;color:var(--text-secondary);font-size:var(--text-xs);padding:var(--space-8) 0}html[data-brand=gpsit]{--brand-50:#fff7f5;--brand-100:#fee2db;--brand-200:#fdc5b7;--brand-300:#fb9e88;--brand-400:#f67050;--brand-500:#f04923;--brand-600:#d93c1a;--brand-700:#b03014;--brand-800:#8a2610;--brand-900:#6b1d0c;--gradient-header:linear-gradient(135deg, #231F20 0%, #3a3536 50%, #6b1d0c 100%);--gradient-surface:linear-gradient(135deg, rgba(240, 73, 35, 0.05), rgba(253, 197, 183, 0.05));--color-info:#f04923;--color-info-bg:#fff7f5;--color-info-border:#fdc5b7;--color-info-glow:rgba(240, 73, 35, 0.15);--surface-subtle:rgba(240, 73, 35, 0.04);--shadow-glow:0 0 0 3px rgba(240, 73, 35, 0.2);--shadow-brand:0 4px 14px rgba(240, 73, 35, 0.3)}html[data-brand=sunforest]{--brand-50:#fffbeb;--brand-100:#fef3c7;--brand-200:#fde68a;--brand-300:#fcd34d;--brand-400:#fbbf24;--brand-500:#f59e0b;--brand-600:#d97706;--brand-700:#b45309;--brand-800:#92400e;--brand-900:#78350f;--gradient-header:linear-gradient(135deg, #451a03 0%, #78350f 50%, #92400e 100%);--gradient-surface:linear-gradient(135deg, rgba(245, 158, 11, 0.05), rgba(253, 230, 138, 0.05));--color-info:#f59e0b;--color-info-bg:#fffbeb;--color-info-border:#fde68a;--color-info-glow:rgba(245, 158, 11, 0.15);--surface-subtle:rgba(245, 158, 11, 0.04);--shadow-glow:0 0 0 3px rgba(245, 158, 11, 0.2);--shadow-brand:0 4px 14px rgba(245, 158, 11, 0.3)}@media (max-width:768px){table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}table::-webkit-scrollbar{height:6px}table::-webkit-scrollbar-track{background:0 0}table::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.table-wrap>table{display:table;width:100%}body{overflow-x:hidden}}@media (pointer:coarse){.btn,.filter-chip,.nav-btn,[role=button],button,input:not([type=checkbox]):not([type=radio]),select,textarea{min-height:44px}body.compact table.lk-table tbody td,table.lk-table.table-compact tbody td{padding-top:var(--space-3);padding-bottom:var(--space-3)}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:420px){.app-header{height:auto;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);padding-bottom:var(--space-3)}.app-body{padding:var(--space-3)}.card{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}.card:hover{transform:none}}.freshness-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;background:var(--bg-subtle,#f1f5f9);font-size:10.5px;color:var(--text-muted);font-weight:500;margin-left:8px}.confidence-badge{display:inline-block;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:6px;vertical-align:middle}.owner-chip{display:inline-flex;align-items:center;gap:4px}.owner-chip.unassigned{color:var(--text-muted);font-size:13px;opacity:.5}.action-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;border:1px solid var(--border-default,#e2e8f0);background:var(--surface-raised,#fff);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-primary,#28251d);transition:background .15s,border-color .15s}.action-chip:hover{background:var(--surface-hover,#f0f0f0)}.action-chip .action-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:10px;font-size:11px;font-weight:700;color:#fff;padding:0 6px}.action-high .action-count{background:#d93025}.action-high{border-color:#f3c4c0}.action-warning .action-count{background:#e37400}.action-warning{border-color:#f5d6b3}.cockpit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px}.cockpit-card{background:var(--surface-raised,#fff);border:1px solid var(--border-default,#e2e8f0);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:4px;position:relative;overflow:hidden}.cockpit-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px}.cockpit-card.green::before{background:#437a22}.cockpit-card.yellow::before{background:#964219}.cockpit-card.red::before{background:#a12c7b}.cockpit-card.unknown::before{background:#7a7974}.cockpit-card .cockpit-icon{font-size:20px;color:var(--text-muted);margin-bottom:4px}.cockpit-card .cockpit-label{font-size:12px;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.cockpit-card .cockpit-value{font-size:24px;font-weight:700;color:var(--text-primary,#28251d);font-variant-numeric:tabular-nums}.cockpit-card .cockpit-subtext{font-size:12px;color:var(--text-muted)}.cockpit-card .cockpit-detail{font-size:11px;color:var(--text-faint,#bab9b4);margin-top:4px}.cmd-overlay{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.3);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.cmd-overlay.hidden{display:none}.cmd-panel{width:480px;max-width:90vw;background:var(--surface-raised,#fff);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.2);overflow:hidden;border:1px solid var(--border-default,#e2e8f0)}.cmd-panel input{width:100%;box-sizing:border-box;padding:14px 16px;border:none;border-bottom:1px solid var(--border-default,#e2e8f0);font-size:15px;background:0 0;color:var(--text-primary,#28251d);outline:0}.cmd-panel input::placeholder{color:var(--text-muted)}.cmd-list{max-height:360px;overflow-y:auto;padding:4px}.cmd-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-primary,#28251d)}.cmd-item.selected{background:var(--surface-hover,#f0f0f0)}.cmd-item .cmd-icon{font-size:18px;color:var(--text-muted);width:1em}.cmd-item .cmd-label{flex:1;font-weight:500}.cmd-item .cmd-hint{font-size:12px;color:var(--text-muted)}.cmd-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:14px}.view-mode-select{padding:6px 8px;border-radius:6px;border:1px solid var(--border-default,#e2e8f0);background:var(--surface-raised,#fff);font-size:12px;color:var(--text-primary,#28251d);cursor:pointer;outline:0}.view-mode-select:hover{border-color:var(--brand-500,#01696f)}body.view-finance .tab,body.view-ops .tab,body.view-owner .tab,body.view-viewer .tab{opacity:.5;transition:opacity .2s}body.view-finance .tab.tab-focus,body.view-ops .tab.tab-focus,body.view-owner .tab.tab-focus,body.view-viewer .tab.tab-focus{opacity:1}body.view-owner .tab{opacity:1}