:root{
  --bg:#090b0e;--panel:#111419;--panel2:#171b21;--line:#252b33;--text:#f4f7fb;--muted:#8d97a4;
  --accent:#ff6b2c;--accent2:#ff8b4a;--green:#35d07f;--red:#ff5d67;--yellow:#f5c451;--blue:#58a6ff;
  --shadow:0 18px 55px rgba(0,0,0,.28);--radius:18px
}
*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(255,107,44,.11),transparent 30%),var(--bg);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.muted{color:var(--muted)}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.16em}.right{text-align:right}
.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,3vw,36px);background:rgba(9,11,14,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:18px;margin:0}.brand-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,var(--accent),#ff3f20);font-weight:900;box-shadow:0 10px 30px rgba(255,107,44,.28)}.brand-mark.small{width:42px;height:42px;border-radius:13px}.top-actions{display:flex;align-items:center;gap:9px}.page-shell{max-width:1680px;margin:0 auto;padding:30px clamp(14px,2.6vw,36px) 70px}.hero-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}.hero-row h2{font-size:clamp(24px,3vw,38px);margin-bottom:7px}.hero-row p{max-width:760px}.filters{display:flex;gap:10px;min-width:min(100%,460px)}.filters input{flex:1}.filters select{width:150px}
input,select,textarea{width:100%;border:1px solid var(--line);background:#0e1115;color:var(--text);border-radius:11px;padding:11px 12px;outline:none;transition:.18s;border-color:.18s}input:focus,select:focus,textarea:focus{border-color:rgba(255,107,44,.75);box-shadow:0 0 0 3px rgba(255,107,44,.1)}textarea{resize:vertical}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:10px 14px;border-radius:11px;font-weight:750}.btn:hover{transform:translateY(-1px)}.btn.primary{border-color:transparent;background:linear-gradient(135deg,var(--accent),#ff4d27);color:white}.btn.ghost{background:transparent}.btn.danger-outline{background:transparent;border-color:rgba(255,93,103,.4);color:#ff8c93}.icon-btn,.text-btn{border:0;background:transparent;color:var(--muted)}.icon-btn{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;font-size:18px}.icon-btn:hover{background:rgba(255,255,255,.06);color:var(--text)}.text-btn{padding:0;font-weight:700}.text-btn:hover{color:var(--text)}.text-btn.danger{color:#ff8a91}
.metric-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:20px 0 34px}.metric{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel);box-shadow:var(--shadow)}.metric span,.metric small{display:block;color:var(--muted)}.metric strong{display:block;margin:8px 0 2px;font-size:27px}.metric.accent{border-color:rgba(255,107,44,.35);background:linear-gradient(145deg,rgba(255,107,44,.12),rgba(255,107,44,.03)),var(--panel)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:28px 0 14px}.section-head.compact{margin-bottom:10px}.section-head h2{margin:0;font-size:24px}.legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 14px;color:var(--muted);font-size:12px}.legend span{display:flex;align-items:center;gap:6px}.status-dot{width:7px;height:7px;border-radius:50%;background:#667}.status-idea{background:#7f8c9b}.status-planned{background:#7d78ff}.status-building{background:var(--accent)}.status-testing{background:var(--yellow)}.status-ready{background:var(--blue)}.status-live{background:var(--green)}.status-paused{background:#6b6f76}
.board{display:grid;grid-template-columns:repeat(7,minmax(245px,1fr));gap:12px;overflow-x:auto;padding:2px 2px 16px;scrollbar-color:#313842 transparent}.lane{min-width:245px}.lane-head{position:sticky;top:76px;z-index:5;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(17,20,25,.92);backdrop-filter:blur(12px);font-weight:800}.lane-head b{display:grid;place-items:center;min-width:25px;height:25px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-size:12px}.lane-stack{display:grid;gap:10px}.lane.filtered-empty{opacity:.35}.product-card{padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--panel);box-shadow:0 12px 35px rgba(0,0,0,.2)}.product-card:target{outline:2px solid rgba(255,107,44,.6);outline-offset:2px}.card-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.card-top h3{margin:8px 0 0;font-size:17px}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.pill,.priority{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;background:rgba(255,255,255,.055);color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.priority-high,.priority-critical{color:#ff9770;background:rgba(255,107,44,.1)}.priority-critical{color:#ff7d87;background:rgba(255,93,103,.11)}.priority-low{color:#8190a1}.pill.revenue{color:#7fe3aa;background:rgba(53,208,127,.1)}.pill.expense{color:#ff939a;background:rgba(255,93,103,.1)}.card-desc{min-height:58px;margin:11px 0;color:#abb4bf;font-size:12.5px}.price-row{display:flex;gap:14px;padding:10px 0;border-top:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}.price-row small{display:block;color:var(--muted);font-size:10px}.price-row strong{font-size:13px}.progress-row{margin:11px 0}.progress-label{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:10px}.progress-label b{color:var(--text)}.progress{height:6px;border-radius:999px;background:#222831;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--green))}.quick-links{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.quick-links a,.link-list a{color:#c9d4df;font-size:11px;font-weight:700}.quick-links a:hover,.link-list a:hover{color:var(--accent)}.status-switch select{padding:8px 9px;font-size:11px}.card-footer{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px}.card-footer .text-btn{margin-left:auto}.money-positive{color:#65dc98!important}.money-negative{color:#ff8189!important}
.money-section{margin-top:35px}.money-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.money-table{width:100%;border-collapse:collapse;min-width:760px}.money-table th,.money-table td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.055);text-align:left}.money-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em}.money-table tr:last-child td{border-bottom:0}.empty{text-align:center!important;color:var(--muted);padding:26px!important}
.modal{width:min(94vw,720px);max-height:92vh;padding:0;border:1px solid var(--line);border-radius:20px;background:transparent;color:var(--text);box-shadow:0 30px 90px rgba(0,0,0,.65)}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal:modal{display:block}.modal-card{overflow:auto;max-height:92vh;padding:20px;background:var(--panel);border-radius:20px}.modal-card.wide{width:min(94vw,860px)}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:16px}.modal-head h2{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.modal-actions.split{justify-content:space-between}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label,.money-form label,.stack label{display:grid;gap:6px;color:#b7c0cb;font-size:11px;font-weight:750}.span-2{grid-column:1/-1}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel{padding:15px;border:1px solid var(--line);border-radius:15px;background:#0e1115}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.panel-head h3{margin:0;font-size:14px}.check-list{display:grid;gap:6px}.check-row{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:9px;background:transparent;color:#bcc5cf;text-align:left}.check-row:hover{background:rgba(255,255,255,.04)}.check-row i{display:grid;place-items:center;width:20px;height:20px;border:1px solid #36404b;border-radius:6px;font-style:normal}.check-row.done{color:#83908e;text-decoration:line-through}.check-row.done i{border-color:rgba(53,208,127,.55);background:rgba(53,208,127,.13);color:var(--green);text-decoration:none}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.mini-metrics div{padding:10px;border-radius:10px;background:rgba(255,255,255,.035)}.mini-metrics small{display:block;color:var(--muted)}.mini-metrics strong{font-size:18px}.money-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-notes p{white-space:pre-wrap;color:#aeb7c1}.link-list{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted)}
.flash-stack{position:fixed;right:18px;top:76px;z-index:40;display:grid;gap:8px}.flash{padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:#161a20;box-shadow:var(--shadow);transition:.35s}.flash.success{border-color:rgba(53,208,127,.3)}.flash.error{border-color:rgba(255,93,103,.35);color:#ffb0b5}.flash.fade{opacity:0;transform:translateY(-6px);pointer-events:none}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-shell{width:min(100%,430px)}.login-card{padding:30px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent),var(--panel);box-shadow:var(--shadow)}.login-card .brand-mark{margin-bottom:20px}.login-card h1{font-size:32px;margin-bottom:8px}.stack{display:grid;gap:14px;margin-top:22px}
@media(max-width:1200px){.metric-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:15px}
  .topbar{align-items:center;gap:8px;padding:10px 12px}
  .brand{min-width:0;gap:9px}.brand .eyebrow{display:none}.brand h1{font-size:15px;white-space:nowrap}.brand-mark.small{width:36px;height:36px;border-radius:11px;font-size:12px;flex:0 0 36px}
  .top-actions{flex-wrap:nowrap;justify-content:flex-end;gap:6px}.top-actions .btn.ghost{display:none}.top-actions .btn.primary{padding:9px 11px;font-size:12px;white-space:nowrap}.top-actions .icon-btn{min-width:34px}
  .page-shell{padding:17px 12px 54px}
  .hero-row,.section-head{align-items:stretch;flex-direction:column}.hero-row{gap:13px;margin-bottom:15px}.hero-row h2{font-size:27px;line-height:1.1;margin-bottom:7px}.hero-row .muted{font-size:13px;line-height:1.45;margin-bottom:0}
  .filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:0;width:100%}.filters input,.filters select{min-height:44px}.filters select{width:100%}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 24px}.metric{padding:13px 12px;border-radius:14px;box-shadow:0 8px 24px rgba(0,0,0,.18)}.metric span{font-size:11px}.metric strong{margin:5px 0 1px;font-size:22px}.metric small{font-size:10px;line-height:1.25}.metric.accent{grid-column:1/-1}
  .section-head{gap:7px;margin:22px 0 10px}.section-head h2{font-size:21px}.legend{display:none}
  .board{display:block;overflow:visible;padding:0}.lane{width:100%;min-width:0;margin:0 0 18px}.lane:not(:has(.product-card)){display:none}.lane.filtered-empty{display:none}.lane-head{position:static;top:auto;margin-bottom:8px;padding:10px 12px;border-radius:11px;background:var(--panel);backdrop-filter:none}.lane-head b{min-width:26px;height:26px}
  .lane-stack{gap:9px}.product-card{padding:15px;border-radius:14px;box-shadow:0 8px 25px rgba(0,0,0,.16)}.card-top h3{font-size:18px}.card-desc{min-height:0;margin:10px 0 12px;font-size:13px;line-height:1.45}.price-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.price-row>div{min-width:0}.price-row strong{font-size:14px}.progress-row{margin:12px 0}.progress{height:7px}.quick-links{gap:7px;margin:10px 0}.quick-links a{padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);font-size:12px}.status-switch select{min-height:44px;padding:10px 11px;font-size:13px}.card-footer{min-height:34px;margin-top:8px;font-size:12px}.card-footer .text-btn{min-height:34px;padding:0 2px}
  .money-section{margin-top:27px}.money-table-wrap{overflow:visible;border-radius:14px;background:transparent;border:0}.money-table{display:block;min-width:0}.money-table thead{display:none}.money-table tbody{display:grid;gap:9px}.money-table tr{display:block;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.money-table td{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0!important;border:0!important;text-align:right!important}.money-table td::before{color:var(--muted);font-size:11px;font-weight:700;text-align:left}.money-table td:nth-child(1)::before{content:"Date"}.money-table td:nth-child(2)::before{content:"Product"}.money-table td:nth-child(3)::before{content:"Type"}.money-table td:nth-child(4)::before{content:"Note"}.money-table td:nth-child(5)::before{content:"Amount"}.money-table td:nth-child(6){justify-content:flex-end;padding-top:8px!important}.money-table td:nth-child(6)::before{content:""}.money-table .empty{display:block;text-align:center!important;padding:22px!important}.money-table .empty::before{display:none}
  .modal{width:100vw;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0}.modal-card,.modal-card.wide{width:100%;min-height:100dvh;max-height:100dvh;padding:16px 14px calc(18px + env(safe-area-inset-bottom));border-radius:0}.modal-head{position:sticky;top:-16px;z-index:3;margin:0 -14px 14px;padding:15px 14px 12px;background:rgba(17,20,25,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.modal-head h2{font-size:21px}.modal-head .icon-btn{min-width:42px;height:42px;font-size:24px}.form-grid,.detail-grid,.money-form{grid-template-columns:1fr;gap:10px}.span-2{grid-column:1}.form-grid label,.money-form label{font-size:12px}.form-grid input,.form-grid select,.form-grid textarea,.money-form input,.money-form select{min-height:46px;font-size:16px}.panel{padding:13px;border-radius:13px}.check-row{min-height:44px;padding:10px 8px}.check-row i{width:23px;height:23px}.modal-actions{position:sticky;bottom:-18px;z-index:3;margin:18px -14px -18px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(17,20,25,.97);backdrop-filter:blur(14px);border-top:1px solid var(--line)}.modal-actions .btn{min-height:44px}.modal-actions.split{align-items:stretch;flex-direction:column}.modal-actions.split>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.modal-actions.split>.btn{width:100%}
  .flash-stack{left:12px;right:12px;top:62px}.flash{width:100%}
}
@media(max-width:460px){
  .filters{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric.accent{grid-column:1/-1}.price-row{grid-template-columns:repeat(2,minmax(0,1fr))}.price-row>div:nth-child(3){grid-column:1/-1}.hero-row h2{font-size:25px}
}