:root{--bg: #f4f5f5;--card: #fff;--ink: #2b2b2b;--ink2: #5c6263;--mute: #8a9192;--line: #e6e8e8;--sep: #eef0f0;--field: #dadede;--soft: #f1f3f3;--accent: #339999;--btn: #1f7a7a;--btn-h: #196a6a;--acc-bg: #e8f3f3;--acc-ink: #14595a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.45 Geist,system-ui,sans-serif}a{color:var(--btn);text-decoration:none}a:hover{color:var(--btn-h)}h1{margin:4px 0 0;font-size:28px;font-weight:600;letter-spacing:-.02em}h2{margin:0;font-size:17px;font-weight:600}h3{margin:0;font-size:15px;font-weight:600}.num{font-variant-numeric:tabular-nums}.lbl{font-size:12px;color:var(--ink2)}.muted{color:var(--ink2);font-size:13px}.app{display:flex;min-height:100vh}.side{width:240px;flex:none;background:#fff;border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px}.brand .logo{width:32px;height:32px;border-radius:9px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.nav{display:flex;align-items:center;gap:10px;height:38px;padding:0 12px;border-radius:8px;color:#3f4445;font-weight:500}.nav:hover{background:var(--soft);color:var(--ink)}.nav.active{background:var(--acc-bg);color:var(--acc-ink);font-weight:600}.nav .cnt{margin-left:auto;background:var(--accent);color:#fff;border-radius:999px;font-size:11px;font-weight:600;padding:1px 7px}.nav .soon{margin-left:auto;font-size:11px;color:var(--mute)}.main{flex:1;min-width:0;padding:28px 36px 48px;display:flex;flex-direction:column;gap:18px;max-width:1320px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:14px}.pad{padding:18px 20px}.badge{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.b-ok{background:#e3f1f1;color:#14595a}.b-warn{background:#fbf4e2;color:#7a5200}.b-info{background:#eaf0fb;color:#2b4c8c}.b-neu{background:var(--soft);color:#3f4445}.b-bad{background:#fcebe9;color:#a3352c}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border-radius:8px;font:600 13px Geist,system-ui,sans-serif;border:1px solid var(--field);background:#fff;color:var(--ink);cursor:pointer;transition:transform .14s cubic-bezier(.23,1,.32,1)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.pri{background:var(--btn);border-color:var(--btn);color:#fff}.btn.pri:hover:not(:disabled){background:var(--btn-h)}.btn.sm{height:32px;padding:0 12px;font-size:12px}.btn.ghost{border-color:transparent;background:transparent}.field{width:100%;height:40px;border:1px solid var(--field);border-radius:8px;padding:0 12px;font:14px Geist,system-ui,sans-serif;color:var(--ink);background:#fff}textarea.field{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #33999926}label.f{display:flex;flex-direction:column;gap:6px}.howto{padding:12px 18px;display:flex;flex-direction:column;gap:10px}.howto .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.howto .step{display:flex;gap:10px;align-items:flex-start;font-size:13px}.howto .step+.step{border-left:1px solid var(--sep);padding-left:14px}.dot{width:22px;height:22px;border-radius:999px;background:var(--acc-bg);color:var(--acc-ink);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}.cat{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink)}.cat.on{border-color:var(--accent);background:#f4fafa;box-shadow:0 0 0 1px var(--accent)}.pill{height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--field);background:#fff;font:500 13px Geist,sans-serif;cursor:pointer;color:var(--ink)}.pill.on{border-color:var(--accent);background:var(--acc-bg);color:var(--acc-ink);font-weight:600}.grid4{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;color:var(--ink);cursor:pointer;text-align:left;font-family:inherit}.card:hover{border-color:#cfd6d6;color:var(--ink)}.card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;background:var(--soft);display:block}.ph{width:100%;aspect-ratio:1;border-radius:10px;background:var(--soft);display:flex;align-items:center;justify-content:center;color:var(--mute);font-size:12px;text-align:center;padding:10px;position:relative;overflow:hidden}.ph img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.28;filter:grayscale(1)}.ph span{position:relative}.bar{display:flex;gap:4px}.bar i{flex:1;height:4px;border-radius:4px;background:var(--sep)}.bar i.done{background:var(--accent)}.bar i.now{background:#e5b84b}.stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.stage{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;cursor:pointer;text-align:left;font-family:inherit;color:var(--ink)}.stage.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f4fafa}.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.split>.left{flex:3 1 520px;min-width:0;display:flex;flex-direction:column;gap:16px}.split>.right{flex:2 1 340px;min-width:0;position:sticky;top:20px;display:flex;flex-direction:column;gap:14px}.drop{border:1.5px dashed var(--field);border-radius:12px;padding:22px;text-align:center;color:var(--ink2);cursor:pointer;background:#fcfdfd}.drop.over{border-color:var(--accent);background:#f4fafa}.note{display:flex;gap:10px;align-items:flex-start;background:#f4fafa;border:1px solid #d5eaea;border-radius:10px;padding:10px 12px;font-size:13px;color:var(--acc-ink)}.warnbox{background:#fbf4e2;border:1px solid #f0e2bb;color:#7a5200;border-radius:10px;padding:10px 12px;font-size:13px}.mono{font-family:Geist Mono,ui-monospace,monospace;font-size:12px;line-height:1.55;background:#f7f8f8;border:1px solid var(--sep);border-radius:10px;padding:12px;color:#3f4445;white-space:pre-wrap}.spin{width:16px;height:16px;border-radius:999px;border:2px solid #cfe5e5;border-top-color:var(--accent);animation:sp .9s linear infinite;display:inline-block}@keyframes sp{to{transform:rotate(360deg)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.err{color:#a3352c;font-size:13px}@media(max-width:900px){.side{display:none}.main{padding:20px 16px 40px}.howto .steps,.stages{grid-template-columns:repeat(2,minmax(0,1fr))}}