body{margin:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;background:#061a2c;color:#16263b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--srg-cyan: #21b6e8;--srg-cyan-deep: #1aa3d4;--srg-cyan-soft: #d8f1fa;--srg-cyan-bg: #eaf7fc;--srg-blue: #0e5a87;--srg-blue-deep: #0a4a72;--srg-charcoal: #3a3a3a;--srg-text: #2c3338;--srg-text-soft: #5d6770;--srg-text-muted: #8a939d;--srg-bg: #f3f5f8;--srg-bg-soft: #f8fafc;--srg-surface: #ffffff;--srg-border: #e3e8ee;--srg-border-soft: #edf1f5;--srg-shadow-card: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--srg-shadow-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 2px 6px rgba(15, 23, 42, .05);--srg-shadow-topbar: 0 1px 0 rgba(15, 23, 42, .04), 0 4px 18px rgba(15, 23, 42, .06);--srg-radius: 14px;--srg-radius-sm: 10px;--srg-radius-lg: 18px;--srg-radius-pill: 999px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Asap,Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--srg-text);background:var(--srg-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,textarea{font-family:inherit;color:inherit}a{color:var(--srg-blue);text-decoration:none;transition:color .15s ease}a:hover{color:var(--srg-cyan)}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;background:var(--srg-bg)}.app-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 36px;background:var(--srg-surface);border-bottom:1px solid var(--srg-border);box-shadow:var(--srg-shadow-topbar)}.brand-cluster{display:flex;align-items:center;gap:18px}.brand-card{display:flex;align-items:center;justify-content:center;height:48px;padding:4px}.brand-card img{height:40px;width:auto;display:block}.brand-meta{display:flex;flex-direction:column;gap:2px;padding-left:18px;border-left:1px solid var(--srg-border)}.brand-tag{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--srg-cyan-deep);font-weight:700}.brand-title{font-size:16px;font-weight:600;letter-spacing:.005em;color:var(--srg-text)}.topbar-actions{display:flex;align-items:center;gap:12px}.metric-pill{display:flex;flex-direction:column;padding:6px 16px;background:var(--srg-bg-soft);border:1px solid var(--srg-border);border-radius:var(--srg-radius-sm);min-width:92px;text-align:left}.metric-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--srg-text-muted);font-weight:600}.metric-value{font-size:20px;font-weight:700;color:var(--srg-text);line-height:1.15}.live-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--srg-radius-pill);background:var(--srg-cyan);color:#fff;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 6px 14px #21b6e840}.live-dot{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 #ffffffa6;animation:pulse 1.8s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #fff9}70%{box-shadow:0 0 0 8px #fff0}to{box-shadow:0 0 #fff0}}.layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding:32px 36px 28px}.board-section{display:flex;flex-direction:column;gap:24px;min-width:0}.board-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.board-eyebrow{display:inline-block;padding:5px 12px;background:var(--srg-cyan);color:#fff;border-radius:var(--srg-radius-sm);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}.board-header h1{margin:0;font-size:30px;font-weight:700;color:var(--srg-text);letter-spacing:-.005em}.board-header p{margin:8px 0 0;color:var(--srg-text-soft);font-size:15px;max-width:540px}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:20px;align-items:start;padding-bottom:4px}.column{position:relative;display:flex;flex-direction:column;min-width:0;width:100%;padding:0;background:var(--srg-surface);border:1px solid var(--srg-border);border-radius:var(--srg-radius);box-shadow:var(--srg-shadow-card);overflow:hidden}.column-track{display:none}.column-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--srg-bg-soft);border-bottom:1px solid var(--srg-border)}.column-header h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--srg-text)}.column-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;font-size:12px;font-weight:700;color:var(--srg-cyan-deep);background:var(--srg-cyan-bg);border-radius:var(--srg-radius-pill)}.card-list{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;min-height:80px;transition:background .18s ease}.card-list.is-over{background:var(--srg-cyan-bg)}.card{position:relative;padding:14px 14px 12px;border-radius:var(--srg-radius-sm);color:var(--srg-text);background:#fff8d6;box-shadow:var(--srg-shadow-soft);border:1px solid rgba(15,23,42,.04);display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,box-shadow .18s ease}.card:hover{transform:translateY(-1px);box-shadow:0 1px 2px #0f172a0d,0 10px 24px #0f172a1a}.card-head{display:flex;align-items:center;justify-content:space-between}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;border:none;border-radius:6px;background:transparent;color:#2c333873;cursor:grab;transition:background .18s ease,color .18s ease}.drag-handle:hover{background:#2c333814;color:var(--srg-text)}.drag-handle:active{cursor:grabbing}.delete-card{display:inline-flex;align-items:center;justify-content:center;width:26px;height:22px;border:none;border-radius:6px;background:transparent;color:#2c333873;cursor:pointer;transition:background .18s ease,color .18s ease}.delete-card:hover{background:#b000201a;color:#b00020}.card-content{width:100%;border:none;background:transparent;resize:vertical;min-height:56px;font-size:14px;line-height:1.5;color:var(--srg-text);outline:none;font-family:Inter,Asap,system-ui,sans-serif}.card-content::placeholder{color:#2c333866}.color-row{display:flex;gap:6px;flex-wrap:wrap;padding-top:4px;border-top:1px solid rgba(15,23,42,.06)}.color-dot{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.85);cursor:pointer;transition:transform .15s ease,border-color .15s ease;box-shadow:0 0 0 1px #0f172a14}.color-dot:hover{transform:scale(1.12)}.color-dot.active{border-color:var(--srg-blue);transform:scale(1.15);box-shadow:0 0 0 2px #0e5a8733}.new-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border-top:1px solid var(--srg-border);background:var(--srg-bg-soft)}.new-card textarea{width:100%;min-height:60px;padding:10px 12px;border-radius:var(--srg-radius-sm);border:1px solid var(--srg-border);background:var(--srg-surface);color:var(--srg-text);font-size:13px;resize:vertical;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.new-card textarea::placeholder{color:var(--srg-text-muted)}.new-card textarea:focus{border-color:var(--srg-cyan);box-shadow:0 0 0 3px #21b6e82e}.new-card button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border:none;border-radius:var(--srg-radius-pill);background:var(--srg-cyan);color:#fff;font-weight:600;font-size:13px;letter-spacing:.04em;cursor:pointer;box-shadow:0 6px 14px #21b6e840;transition:background .18s ease,transform .15s ease,box-shadow .2s ease}.new-card button:hover{background:var(--srg-cyan-deep);transform:translateY(-1px);box-shadow:0 8px 18px #21b6e852}.new-card button:active{transform:translateY(0)}.card-overlay{pointer-events:none;transform:rotate(1.5deg);box-shadow:0 12px 28px #0f172a2e,0 0 0 1px #21b6e866}.card-preview{font-size:14px;color:var(--srg-text);white-space:pre-wrap}.notes-panel{display:flex;flex-direction:column;gap:14px;padding:22px;background:var(--srg-surface);border:1px solid var(--srg-border);border-radius:var(--srg-radius);box-shadow:var(--srg-shadow-card);height:fit-content;position:sticky;top:96px}.notes-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.notes-header h2{margin:0;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--srg-text)}.notes-hint{font-size:11px;color:var(--srg-cyan-deep);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.notes-panel textarea{width:100%;min-height:320px;padding:14px 16px;border-radius:var(--srg-radius-sm);border:1px solid var(--srg-border);background:var(--srg-bg-soft);color:var(--srg-text);font-size:14px;line-height:1.55;resize:vertical;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;font-family:Inter,Asap,system-ui,sans-serif}.notes-panel textarea::placeholder{color:var(--srg-text-muted)}.notes-panel textarea:focus{border-color:var(--srg-cyan);background:var(--srg-surface);box-shadow:0 0 0 3px #21b6e82e}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 36px;background:var(--srg-charcoal);color:#d6d8da;font-size:13px}.footer-left{display:flex;align-items:center;gap:16px}.footer-left img{height:30px;width:auto;filter:brightness(0) invert(1);opacity:.95}.footer-left>div{display:flex;flex-direction:column;gap:2px}.footer-brand{font-size:14px;font-weight:700;color:#fff;letter-spacing:.01em}.footer-tagline{font-size:12px;color:#b6bbc1;letter-spacing:.01em}.footer-right{display:flex;align-items:center;gap:10px;color:#b6bbc1;font-size:12px;letter-spacing:.04em}.footer-right a{color:var(--srg-cyan);font-weight:600}.footer-right a:hover{color:#fff}.app-footer-sep{color:#6a6f76}@media (max-width: 1100px){.layout{grid-template-columns:1fr;padding:24px 22px}.notes-panel{position:static}}@media (max-width: 880px){.board{grid-auto-columns:minmax(260px,1fr);overflow-x:auto;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:var(--srg-border) transparent}.board::-webkit-scrollbar{height:10px}.board::-webkit-scrollbar-thumb{background:var(--srg-border);border-radius:999px}}@media (max-width: 720px){.app-topbar{flex-wrap:wrap;gap:14px;padding:14px 20px}.brand-meta{border-left:none;padding-left:0}.topbar-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.board-header{flex-direction:column;align-items:flex-start}.app-footer{flex-direction:column;align-items:flex-start;padding:18px 22px}}