:root{--navy:#161f38;--navy-2:#1f2a44;--navy-light:#2c3a5e;--accent:#3a6df0;--accent-2:#6a3df0;--accent-soft:#eaf0ff;--bg:#f3f5fa;--card:#fff;--border:#e6eaf2;--text:#1a2233;--muted:#6b7587;--green:#16a34a;--green-soft:#e7f7ed;--amber:#d97706;--amber-soft:#fdf3e3;--red:#dc2626;--red-soft:#fdeaea;--shadow-sm:0 1px 2px rgba(16,24,40,.05);--shadow:0 4px 16px rgba(16,24,40,.07);--shadow-lg:0 12px 32px rgba(16,24,40,.12);--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Meiryo,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.navbar{background:linear-gradient(100deg,var(--navy) 0,var(--navy-2) 60%,#243763 100%);color:#fff;gap:4px;padding:0 22px;height:58px;box-shadow:var(--shadow);position:-webkit-sticky;position:sticky;top:0;z-index:40}.navbar,.navbar .brand{display:flex;align-items:center}.navbar .brand{font-weight:800;font-size:17px;margin-right:28px;letter-spacing:.2px;gap:9px}.navbar .brand .dot{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 8px rgba(58,109,240,.45)}.navbar .tab{padding:8px 15px;border-radius:8px;color:#c2cce0;font-weight:500;transition:all .15s ease}.navbar .tab:hover{background:hsla(0,0%,100%,.08);color:#fff}.navbar .tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 2px 10px rgba(58,109,240,.4)}.navbar .spacer{flex:1 1}.navbar .pill-demo{font-size:11px;font-weight:600;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.18);padding:5px 11px;border-radius:999px;color:#e6ecfb}.container{padding:26px 28px 56px;max-width:1240px;margin:0 auto}h1{font-size:23px;margin:0 0 4px;font-weight:800;letter-spacing:-.2px}.subtitle{color:var(--muted);margin:0 0 18px;font-size:13px}.banner{background:var(--amber-soft);border:1px solid #f3dca8;color:#8a5a12;padding:10px 14px;border-radius:10px;font-size:12.5px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.banner.ok{background:var(--green-soft);border-color:#b6e6c6;color:#146434}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:22px}.kpi{position:relative;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.kpi .ico{width:34px;height:34px;border-radius:9px;background:var(--accent-soft);display:inline-flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:10px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:25px;font-weight:800;margin-top:3px;letter-spacing:-.5px}.kpi .delta{font-size:11.5px;font-weight:600;margin-top:5px}.kpi .delta.up{color:var(--green)}.kpi .delta.flat{color:var(--muted)}.kpi.green:before{background:linear-gradient(180deg,#22c55e,#16a34a)}.kpi.green .ico{background:var(--green-soft)}.kpi.amber:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.kpi.amber .ico{background:var(--amber-soft)}.kpi.purple:before{background:linear-gradient(180deg,#8b5cf6,#6a3df0)}.kpi.purple .ico{background:#f0eaff}.section-title{font-size:15px;font-weight:700;margin:0 0 14px;display:flex;align-items:center;gap:8px}.grid-2{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:16px;gap:16px}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px}.board-col{background:#eef1f7;border-radius:var(--radius);padding:10px;min-height:340px;border:1px solid var(--border)}.board-col h3{font-size:13px;margin:4px 6px 12px;display:flex;justify-content:space-between;align-items:center}.board-col h3 .stage-name{display:flex;align-items:center;gap:7px;font-weight:700}.board-col h3 .dot-s{width:9px;height:9px;border-radius:50%}.board-col .count{color:var(--muted);font-weight:700;font-size:11px;border-radius:999px;padding:2px 9px}.board-col .count,.deal-card{background:#fff;border:1px solid var(--border)}.deal-card{border-radius:10px;padding:11px 12px;margin-bottom:9px;cursor:-webkit-grab;cursor:grab;box-shadow:var(--shadow-sm);transition:box-shadow .12s ease,transform .12s ease}.deal-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.deal-card.dragging{opacity:.4}.deal-card .name{font-weight:700}.deal-card .meta{color:var(--muted);font-size:12px;margin-top:4px}.deal-card .amount{color:var(--accent);font-weight:800;margin-top:6px;font-size:15px}.drawer-overlay{position:fixed;inset:0;background:rgba(15,20,35,.45);z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:92vw;background:#fff;z-index:51;box-shadow:-8px 0 40px rgba(0,0,0,.18);padding:24px;overflow-y:auto;animation:slidein .22s cubic-bezier(.2,.8,.2,1)}@keyframes slidein{0%{transform:translateX(30px);opacity:.5}to{transform:none;opacity:1}}.drawer h2{font-size:19px;margin:0 0 2px;font-weight:800}.drawer .section{margin-top:20px}.drawer .section h4{font-size:12px;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:7px;margin:0 0 9px;text-transform:uppercase;letter-spacing:.5px}.row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--border)}.tag{font-size:11px;background:var(--accent-soft);color:var(--accent);font-weight:600}.pill,.tag{display:inline-block;padding:3px 10px;border-radius:999px}.pill{font-size:11.5px;font-weight:700}.pill.green{background:var(--green-soft);color:var(--green)}.pill.blue{background:var(--accent-soft);color:var(--accent)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.red{background:var(--red-soft);color:var(--red)}.pill.gray{background:#eef1f7;color:var(--muted)}.diff-up{color:var(--green);font-weight:700}.diff-new{color:var(--accent);font-weight:700}.diff-down{color:var(--red);font-weight:700}button.btn{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:none;border-radius:9px;padding:9px 16px;cursor:pointer;font-size:13px;font-weight:600;box-shadow:0 2px 10px rgba(58,109,240,.3);transition:transform .12s ease,box-shadow .12s ease}button.btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(58,109,240,.4)}button.btn.ghost{background:#fff;color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-sm)}button.btn.ghost:hover{background:#f8fafc}table.simple{width:100%;border-collapse:collapse}table.simple td,table.simple th{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}table.simple th{color:var(--muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px}table.simple tr:hover td{background:#fafbfe}