:root{--y:#ffd400;--ink:#0a0a0a;--red:#e4002b;--bg:#f6f3e8;--line:#e4dfcc;--ok:#0f9d58;font-family:Bricolage Grotesque,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit;color:inherit}code,.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.82rem}.muted{color:#6b6757}.pad{padding:20px}.row{display:flex;gap:6px;align-items:center}.row.end{justify-content:flex-end;margin-top:6px}.spin{animation:sp 1s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;font-weight:700;font-size:.88rem;background:#fff;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);cursor:pointer;transition:.1s}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--red);color:#fff}.btn.block{width:100%;justify-content:center;padding:12px}.btn:disabled{opacity:.6;cursor:wait}.icon-btn{display:grid;place-items:center;width:32px;height:32px;background:#fff;border:2px solid var(--ink);cursor:pointer;transition:.1s}.icon-btn:hover{background:var(--y)}.icon-btn.ok:hover{background:#b7f0cf}.icon-btn.danger:hover{background:var(--red);color:#fff}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--y)}.login-card{width:min(100%,400px);background:#fff;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:30px;display:grid;gap:14px}.login-card h1{margin:0;font-size:1.9rem;letter-spacing:-.02em}.login-card p{margin:0;color:#555;font-size:.92rem}.login-ico{width:52px;height:52px;display:grid;place-items:center;background:var(--ink);color:var(--y)}.login-card small{display:flex;gap:6px;align-items:center;font-size:.75rem}label{display:grid;gap:5px;font-size:.82rem;font-weight:800}input,select{padding:10px 12px;border:2px solid var(--ink);background:#fff;border-radius:0}input:focus,select:focus{outline:none;box-shadow:3px 3px 0 var(--red)}.alert{display:flex;gap:8px;align-items:center;background:#ffe1e6;border:2px solid var(--red);color:#8a001a;padding:9px 12px;font-size:.85rem;font-weight:700}.banner{background:var(--ink);color:var(--y);text-align:center;padding:10px;font-weight:700}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.side{background:var(--ink);color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;height:100vh}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.05rem;color:var(--y);padding:4px 8px}.logo em{font-style:normal;background:var(--y);color:var(--ink);font-size:.65rem;padding:2px 6px}.side nav{display:grid;gap:6px;flex:1;align-content:start}.side nav button,.side-foot a,.side-foot button{display:flex;align-items:center;gap:11px;padding:11px 12px;background:transparent;border:2px solid transparent;color:#cfcfcf;font-weight:700;font-size:.9rem;cursor:pointer;text-decoration:none;text-align:left}.side nav button:hover,.side-foot a:hover,.side-foot button:hover{background:#1b1b1b;color:var(--y)}.side nav button.on{background:var(--y);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 var(--red);font-weight:800}.side-foot{display:grid;gap:4px;border-top:1px solid #272727;padding-top:12px}.main{min-width:0}.top{display:flex;align-items:center;gap:14px;padding:16px clamp(16px,3vw,32px);background:#fff;border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:10}.titles{flex:1;min-width:0}.titles h2{margin:0;font-size:1.3rem}.titles p{margin:2px 0 0;font-size:.84rem;color:#6b6757}.burger{display:none}.page{padding:clamp(16px,3vw,32px);display:grid;gap:20px;max-width:1300px}.card{background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:18px;min-width:0}.card.flush{padding:0}.card h3{margin:0 0 12px;font-size:1.05rem;display:flex;gap:8px;align-items:center}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.kpi{background:#fff;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:16px;display:grid;gap:2px}.kpi span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#5d594a}.kpi b{font-size:1.8rem;letter-spacing:-.02em}.kpi small{color:#6b6757;font-size:.78rem}.kpi svg{margin-bottom:6px}.kpi.hero{background:var(--y)}.kpi.hero b{color:var(--red)}.bars{display:flex;align-items:flex-end;gap:8px;height:160px}.bar{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px}.bar i{width:100%;background:var(--red);border:2px solid var(--ink);min-height:3px}.bar small{font-size:.65rem;color:#6b6757}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.87rem}th{text-align:left;background:var(--ink);color:var(--y);padding:11px 14px;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}td{padding:11px 14px;border-bottom:2px solid var(--line);vertical-align:middle}tbody tr:hover td{background:#fffbe0}.brand{display:flex;align-items:center;gap:10px;min-width:200px}.brand img{width:40px;height:40px;object-fit:cover;border:2px solid var(--ink);image-rendering:pixelated;background:#eee}.brand div{display:grid}.brand small{color:#6b6757;font-size:.76rem}.lnk{display:inline-flex;gap:5px;align-items:center;color:var(--red);font-weight:700;text-decoration:none}.lnk:hover{text-decoration:underline}.chip{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:800;padding:3px 8px;border:2px solid var(--ink);text-transform:uppercase}.chip.ok{background:#b7f0cf}.chip.warn{background:var(--y)}.chip.mute{background:#e3e3e3}.search{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);padding:0 12px;max-width:380px;width:100%}.search input{border:none;box-shadow:none!important;flex:1;padding:10px 0}.monitor{display:grid;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:24px;align-items:start}.board-card{background:#fff;border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:16px}.board-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.board-hud{background:var(--ink);color:var(--y);padding:5px 10px;font-weight:800;font-size:.82rem;border:2px solid var(--ink)}.board-legend{list-style:none;margin:0;padding:0;display:flex;gap:12px;font-size:.8rem;font-weight:700;align-items:center}.board-legend li{display:flex;align-items:center;gap:5px}.board-legend i{display:inline-block;width:12px;height:12px;border:1px solid var(--ink)}.board-legend .l-paid{background:#2f5bff}.board-legend .l-pending{background:repeating-linear-gradient(45deg,#f4efd8 0,#f4efd8 3px,#e2dcc0 3px,#e2dcc0 6px)}.board-legend .l-sel{background:#ffb3c1;border-color:var(--red)}.board-frame{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:#fff;overflow:hidden}.board-canvas{position:relative;width:100%;aspect-ratio:1;-webkit-user-select:none;user-select:none;touch-action:none;background-color:#fff;background-image:linear-gradient(#e6e1cf 1px,transparent 1px),linear-gradient(90deg,#e6e1cf 1px,transparent 1px);background-size:1% 1%;cursor:url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 0V9M12.5 16V25M0 12.5H9M16 12.5H25' stroke='white' stroke-width='4' stroke-linecap='square'/%3E%3Cpath d='M12.5 1V8M12.5 17V24M1 12.5H8M17 12.5H24' stroke='%230a0a0a' stroke-width='2' stroke-linecap='square'/%3E%3Ccircle cx='12.5' cy='12.5' r='2' fill='%23e4002b' stroke='white' stroke-width='1'/%3E%3C/svg%3E") 12 12,crosshair}.board-block{position:absolute;overflow:hidden;cursor:pointer;box-sizing:border-box;transition:outline .08s ease,transform .08s ease}.board-block.paid img{width:100%;height:100%;display:block;object-fit:fill;image-rendering:pixelated}.board-block.pending{background:repeating-linear-gradient(45deg,#f4efd8 0,#f4efd8 6px,#e2dcc0 6px,#e2dcc0 12px);border:1px dashed #78350f;display:flex;align-items:center;justify-content:center}.pending-label{font-size:.65rem;font-weight:800;color:#78350f;background:#ffffffbf;padding:1px 3px;border-radius:2px}.board-block:hover{outline:3px solid var(--red);z-index:10;box-shadow:0 0 12px #e4002b99}.board-block.active-pin{outline:3px solid var(--red);z-index:20;box-shadow:0 0 0 2px var(--ink),0 0 16px #e4002be6;animation:pulse-pin 1.2s infinite alternate ease-in-out}@keyframes pulse-pin{0%{transform:scale(1)}to{transform:scale(1.02)}}.detail{display:grid;gap:14px}dl{display:grid;grid-template-columns:100px 1fr;gap:8px 12px;margin:0;font-size:.88rem}dt{color:#6b6757;font-weight:700}dd{margin:0;word-break:break-all}dd a{color:var(--red)}.stack{display:grid;gap:20px}.card p{margin:0 0 10px;font-size:.9rem;color:#444}.copy{display:flex;gap:8px;align-items:center;background:#f3f0e1;border:2px dashed var(--ink);padding:8px 10px}.copy code{flex:1;word-break:break-all}.checks{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:.9rem}.checks li{display:flex;gap:9px;align-items:center}.checks svg{color:var(--ok);flex-shrink:0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#ffd400d1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:16px;z-index:100}.modal{position:relative;width:min(100%,480px);background:#fff;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink);padding:24px;display:grid;gap:12px;max-height:92vh;overflow:auto}.modal h3{margin:0;font-size:1.4rem}.modal p{margin:0}.x{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--y);padding:12px 20px;font-weight:700;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--red);z-index:200}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{position:fixed;left:0;top:0;width:260px;z-index:60;transform:translate(-100%);transition:transform .2s}.side.open{transform:none}.burger{display:grid}.monitor{grid-template-columns:1fr}.titles p{display:none}}