*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#181b21;--bg2:#1f232c;--bg3:#272c38;--border:#ffffff12;--border-h:#ffffff29;--text:#eceef2;--muted:#7a8099;--dim:#3a4055;--accent:#e8452a;--accent2:#ff6b4a;--green:#22c55e;--y-bg2:#fdf3c0;--y-border:#d4a017;--y-stripe:#e8b800;--y-os:#2d2000;--y-cl:#4a3500;--y-eq:#7a5c00;--p-bg2:#fce4f2;--p-border:#c9247a;--p-stripe:#e8429e;--p-os:#2d0018;--p-cl:#4a0028;--p-eq:#7a0040;--hh:54px;--lh:32px}body.light-mode{--bg:#f0f2f5;--bg2:#fff;--bg3:#fdfdfd;--border:#00000014;--border-h:#0000001f;--text:#202124;--muted:#5f6368;--dim:#dadce0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:DM Sans,sans-serif;overflow:hidden}header{height:var(--hh);background:var(--bg2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:0 20px;display:flex}.logo{align-items:center;gap:10px;display:flex}.logo-mark{background:var(--accent);color:#fff;letter-spacing:-1px;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;display:flex}.logo-text{letter-spacing:1px;font-family:Space Mono,monospace;font-size:13px;font-weight:700}.logo-sub{color:var(--muted);font-size:10px}.hdr-mid{align-items:center;gap:8px;display:flex}.chip{background:var(--bg3);border:1px solid var(--border);color:var(--muted);border-radius:14px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;display:flex}.chip b{color:var(--text);font-weight:700}.btn-new{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 15px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:flex}.btn-new:hover{background:var(--accent2);transform:translateY(-1px)}.btn-new:active{transform:translateY(0)}.btn-new svg{width:13px;height:13px}.btn-theme{background:var(--bg3);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;margin-right:12px;transition:all .15s;display:flex}.btn-theme:hover{color:var(--text);border-color:var(--border-h);background:var(--border)}.btn-theme svg{width:17px;height:17px}.legend{height:var(--lh);background:var(--bg2);border-bottom:1px solid var(--border);color:var(--muted);align-items:center;gap:16px;padding:0 20px;font-size:11px;display:flex}.li{align-items:center;gap:5px;display:flex}.ld{border-radius:2px;width:9px;height:9px}.ld-y{background:var(--y-stripe)}.ld-p{background:var(--p-stripe)}.board{height:calc(100vh - var(--hh) - var(--lh));grid-template-columns:repeat(5,1fr);gap:10px;padding:10px;display:grid;overflow:hidden}.column{flex-direction:column;gap:6px;min-height:0;display:flex}.col-header{background:var(--bg2);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 11px 6px;display:flex}.col-title{letter-spacing:2px;text-transform:uppercase;color:var(--text);text-shadow:0 0 10px #ffffff1a;font-family:Space Mono,monospace;font-size:10px;font-weight:700}.col-badge{color:var(--text);background:var(--bg3);border-radius:4px;padding:1px 6px;font-family:Space Mono,monospace;font-size:12px;font-weight:700}.col-body{border:2px dashed #0000;border-radius:8px;flex:1;min-height:0;transition:border-color .18s,background .18s;overflow:hidden auto}.col-body::-webkit-scrollbar{width:4px}.col-body::-webkit-scrollbar-track{background:0 0}.col-body::-webkit-scrollbar-thumb{background:var(--dim);border-radius:4px}.col-body::-webkit-scrollbar-thumb:hover{background:var(--muted)}.col-body.drag-over{border-color:var(--accent);background:#e8452a0d}.col-body.l1{flex-direction:column;align-content:start;gap:5px;padding:4px;display:flex}.col-body.l2{grid-template-columns:1fr 1fr;align-content:start;gap:5px;padding:4px;display:grid}.col-body.l1.is-empty{justify-content:center;align-items:center;display:flex}.empty-lbl{color:var(--dim);border:1px dashed var(--dim);border-radius:6px;padding:8px 14px;font-size:11px}.postit{cursor:grab;-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;flex-shrink:0;min-height:68px;padding:10px 11px 8px;transition:transform .12s,box-shadow .12s;display:flex;position:relative;overflow:hidden}.postit:hover{z-index:10;transform:translateY(-2px)rotate(.3deg);box-shadow:0 8px 20px #00000073}.postit.dragging{opacity:0;cursor:grabbing}.postit.yellow{background:var(--y-bg2);border:1.5px solid var(--y-border);box-shadow:0 2px 5px #00000038}.postit.pink{background:var(--p-bg2);border:1.5px solid var(--p-border);box-shadow:0 2px 5px #00000038}.postit:before{content:"";border-radius:6px 6px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.postit.yellow:before{background:var(--y-stripe)}.postit.pink:before{background:var(--p-stripe)}.p-os{margin-bottom:4px;font-family:Space Mono,monospace;font-size:13px;font-weight:700;line-height:1.15}.p-client{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:11px;font-weight:600;overflow:hidden}.p-equip{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;opacity:.85;font-size:10px;font-weight:400;overflow:hidden}.yellow .p-os{color:var(--y-os)}.yellow .p-client{color:var(--y-cl)}.yellow .p-equip{color:var(--y-eq)}.pink .p-os{color:var(--p-os)}.pink .p-client{color:var(--p-cl)}.pink .p-equip{color:var(--p-eq)}.p-acts{opacity:0;justify-content:flex-end;gap:3px;margin-top:auto;padding-top:3px;transition:opacity .12s;display:flex}.postit:hover .p-acts{opacity:1}.pa{cursor:pointer;background:#0000001a;border:none;border-radius:3px;justify-content:center;align-items:center;width:17px;height:17px;transition:background .1s;display:flex}.pa:hover{background:#0003}.pa svg{width:10px;height:10px}.yellow .pa svg{stroke:var(--y-os)}.pink .pa svg{stroke:var(--p-os)}.ghost{pointer-events:none;z-index:9999;border-radius:6px;width:160px;padding:8px 9px;position:fixed;transform:rotate(2.5deg);box-shadow:0 14px 36px #0009,0 0 0 2px #e8452a80}.overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;pointer-events:none;background:#000000b8;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:fixed;inset:0}.overlay.open{opacity:1;pointer-events:all}.modal{background:var(--bg2);border:1px solid var(--border-h);border-radius:14px;width:380px;max-width:calc(100vw - 32px);padding:22px;transition:transform .18s;transform:translateY(10px)}.overlay.open .modal{transform:translateY(0)}.mhdr{color:var(--text);align-items:center;gap:8px;margin-bottom:18px;font-family:Space Mono,monospace;font-size:14px;font-weight:700;display:flex}.mdot{background:var(--accent);border-radius:50%;width:7px;height:7px}.ebadge{color:var(--accent2);background:#e8452a24;border-radius:4px;margin-left:auto;padding:2px 7px;font-family:Space Mono,monospace;font-size:10px}.field{margin-bottom:13px}.field label{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:10px;font-weight:600;display:block}.field input,.field select{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:6px;outline:none;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13px;transition:border-color .13s}.field input:focus,.field select:focus{border-color:var(--accent)}.field select option{background:var(--bg3)}.cgrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.copt{border:1.5px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 11px;transition:border-color .13s,background .13s;display:flex}.copt input{opacity:0;width:0;height:0;position:absolute}.copt.sy{border-color:var(--y-border);background:#e8b80014}.copt.sp{border-color:var(--p-border);background:#e8429e14}.csw{border-radius:3px;flex-shrink:0;width:15px;height:15px}.swy{background:var(--y-stripe);border:1px solid var(--y-border)}.swp{background:var(--p-stripe);border:1px solid var(--p-border)}.clbl{color:var(--text);font-size:12px;font-weight:500}.csub{color:var(--muted);font-size:9px}.mfoot{gap:8px;margin-top:18px;display:flex}.btn-c{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:9px;font-family:DM Sans,sans-serif;font-size:13px;transition:color .13s,border-color .13s}.btn-c:hover{color:var(--text);border-color:var(--border-h)}.btn-s{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:2;padding:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;transition:background .13s}.btn-s:hover{background:var(--accent2)}.confirm-box{background:var(--bg2);border:1px solid var(--border-h);text-align:center;border-radius:11px;width:280px;padding:20px}.confirm-box h3{color:var(--text);margin-bottom:6px;font-family:Space Mono,monospace;font-size:13px}.confirm-box p{color:var(--muted);margin-bottom:15px;font-size:12px}.cacts{gap:8px;display:flex}.btn-d{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;flex:1;padding:9px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.toast{background:var(--bg2);border:1px solid var(--border-h);border-left:3px solid var(--green);color:var(--text);z-index:2000;opacity:0;border-radius:6px;padding:9px 14px;font-size:12px;transition:transform .22s,opacity .22s;position:fixed;bottom:18px;right:18px;transform:translateY(50px)}.toast.show{opacity:1;transform:translateY(0)}