:root{--midnight:#0a1628;--midnight-light:#12233d;--electric:#2563eb;--electric-dark:#1d4ed8;--orange:#f97316;--bg:#f3f5fa;--surface:#fff;--text:#101c30;--muted:#5f6f8a;--line:#e2e8f2;--radius:12px;--shadow:0 1px 3px rgba(10,22,40,.08),0 4px 14px rgba(10,22,40,.06)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:var(--electric);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.2;letter-spacing:-.01em}p{margin:0 0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.68rem 1.2rem;font-size:1rem;font-weight:700;line-height:1.2;border-radius:10px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,transform .05s,box-shadow .15s}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--electric);color:#fff;box-shadow:0 2px 8px rgba(37,99,235,.35)}.btn-primary:hover{background:var(--electric-dark)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-ghost:hover{background:#eef2f9}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#ea6a0a}.btn-sm{padding:.4rem .75rem;font-size:.85rem;border-radius:8px}.btn-lg{padding:.9rem 1.6rem;font-size:1.08rem}.btn-block{width:100%}a.btn{text-decoration:none}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.card h3{font-size:1.05rem}.label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.35rem;color:var(--text)}.field{margin-bottom:1rem}.input,.select,.textarea{width:100%;padding:.65rem .8rem;font-size:1rem;font-family:inherit;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:10px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--electric);box-shadow:0 0 0 3px rgba(37,99,235,.18)}.textarea{min-height:110px;resize:vertical}.input-sm{padding:.45rem .6rem;font-size:.9rem}.checkbox-row{display:flex;align-items:center;gap:.6rem;font-size:.95rem}.checkbox-row input{width:1.05rem;height:1.05rem;accent-color:var(--electric)}.help{font-size:.82rem;color:var(--muted);margin-top:.3rem}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:560px}.table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;color:var(--muted);padding:.7rem .9rem;border-bottom:2px solid var(--line);background:#f8fafd}.table td{padding:.7rem .9rem;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#f8fafd}.badge{display:inline-flex;align-items:center;padding:.22rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.b-green{background:#dcfce7;color:#15803d}.b-amber{background:#fef3c7;color:#b45309}.b-red{background:#fee2e2;color:#b91c1c}.b-blue{background:#dbeafe;color:#1d4ed8}.b-gray{background:#eef2f7;color:#5f6f8a}.b-orange{background:#ffedd5;color:#c2410c}.alert{padding:.85rem 1rem;border-radius:10px;border:1px solid var(--line);border-left:4px solid var(--electric);background:#f8fafd;margin-bottom:1rem;font-size:.95rem}.a-warn{border-left-color:#f59e0b;background:#fffbeb}.a-error{border-left-color:#dc2626;background:#fef2f2}.a-info{border-left-color:var(--electric);background:#eff6ff}.a-ok{border-left-color:#16a34a;background:#f0fdf4}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.15rem;box-shadow:var(--shadow)}.stat-num{font-size:1.7rem;font-weight:800;letter-spacing:-.02em}.stat-label{font-size:.82rem;color:var(--muted);margin-top:.2rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.page-head h1{font-size:1.65rem;margin:0}.page-head p{color:var(--muted);margin:.25rem 0 0}.page-head .actions{display:flex;gap:.6rem;flex-wrap:wrap}.empty{text-align:center;padding:3rem 1.5rem;border:2px dashed var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted)}.empty h3{color:var(--text);margin-bottom:.4rem}.empty p{margin-bottom:1.2rem}.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;flex-shrink:0;background:var(--midnight);color:#dbe4f5;position:fixed;top:0;bottom:0;left:0;display:flex;flex-direction:column;padding:1.1rem .9rem;z-index:50;transition:transform .2s ease}.sidebar .brand{padding:.4rem .6rem 1.1rem}.navlink{display:flex;align-items:center;gap:.7rem;padding:.68rem .85rem;border-radius:9px;color:#b8c6e2;font-weight:600;font-size:.94rem;margin-bottom:.15rem}.navlink:hover{background:var(--midnight-light);color:#fff;text-decoration:none}.navlink-active{background:var(--electric);color:#fff}.nav-section{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7d9c;padding:1rem .85rem .4rem}.sidebar .spacer{flex:1 1}.app-main{margin-left:244px;flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--line);padding:.7rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-content{padding:1.75rem;flex:1 1;width:100%;max-width:1240px}.menu-btn{display:none}.kanban{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:1rem;gap:1rem;align-items:start}.kanban-col{background:#e9eef7;border-radius:var(--radius);padding:.8rem;min-height:120px}.kanban-col h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:.7rem;display:flex;justify-content:space-between}.kanban-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:.8rem;margin-bottom:.6rem;box-shadow:var(--shadow);font-size:.9rem}.kanban-card:last-child{margin-bottom:0}.grid2{grid-template-columns:repeat(2,1fr);grid-gap:1.25rem}.grid2,.grid3{display:grid;gap:1.25rem}.grid3{grid-template-columns:repeat(3,1fr);grid-gap:1.25rem}.grid4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem}.flex{align-items:center}.col,.flex{display:flex}.col{flex-direction:column}.between{justify-content:space-between}.gap{gap:1rem}.gap-sm{gap:.5rem}.wrap{flex-wrap:wrap}.mt{margin-top:1.25rem}.mb{margin-bottom:1.25rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(10,22,40,.55);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:#fff;border-radius:14px;padding:1.5rem;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.25)}.modal h3{margin-top:0}.tabs{display:flex;gap:.25rem;border-bottom:2px solid var(--line);margin-bottom:1.25rem;overflow-x:auto}.tab{padding:.6rem 1rem;font-weight:600;color:var(--muted);margin-bottom:-2px;cursor:pointer;white-space:nowrap;background:none;border:none;border-bottom:3px solid transparent;font-size:.95rem}.tab:hover{color:var(--text)}.tab-active{color:var(--electric);border-bottom-color:var(--electric)}.chart-bar{display:flex;flex-direction:column;gap:.55rem}.bar-row{display:flex;align-items:center;gap:.75rem;font-size:.88rem}.bar-label{width:150px;flex-shrink:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1 1;height:12px;background:#e8edf6;border-radius:6px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--electric),#60a5fa);border-radius:6px}.bar-val{width:70px;text-align:right;font-weight:700;flex-shrink:0}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--electric);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.container{max-width:1120px;margin:0 auto;padding:0 1.25rem}.nav-sticky{position:-webkit-sticky;position:sticky;top:0;z-index:60;background:rgba(10,22,40,.96);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid hsla(0,0%,100%,.08)}.nav-inner{justify-content:space-between;padding:.85rem 1.25rem;max-width:1120px;margin:0 auto}.nav-inner,.nav-links{display:flex;align-items:center}.nav-links{gap:1.6rem}.nav-links a{color:#c9d6ec;font-weight:600;font-size:.95rem}.nav-links a:hover{color:#fff;text-decoration:none}.hero{background:linear-gradient(135deg,var(--midnight) 0,#0e2145 60%,#12305f 100%);color:#fff;padding:5.5rem 0 4.5rem}.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;letter-spacing:-.02em;max-width:760px}.hero h1 .accent{color:var(--orange)}.hero p.sub{font-size:1.2rem;color:#c9d6ec;max-width:640px;margin:1rem 0 2rem}.hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap}.section{padding:4rem 0}.section-alt{background:#fff}.section h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em}.section .lede{color:var(--muted);font-size:1.08rem;max-width:680px;margin-bottom:2.2rem}.step-num{width:44px;height:44px;border-radius:50%;background:var(--electric);color:#fff;font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}.price-card{max-width:520px;margin:0 auto;border:2px solid var(--electric);border-radius:16px;background:#fff;padding:2.2rem;box-shadow:0 12px 40px rgba(37,99,235,.18);text-align:center}.price-card .price{font-size:3.2rem;font-weight:800;letter-spacing:-.03em}.disclosure-box{text-align:left;background:#f8fafd;border:1px solid var(--line);border-radius:10px;padding:1.1rem 1.2rem;font-size:.88rem;color:var(--muted);margin-top:1.6rem}.disclosure-box strong{color:var(--text)}.faq-item{border:1px solid var(--line);border-radius:10px;background:#fff;margin-bottom:.7rem;overflow:hidden}.faq-q{width:100%;text-align:left;background:none;border:none;padding:1rem 1.2rem;font-size:1rem;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--text)}.faq-a{padding:0 1.2rem 1.1rem;color:var(--muted)}.footer{background:var(--midnight);color:#8fa3bf;padding:2.5rem 0;font-size:.9rem}.footer a{color:#c9d6ec}.footer-inner{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--midnight),#12305f)}.auth-card{background:#fff;border-radius:16px;padding:2.2rem;width:100%;max-width:430px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.auth-card h1{font-size:1.5rem}.wizard-steps{display:flex;gap:.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.wizard-step{flex:1 1;min-width:120px;padding:.6rem .8rem;border-radius:10px;background:#eef2f7;font-size:.85rem;font-weight:700;color:var(--muted);text-align:center}.wizard-step.done{background:#dcfce7;color:#15803d}.wizard-step.current{background:var(--electric);color:#fff}@media (max-width:960px){.grid3,.grid4{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}@media (max-width:860px){.sidebar{transform:translateX(-100%)}.sidebar.sidebar-open{transform:translateX(0);box-shadow:0 0 40px rgba(0,0,0,.4)}.app-main{margin-left:0}.menu-btn{display:inline-flex}.app-content{padding:1.1rem}.nav-links{display:none}.nav-links.nav-open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--midnight);padding:1rem 1.25rem 1.25rem;gap:1rem;align-items:flex-start}.nav-inner{position:relative}}@media (max-width:600px){.grid3,.grid4{grid-template-columns:1fr}.page-head{flex-direction:column}.hero{padding:3.5rem 0 3rem}.bar-label{width:100px}}