:root{--green:#009b72;--deep:#006b4f;--mint:#eafbF3;--mint2:#dff8ec;--navy:#07142f;--soft:#f6f8fa;--border:#e6ebf0;--danger:#ef4444;--warn:#f59e0b;--success:#10b981;--white:#fff;--muted:#64748b;--shadow:0 18px 45px rgba(7,20,47,.08);--radius:24px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,sans-serif;background:var(--soft);color:var(--navy)}a{text-decoration:none;color:inherit}img{max-width:100%}.app-shell{display:flex;min-height:100vh}.sidebar{width:286px;background:#fff;border-right:1px solid var(--border);padding:22px;position:fixed;left:0;top:0;bottom:0;overflow:auto;z-index:50}.brand{display:flex;align-items:center;gap:12px;font-weight:900;margin-bottom:24px}.brand img{width:72px;height:auto}.brand span{letter-spacing:.02em}.sidebar nav{display:grid;gap:7px}.sidebar nav a{padding:12px 14px;border-radius:14px;color:#234;display:block;font-weight:700}.sidebar nav a:hover{background:var(--mint2);color:var(--deep)}.main{margin-left:286px;flex:1;padding:24px;max-width:1600px}.topbar{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--border);border-radius:22px;padding:14px 18px;box-shadow:0 8px 26px rgba(0,0,0,.03);position:sticky;top:12px;z-index:20}.topbar small{display:block;color:var(--muted);font-size:12px}.hamburger{display:none}.top-actions{display:flex;gap:8px;align-items:center}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px;box-shadow:0 10px 28px rgba(7,20,47,.04)}.hero{background:linear-gradient(135deg,#075a43,#0ea87b 76%);color:#fff;border-radius:30px;padding:34px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-80px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.12)}.hero h1{font-size:36px;line-height:1.05;margin:8px 0}.hero p{max-width:760px;color:rgba(255,255,255,.88)}.eyebrow{font-weight:900;text-transform:uppercase;color:var(--green);letter-spacing:.12em;font-size:12px}.hero .eyebrow{color:#c7f9df}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;background:#eef2f7;color:var(--navy);font-size:14px}.btn.primary{background:var(--green);color:#fff}.btn.dark{background:var(--navy);color:#fff}.btn.ghost{background:#fff;border:1px solid var(--border)}.btn.warn{background:var(--warn);color:#fff}.btn.danger{background:var(--danger);color:#fff}.btn.small{padding:7px 10px;border-radius:10px;font-size:12px}.alert{padding:14px 16px;border-radius:16px;margin:16px 0;font-weight:700}.alert.success{background:#dcfce7;color:#166534}.alert.danger{background:#fee2e2;color:#991b1b}.alert.info{background:#e0f2fe;color:#075985}.alert.warn{background:#fef3c7;color:#92400e}.stat{padding:18px;border-radius:20px;background:#fff;border:1px solid var(--border)}.stat small{color:var(--muted);font-weight:700}.stat strong{display:block;font-size:28px;margin-top:6px}.badge{display:inline-flex;border-radius:99px;padding:5px 10px;font-size:12px;font-weight:900;text-transform:capitalize;background:#eef2f7;color:#334155}.badge.active,.badge.paid,.badge.success,.badge.completed,.badge.approved{background:#dcfce7;color:#166534}.badge.pending,.badge.waiting,.badge.open,.badge.in_progress{background:#e0f2fe;color:#075985}.badge.revision_required,.badge.danger{background:#fee2e2;color:#991b1b}.badge.locked,.badge.no_invoice{background:#f1f5f9;color:#64748b}.badge.warning,.badge.verifying,.badge.uploaded{background:#fef3c7;color:#92400e}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:20px;background:#fff}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:#f8fafc}.form-row{display:grid;gap:8px;margin-bottom:15px}label{font-weight:800;font-size:13px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:12px 13px;font:inherit;background:#fff}textarea{min-height:120px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stepper{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.step{border:1px solid var(--border);border-radius:18px;padding:14px;background:#fff;position:relative}.step .num{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e2e8f0;font-weight:900}.step.done{background:var(--mint2);border-color:#a7f3d0}.step.done .num{background:var(--green);color:#fff}.step.current{border-color:var(--green);box-shadow:0 0 0 4px rgba(0,155,114,.08)}.feature-card{position:relative;min-height:170px}.feature-card.locked{filter:grayscale(.2);background:#fbfdff}.lock{position:absolute;right:18px;top:18px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef2f7}.progress{height:10px;background:#e2e8f0;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--deep),#14b883)}.timeline{display:grid;gap:12px}.timeline-item{display:grid;grid-template-columns:32px 1fr;gap:12px}.timeline-dot{width:24px;height:24px;border-radius:50%;background:#cbd5e1;border:5px solid #f1f5f9}.timeline-item.done .timeline-dot{background:var(--green)}.kanban{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:16px;overflow:auto}.kanban-col{background:#f8fafc;border:1px solid var(--border);border-radius:22px;padding:14px;min-height:300px}.mini{font-size:12px;color:var(--muted)}.muted{color:var(--muted)}.empty-state{text-align:center;padding:40px}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8fafc,#eafbF3)}.auth-bg{position:fixed;inset:0;background:radial-gradient(circle at top left,rgba(0,155,114,.18),transparent 30%),radial-gradient(circle at bottom right,rgba(20,184,131,.15),transparent 30%)}.auth-wrap{position:relative;width:min(1040px,92vw)}.auth-card{background:#fff;border:1px solid var(--border);border-radius:34px;padding:34px;box-shadow:var(--shadow)}.auth-logo{width:180px;margin-bottom:18px}.split-auth{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.auth-side{border-radius:28px;background:linear-gradient(135deg,#075a43,#14b883);color:#fff;padding:34px}.auth-side h1{font-size:42px;line-height:1;margin:0 0 14px}.pill-list{display:grid;gap:12px;margin-top:24px}.pill{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px;font-weight:800}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.tab{padding:9px 12px;border-radius:99px;background:#eef2f7;font-weight:800}.code{background:#0b1220;color:#d1fae5;border-radius:18px;padding:16px;overflow:auto;font-family:ui-monospace,Menlo,monospace}.invoice{border-left:5px solid var(--green)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.json-editor{font-family:ui-monospace,Menlo,monospace;min-height:240px}.ai-box{background:#0f172a;color:#e2e8f0;border-radius:20px;padding:16px;white-space:pre-wrap}.footer-note{margin-top:28px;color:var(--muted);font-size:12px}.chartbar{height:12px;background:#e2e8f0;border-radius:99px;overflow:hidden}.chartbar span{display:block;height:100%;background:var(--green)}@media(max-width:980px){.sidebar{transform:translateX(-105%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:14px}.hamburger{display:inline-flex}.grid-2,.grid-3,.grid-4,.settings-grid,.split-auth{grid-template-columns:1fr}.hero h1{font-size:30px}.topbar{top:6px}.top-actions{display:none}.kanban{grid-template-columns:1fr}}
.btn.is-loading{opacity:.72;pointer-events:none}.bank-card strong{font-size:24px;letter-spacing:.04em}.manual{background:#ecfdf5;color:#047857}.bank-row{transition:.18s ease}.bank-row:hover{border-color:#a7f3d0}