*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#f6f1e6;color:#1d2420}
body[data-theme="dark"]{background:#0c1210;color:#e8ecea}
a{color:inherit}.app{display:flex;min-height:100vh}
.side{width:248px;flex:none;background:#16241e;color:#e8ecea;padding:14px 12px;display:flex;flex-direction:column;gap:10px;border-start-end-radius:20px}
body[data-theme="dark"] .side{background:#101a16}
.side.folded{width:64px}.side.folded .sidebrandtxt,.side.folded .navlabel,.side.folded .navgroup,.side.folded .goallink,.side.folded .accttxt{display:none}
.sidebrand{display:flex;align-items:center;gap:10px}.slogo{width:34px;height:34px;border-radius:10px;background:#e07840;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}
.sidebrandtxt{display:flex;flex-direction:column}.demotag{font-size:10px;letter-spacing:1px;color:#e07840;font-weight:700}
.foldbtn{margin-inline-start:auto;background:#24382f;color:#fff;border:0;border-radius:8px;padding:6px 9px;cursor:pointer}
.sidenav{display:flex;flex-direction:column;gap:2px}.navgroup{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8fa89c;margin:12px 4px 4px}
.sidenav a{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;text-decoration:none;color:#cfe0d6}
.sidenav a:hover{background:#24382f}.sidenav a.on{background:#e07840;color:#fff}.sidenav a .navcount{margin-inline-start:auto;background:#ffffff2b;border-radius:99px;padding:1px 8px;font-size:12px}
.navsub{padding-inline-start:26px;font-size:13px}.navsub a{padding:6px 10px}
.goallink{display:block;background:#24382f;border-radius:12px;padding:12px;text-decoration:none;color:#e8ecea}
.kicker{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8fa89c}.mut{color:#7d8b84;font-size:13px}
.bar{height:8px;background:#e8e2d2;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#e07840;border-radius:99px}
.acct{margin-top:auto}.acctbtn{display:flex;gap:9px;align-items:center;width:100%;background:none;border:0;color:#fff;cursor:pointer;padding:6px;border-radius:9px;text-align:start}
.acctbtn:hover{background:#24382f}.av{width:34px;height:34px;border-radius:50%;background:#e07840;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none}
.accttxt{display:flex;flex-direction:column}.accttxt span{font-size:12px;color:#8fa89c}
.maincol{flex:1;min-width:0;padding:0 22px 30px}
.top{display:flex;align-items:center;gap:12px;padding:14px 0;position:sticky;top:0;background:#f6f1e6;z-index:5}
body[data-theme="dark"] .top{background:#0c1210}
.icon{width:38px;height:38px;border-radius:10px;border:1px solid #ddd5c2;background:#fff;color:#1d2420;cursor:pointer;position:relative;font-size:16px}
body[data-theme="dark"] .icon{background:#1a2621;color:#e8ecea;border-color:#2c3d34}
.icon .hint{font-size:10px;color:#8a938d}.belldot{position:absolute;top:6px;inset-inline-end:6px;width:9px;height:9px;border-radius:50%;background:#d95a3e}
.sync{font-size:13px;color:#7d8b84}.btn{background:#16241e;color:#fff;border:0;border-radius:999px;padding:9px 16px;cursor:pointer;font-weight:600}
.btn.orange{background:#e07840}.btn.ghost{background:transparent;color:#1d2420;border:1px solid #ddd5c2}
body[data-theme="dark"] .btn.ghost{color:#e8ecea;border-color:#2c3d34}
.btn.sm{padding:6px 12px;font-size:13px}.btn:disabled{opacity:.45;cursor:default}
.langbtn{margin-inline-start:auto;background:#fff;border:1px solid #ddd5c2;border-radius:999px;padding:8px 14px;cursor:pointer}
body[data-theme="dark"] .langbtn{background:#1a2621;color:#e8ecea;border-color:#2c3d34}
.panel{position:absolute;z-index:20;background:#fff;border:1px solid #ddd5c2;border-radius:14px;box-shadow:0 12px 30px #0002;padding:14px;max-width:min(420px,90vw)}
body[data-theme="dark"] .panel{background:#1a2621;border-color:#2c3d34}
.panel h4{margin:0 0 10px}.rowline{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #eee7d6}
body[data-theme="dark"] .rowline{border-color:#2c3d34}
.seg{display:inline-flex;gap:4px;flex-wrap:wrap}.seg button{border:1px solid #ddd5c2;background:#fff;border-radius:999px;padding:5px 11px;cursor:pointer}
body[data-theme="dark"] .seg button{background:#1a2621;color:#e8ecea;border-color:#2c3d34}
.seg button.on{background:#e07840;color:#fff;border-color:#e07840}
.pagehead{margin:6px 0 16px}.pagehead h1{margin:2px 0;font-size:30px}.pagehead p{color:#7d8b84;margin:0}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.col6{grid-column:span 6}.col4{grid-column:span 4}.col8{grid-column:span 8}.col12{grid-column:span 12}.col3{grid-column:span 3}
@media(max-width:900px){.col6,.col4,.col8,.col3{grid-column:span 12}.side{width:200px}}
.card{background:#fff;border:1px solid #e8e2d2;border-radius:18px;padding:16px;box-shadow:0 2px 8px #0001}
body[data-theme="dark"] .card{background:#1a2621;border-color:#2c3d34}
.card h3{margin:0 0 10px;font-size:16px}.kpi{font-size:26px;font-weight:800}.kpi small{font-size:13px;font-weight:400;color:#1f7a5a}
table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:start;color:#7d8b84;font-weight:600;padding:8px;border-bottom:1px solid #eee7d6;cursor:pointer}
td{padding:9px 8px;border-bottom:1px solid #f0ead9}tr:hover td{background:#faf6ec}
body[data-theme="dark"] td,body[data-theme="dark"] th{border-color:#2c3d34}body[data-theme="dark"] tr:hover td{background:#22332b}
.chip{display:inline-block;border-radius:99px;padding:2px 10px;font-size:12px;font-weight:600;background:#e8e2d2}
.chip.live{background:#d7ead9;color:#1f7a5a}.chip.paused{background:#fbe8a6;color:#7a5a00}.chip.draft{background:#e3e8f0;color:#40506a}
.chip.ended{background:#eee;color:#666}.chip.sched{background:#fde3d7;color:#a34a1e}.chip.won{background:#d7ead9;color:#1f7a5a}.chip.lost{background:#fbe0dc;color:#a33327}
.chip.new{background:#dbeafe;color:#1e40af}.chip.contacted{background:#fef3c7;color:#92400e}.chip.qualified{background:#dcfce7;color:#166534}.chip.proposal{background:#ede9fe;color:#5b21b6}
.switch{width:42px;height:24px;border-radius:99px;background:#d8d0bd;border:0;cursor:pointer;position:relative;flex:none}
.switch i{position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:all .15s}
.switch.on{background:#1f7a5a}.switch.on i{inset-inline-start:21px}
input,select,textarea{width:100%;padding:9px 11px;border:1px solid #ddd5c2;border-radius:10px;font-size:14px;background:#fff}
body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] textarea{background:#101a16;color:#e8ecea;border-color:#2c3d34}
label{display:block;font-size:13px;font-weight:600;margin:10px 0 4px}
.modal{position:fixed;inset:0;background:#0007;display:flex;align-items:center;justify-content:center;z-index:100}
.box{background:#fff;border-radius:18px;padding:22px;max-width:560px;width:calc(100vw - 40px);max-height:88vh;overflow:auto}
body[data-theme="dark"] .box{background:#1a2621}
.drawer{position:fixed;top:0;inset-inline-end:0;width:min(460px,94vw);height:100vh;background:#fff;z-index:90;overflow:auto;padding:20px;box-shadow:-8px 0 30px #0003}
body[data-theme="dark"] .drawer{background:#1a2621}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:24px;background:#16241e;color:#fff;padding:11px 18px;border-radius:999px;z-index:200;box-shadow:0 8px 24px #0004;font-size:14px}
.toast button{background:#e07840;color:#fff;border:0;border-radius:99px;padding:4px 12px;margin-inline-start:10px;cursor:pointer}
.trow{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #eee7d6}
.kanban{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;overflow-x:auto}
.kan{border:1px solid #e8e2d2;border-radius:14px;padding:10px;min-width:170px;background:#fff}
body[data-theme="dark"] .kan{background:#1a2621;border-color:#2c3d34}
.lcard{border:1px solid #eee7d6;border-radius:12px;padding:10px;margin:8px 0;background:#fffdf6}
body[data-theme="dark"] .lcard{background:#22332b;border-color:#2c3d34}
.bars{display:flex;align-items:flex-end;gap:6px;height:120px}.bars i{flex:1;background:#e07840;border-radius:6px 6px 0 0;min-width:10px}
.bars i.alt{background:#5aa58f}.bars i.dim{background:#d8d0bd}
.score{width:40px;height:40px;border-radius:50%;border:3px solid #1f7a5a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}
.faq{border:1px solid #e8e2d2;border-radius:12px;padding:12px;margin:8px 0;cursor:pointer}
.faq .ans{display:none;margin-top:8px;color:#4a554f}.faq.open .ans{display:block}
.tile{border:1px solid #e8e2d2;border-radius:14px;padding:14px;cursor:pointer;background:#fffdf6}
body[data-theme="dark"] .tile{background:#22332b;border-color:#2c3d34}
.tile.on{border-color:#e07840;box-shadow:0 0 0 2px #e0784055}
footer{margin-top:26px;color:#7d8b84;font-size:13px}