.pv-container{display:flex;flex-direction:column;min-height:100vh;background-color:#07090e;color:#f1f5f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.pv-topbar{position:sticky;top:0;z-index:50;background-color:#0f172af2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 1rem}.pv-topbar-inner{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.pv-btn-group{display:flex;align-items:center;gap:.35rem;background:#020617b3;padding:.25rem;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.pv-tab-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:8px;font-size:.75rem;font-weight:700;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s ease;white-space:nowrap}.pv-tab-btn:hover{color:#fff;background:#ffffff0d}.pv-tab-btn.active-amber{background:#f59e0b;color:#020617;box-shadow:0 2px 10px #f59e0b4d}.pv-tab-btn.active-blue{background:#2563eb;color:#fff;box-shadow:0 2px 10px #2563eb4d}.pv-tab-btn.active-indigo{background:#6366f1;color:#fff;box-shadow:0 2px 10px #6366f14d}.pv-tab-btn.active-slate{background:#334155;color:#fff}.pv-canvas{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:1.5rem;background:radial-gradient(circle at 50% 20%,rgba(99,102,241,.08),transparent 60%),#040711;overflow-y:auto}.pv-phone-frame{width:390px;min-height:780px;max-height:88vh;background:#020617;border-radius:48px;padding:12px;box-shadow:0 25px 60px -15px #000c,0 0 0 6px #334155;display:flex;flex-direction:column;position:relative}.pv-phone-notch{width:130px;height:20px;background:#0f172a;border-radius:20px;margin:0 auto 8px;flex-shrink:0}.pv-phone-screen{flex:1;overflow-y:auto;border-radius:36px;background:#0f172a;border:1px solid rgba(255,255,255,.05)}.pv-desktop-frame{width:100%;max-width:1200px;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #0009;border:1px solid rgba(255,255,255,.1);background:#0b0f19}.theme-industrial{background-color:#0a0e17;color:#f1f5f9;font-family:Inter,-apple-system,sans-serif;min-height:100%}.theme-industrial .ind-header{background:#111827f2;border-bottom:1px solid rgba(245,158,11,.2);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.theme-industrial .ind-nav{background:#151f32;border-bottom:1px solid #1e293b;padding:.5rem 1rem;display:flex;gap:.5rem;overflow-x:auto}.theme-industrial .ind-card{background:#151e2e;border:1px solid #1e293b;border-radius:16px;padding:1.25rem;box-shadow:0 4px 15px #0000004d}.theme-industrial .ind-kpi-card{background:#151e2e;border:1px solid #1e293b;border-radius:14px;padding:1rem}.theme-industrial .ind-kpi-val{font-size:1.85rem;font-weight:900;font-family:JetBrains Mono,monospace;color:#fff;margin:.25rem 0}.theme-industrial .ind-btn-primary{background:#f59e0b;color:#0a0e17;font-weight:900;border:none;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;min-height:48px;box-shadow:0 4px 14px #f59e0b40;transition:transform .1s ease,background .15s ease}.theme-industrial .ind-btn-primary:hover{background:#fbbf24}.theme-industrial .ind-input{width:100%;background:#0f1624;border:1px solid #334155;border-radius:12px;padding:.8rem 1rem;color:#fff;font-size:.95rem;min-height:48px}.theme-industrial .ind-input:focus{outline:none;border-color:#f59e0b}.theme-nordic{background-color:#f1f5f9;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100%}.theme-nordic .nord-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.theme-nordic .nord-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:.5rem 1rem;display:flex;gap:.5rem;overflow-x:auto}.theme-nordic .nord-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:1.25rem;box-shadow:0 2px 8px #0f172a0a}.theme-nordic .nord-kpi-val{font-size:1.85rem;font-weight:800;color:#0f172a;margin:.25rem 0;font-family:monospace}.theme-nordic .nord-btn-primary{background:#2563eb;color:#fff;font-weight:700;border:none;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;min-height:48px;box-shadow:0 2px 8px #2563eb33}.theme-nordic .nord-input{width:100%;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:.8rem 1rem;color:#0f172a;font-size:.95rem;min-height:48px}.theme-mission{background-color:#07090e;color:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100%}.theme-mission .miss-header{background:#0c1019;border-bottom:1px solid rgba(99,102,241,.2);padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.theme-mission .miss-nav{background:#0c1019;border-bottom:1px solid #1e293b;padding:.5rem 1rem;display:flex;gap:.5rem;overflow-x:auto}.theme-mission .miss-card{background:#101524;border:1px solid rgba(99,102,241,.25);border-radius:18px;padding:1.25rem;box-shadow:0 8px 25px #00000080}.theme-mission .miss-kpi-val{font-size:1.85rem;font-weight:900;font-family:monospace;color:#67e8f9;margin:.25rem 0}.theme-mission .miss-btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-weight:800;border:none;border-radius:12px;padding:.75rem 1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;min-height:48px;box-shadow:0 4px 15px #6366f14d}.theme-mission .miss-input{width:100%;background:#07090e;border:1px solid #334155;border-radius:12px;padding:.8rem 1rem;color:#fff;font-size:.95rem;min-height:48px}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.shrink-0{flex-shrink:0}.flex-1{flex:1 1 0%}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mx-auto{margin-left:auto;margin-right:auto}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-7xl{max-w:80rem}.max-w-4xl{max-w:56rem}.max-w-3xl{max-w:48rem}.max-w-2xl{max-w:42rem}.max-w-sm{max-w:24rem}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-14{width:3.5rem}.h-14{height:3.5rem}.w-36{width:9rem}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[50px\]{min-height:50px}.min-h-\[52px\]{min-height:52px}.min-h-\[56px\]{min-height:56px}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border-width:1px;border-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-l-4{border-left-width:4px;border-left-style:solid}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.font-mono{font-family:JetBrains Mono,monospace}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.block{display:block}.inline-flex{display:inline-flex}.hidden{display:none}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.whitespace-nowrap{white-space:nowrap}.overflow-x-auto{overflow-x:auto}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.sticky{position:sticky}.top-0{top:0}.z-30{z-index:30}.z-50{z-index:50}.shadow-xs{box-shadow:0 1px 2px #0000000d}.shadow-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.bg-white{background-color:#fff}.bg-slate-50{background-color:#f8fafc}.bg-slate-100{background-color:#f1f5f9}.bg-slate-200{background-color:#e2e8f0}.bg-slate-700{background-color:#334155}.bg-slate-800{background-color:#1e293b}.bg-slate-900{background-color:#0f172a}.bg-slate-950{background-color:#020617}.bg-amber-500{background-color:#f59e0b}.bg-amber-50{background-color:#fffbeb}.bg-blue-600{background-color:#2563eb}.bg-blue-50{background-color:#eff6ff}.bg-emerald-500{background-color:#10b981}.bg-emerald-600{background-color:#059669}.bg-emerald-50{background-color:#ecfdf5}.bg-indigo-600{background-color:#4f46e5}.bg-red-500{background-color:#ef4444}.bg-red-50{background-color:#fef2f2}.text-white{color:#fff}.text-slate-200{color:#e2e8f0}.text-slate-300{color:#cbd5e1}.text-slate-400{color:#94a3b8}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-slate-900{color:#0f172a}.text-slate-950{color:#020617}.text-amber-300{color:#fcd34d}.text-amber-400{color:#fbbf24}.text-amber-600{color:#d97706}.text-amber-700{color:#b45309}.text-amber-800{color:#92400e}.text-blue-200{color:#bfdbfe}.text-blue-400{color:#60a5fa}.text-blue-600{color:#2563eb}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.text-blue-900{color:#1e3a8a}.text-cyan-300{color:#67e8f9}.text-cyan-400{color:#22d3ee}.text-emerald-200{color:#a7f3d0}.text-emerald-300{color:#6ee7b7}.text-emerald-400{color:#34d399}.text-emerald-600{color:#059669}.text-emerald-700{color:#047857}.text-emerald-800{color:#065f46}.text-indigo-400{color:#818cf8}.text-red-200{color:#fecaca}.text-red-300{color:#fca5a5}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}.border-slate-100{border-color:#f1f5f9}.border-slate-200{border-color:#e2e8f0}.border-slate-300{border-color:#cbd5e1}.border-slate-700{border-color:#334155}.border-slate-800{border-color:#1e293b}.border-amber-200{border-color:#fde68a}.border-amber-500{border-color:#f59e0b}.border-blue-200{border-color:#bfdbfe}.border-blue-500{border-color:#3b82f6}.border-blue-600{border-color:#2563eb}.border-emerald-200{border-color:#a7f3d0}.border-emerald-500{border-color:#10b981}.border-indigo-500{border-color:#6366f1}.border-red-200{border-color:#fecaca}.border-red-500{border-color:#ef4444}:root{--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .75);--bg-card-hover: rgba(31, 41, 55, .85);--bg-glass: rgba(255, 255, 255, .04);--border-color: rgba(255, 255, 255, .08);--border-highlight: rgba(99, 102, 241, .3);--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #4f46e5;--accent-hover: #4338ca;--accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-glow: rgba(79, 70, 229, .25);--status-pending: #f59e0b;--status-pending-bg: rgba(245, 158, 11, .12);--status-observed: #ef4444;--status-observed-bg: rgba(239, 68, 68, .12);--status-validated: #10b981;--status-validated-bg: rgba(16, 185, 129, .12);--status-billed: #3b82f6;--status-billed-bg: rgba(59, 130, 246, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .5);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden;background-image:radial-gradient(at 10% 20%,rgba(79,70,229,.08) 0px,transparent 50%),radial-gradient(at 90% 80%,rgba(124,58,237,.06) 0px,transparent 50%)}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em;color:var(--text-primary)}.app-shell{display:flex;flex-direction:column;min-height:100vh;max-width:1280px;margin:0 auto;width:100%}.app-header{height:64px;padding:0 1.25rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background-color:#0b0f19d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:40}.brand-container{display:flex;align-items:center;gap:.75rem}.brand-logo{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px var(--accent-glow)}.brand-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-main{flex:1;padding:1.25rem 1.25rem 5rem;display:flex;flex-direction:column;gap:1.25rem}button,.btn{font-family:inherit;font-size:.925rem;font-weight:600;border:none;border-radius:var(--radius-md);padding:.65rem 1.25rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);min-height:44px}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 14px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #4f46e566}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff14}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm);transition:border-color .2s}.card:hover{border-color:var(--border-highlight)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-pending{color:var(--status-pending);background:var(--status-pending-bg);border:1px solid rgba(245,158,11,.25)}.badge-validated{color:var(--status-validated);background:var(--status-validated-bg);border:1px solid rgba(16,185,129,.25)}.badge-observed{color:var(--status-observed);background:var(--status-observed-bg);border:1px solid rgba(239,68,68,.25)}.badge-billed{color:var(--status-billed);background:var(--status-billed-bg);border:1px solid rgba(59,130,246,.25)}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#0b0f19f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-around;z-index:50;padding-bottom:env(safe-area-inset-bottom)}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:600;cursor:pointer;background:none;border:none;padding:.5rem}.nav-item.active{color:#6366f1}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.kpi-card{background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.9rem;display:flex;flex-direction:column;gap:.25rem}.kpi-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.kpi-value{font-size:1.4rem;font-weight:800;letter-spacing:-.03em;font-family:var(--font-mono)}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-size:.825rem;font-weight:600;color:var(--text-secondary)}.input-control{background:#111827cc;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.65rem .85rem;color:var(--text-primary);font-size:.95rem;font-family:inherit;min-height:44px;outline:none;transition:border-color .2s}.input-control:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}