@import "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800&family=Barlow+Condensed:wght@400;500;600;700&display=swap";:root{--color-bg:#0a0a0b;--color-text:#f3f3f4;--text-strong:#fff;--red:#ed1c24;--red-hot:#ff3b3b;--stroke:#ffffff1a;--muted:#fff9;--faint:#fff6;--panel:#ffffff08;--surface:#131316;--surface-2:#1a1a1e;--sidebar-bg:#0d0d10;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 8px 24px #00000059;--overlay-1:#ffffff08;--overlay-2:#ffffff0a;--overlay-3:#ffffff0f;--overlay-4:#ffffff14;--overlay-5:#ffffff1f;--overlay-border-1:#ffffff2e;--overlay-border-2:#fff3;--overlay-border-3:#ffffff38;--overlay-border-4:#ffffff3d;--overlay-border-5:#ffffff47;--selection-text:#fff}:root[data-theme=light]{--color-bg:#fff;--color-text:#1a1a1d;--text-strong:#0a0a0b;--stroke:#0a0a0b1f;--muted:#0a0a0b9e;--faint:#0a0a0b73;--panel:#0a0a0b08;--surface:#fff;--surface-2:#f4f4f5;--sidebar-bg:#fff;--shadow-sm:0 1px 3px #0a0a0b14;--shadow-md:0 8px 24px #0a0a0b1f;--overlay-1:#0a0a0b08;--overlay-2:#0a0a0b0a;--overlay-3:#0a0a0b0f;--overlay-4:#0a0a0b14;--overlay-5:#0a0a0b1f;--overlay-border-1:#0a0a0b24;--overlay-border-2:#0a0a0b29;--overlay-border-3:#0a0a0b2e;--overlay-border-4:#0a0a0b33;--overlay-border-5:#0a0a0b42;--selection-text:#0a0a0b}*{box-sizing:border-box}html,body,#root{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Barlow,system-ui,sans-serif}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:-.01em;margin:0;font-family:Barlow Condensed,system-ui,sans-serif;font-weight:700}a{color:var(--red)}button{font-family:inherit}::selection{color:var(--selection-text);background:#ed1c2459}html,body,#root{transition:background-color .15s,color .15s}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--stroke);flex-direction:column;flex-shrink:0;width:232px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{border-bottom:1px solid var(--stroke);align-items:center;gap:10px;padding:22px 20px;display:flex}.sidebar-brand img{object-fit:contain;flex-shrink:0;width:26px;height:26px}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav-label{text-transform:uppercase;letter-spacing:.14em;color:var(--faint);padding:16px 12px 6px;font-family:Barlow Condensed;font-size:11px}.sidebar-nav-label:first-child{padding-top:4px}.sidebar-nav a{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-radius:var(--radius-sm);align-items:center;gap:12px;padding:10px 12px;font-family:Barlow Condensed;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.sidebar-nav a svg{opacity:.75;flex-shrink:0}.sidebar-nav a:hover{color:var(--text-strong);background:var(--overlay-2)}.sidebar-nav a.active{color:var(--text-strong);background:#ed1c241f}.sidebar-nav a.active svg{opacity:1;color:var(--red)}.sidebar-nav a .badge-count{margin-left:auto}.sidebar-footer{border-top:1px solid var(--stroke);flex-direction:column;gap:10px;padding:14px 12px;display:flex}.sidebar-user{border-radius:var(--radius-sm);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:12px;text-decoration:none;display:flex}.sidebar-user:hover{background:var(--overlay-2);color:var(--text-strong)}.sidebar-user-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-toggle{border-radius:var(--radius-sm);border:1px solid var(--stroke);background:var(--surface);width:100%;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:9px 10px;font-family:Barlow Condensed;font-size:11px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:flex}.theme-toggle:hover{color:var(--text-strong);border-color:var(--overlay-border-2)}.theme-toggle-track{align-items:center;gap:4px;display:flex}.theme-toggle-icon{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s;display:flex}.theme-toggle-icon.active{background:var(--red);color:#fff}.main{flex-direction:column;flex:1;min-width:0;display:flex}.nav-toggle{color:var(--text-strong);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:6px;display:flex}.nav-toggle:hover{background:var(--overlay-3)}.mobile-topbar{border-bottom:1px solid var(--stroke);background:var(--sidebar-bg);z-index:20;justify-content:space-between;align-items:center;padding:14px 20px;display:none;position:sticky;top:0}.mobile-topbar-brand{align-items:center;gap:8px;display:flex}.mobile-topbar-brand img{object-fit:contain;width:22px;height:22px}@media (width<=900px){.sidebar{z-index:50;box-shadow:var(--shadow-md);transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-scrim{z-index:40;background:#00000080;display:none;position:fixed;inset:0}.sidebar-scrim.open{display:block}.mobile-topbar{display:flex}}.topbar{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.brand{letter-spacing:.1em;text-transform:uppercase;font-family:Barlow Condensed;font-size:18px;font-weight:700}.brand span{color:var(--red)}.badge-count{background:var(--red);min-width:18px;height:18px;color:var(--text-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.container{width:100%;max-width:1040px;margin:0 auto;padding:36px 32px 80px}.auth-wrap{flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.auth-card{border:1px solid var(--stroke);border-radius:var(--radius-lg);background:var(--surface);width:min(400px,100%);box-shadow:var(--shadow-md);padding:36px 32px}.btn{text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:var(--radius-sm);border:none;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:Barlow Condensed;font-size:13px;font-weight:700;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn-solid{color:var(--text-strong);background:var(--red);box-shadow:0 4px 14px #ed1c244d}.btn-solid:hover{background:var(--red-hot)}.btn-outline{color:var(--text-strong);background:var(--surface);border:1px solid var(--stroke)}.btn-outline:hover{border-color:var(--overlay-border-5);background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.field{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);flex-direction:column;gap:6px;margin-bottom:16px;font-family:Barlow Condensed;font-size:12px;display:flex}.field input,.field select,.field textarea{color:var(--text-strong);background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-sm);outline:none;padding:11px 13px;font-family:Barlow;font-size:15px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #ed1c2426}.field textarea{resize:vertical}.error-text{color:var(--red-hot);margin-top:10px;font-size:13px}.card{border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--surface);transition:border-color .15s,transform .15s}.card:hover{border-color:var(--overlay-border-2)}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat-grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=760px){.stat-grid,.stat-grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stat-grid,.stat-grid-3{grid-template-columns:1fr}}.post-row{border:1px solid var(--stroke);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:16px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.post-row:hover{border-color:var(--overlay-border-2);background:var(--surface-2)}.post-thumb{border-radius:var(--radius-sm);object-fit:cover;background:var(--overlay-3);flex-shrink:0;width:56px;height:56px}.post-row-title{color:var(--text-strong);font-size:15px;font-weight:600}.post-row-meta{color:var(--faint);margin-top:2px;font-size:12px}.post-row-actions{gap:8px;margin-left:auto;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-head h2{font-size:26px}.rgrid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.rgrid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rgrid-4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.rgrid-4,.rgrid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.rgrid-4,.rgrid-3,.rgrid-2{grid-template-columns:1fr}}.status-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-family:Barlow Condensed;font-size:11px;font-weight:700;display:inline-flex}.sb-concept{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.sb-pre-production{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.sb-in-dev{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.sb-qa{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.sb-shipped{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.sb-todo{background:var(--overlay-3);color:var(--muted);border:1px solid var(--stroke)}.sb-in-progress{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.sb-review{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.sb-done,.sb-present{color:#4ade80;background:#22c55e26;border:1px solid #22c55e4d}.sb-remote{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.sb-absent{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.sb-on-leave{color:#c084fc;background:#a855f726;border:1px solid #a855f74d}.sb-half-day{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.priority-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;align-items:center;padding:1px 7px;font-family:Barlow Condensed;font-size:10px;font-weight:700;display:inline-flex}.pb-low{background:var(--overlay-3);color:var(--faint)}.pb-medium{color:#60a5fa;background:#3b82f626}.pb-high{color:#fbbf24;background:#f59e0b26}.pb-urgent{color:#f87171;background:#ef444426}.role-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:4px;align-items:center;padding:1px 7px;font-family:Barlow Condensed;font-size:10px;font-weight:700;display:inline-flex}.rb-1{color:#38bdf8;background:#38bdf81a}.rb-2{color:#a78bfa;background:#8b5cf61a}.rb-3{color:#fbbf24;background:#facc151a}.kanban-board{grid-template-columns:repeat(4,minmax(220px,1fr));align-items:start;gap:14px;padding-bottom:24px;display:grid;overflow-x:auto}@media (width<=900px){.kanban-board{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (width<=500px){.kanban-board{grid-template-columns:1fr}}.kanban-col{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-md);flex-direction:column;min-height:200px;transition:border-color .15s;display:flex}.kanban-col.drag-over{border-color:var(--red);background:#ed1c240d}.kanban-col-header{border-bottom:1px solid var(--stroke);justify-content:space-between;align-items:center;padding:12px 14px 10px;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;font-family:Barlow Condensed;font-size:12px;font-weight:700;display:flex}.kanban-col-count{background:var(--overlay-4);color:var(--faint);border-radius:10px;padding:1px 7px;font-size:11px}.kanban-cards{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.kanban-card{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-sm);cursor:grab;-webkit-user-select:none;user-select:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s,opacity .15s}.kanban-card:hover{border-color:var(--overlay-border-3);box-shadow:var(--shadow-sm)}.kanban-card.dragging{opacity:.4;cursor:grabbing}.kanban-card-title{color:var(--text-strong);margin-bottom:7px;font-size:13px;font-weight:600;line-height:1.35}.kanban-card-meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:5px;font-size:11px;display:flex}.kanban-empty{text-align:center;color:var(--faint);padding:20px 14px;font-size:12px}.checkin-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:32px;margin-bottom:32px;padding:28px 32px;display:flex}.checkin-time{color:var(--text-strong);letter-spacing:-1px;font-family:Barlow Condensed;font-size:44px;font-weight:700;line-height:1}.checkin-label{text-transform:uppercase;letter-spacing:.12em;color:var(--faint);margin-bottom:4px;font-family:Barlow Condensed;font-size:11px}.workload-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.workload-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-md);padding:18px 20px;transition:border-color .15s}.workload-card:hover{border-color:var(--overlay-border-2)}.workload-card-name{color:var(--text-strong);margin-bottom:3px;font-size:15px;font-weight:700}.workload-card-role{color:var(--faint);margin-bottom:12px;font-size:12px}.workload-stat-row{color:var(--muted);flex-wrap:wrap;gap:12px;font-size:12px;display:flex}.workload-stat{flex-direction:column;gap:2px;display:flex}.workload-stat-val{color:var(--text-strong);font-family:Barlow Condensed;font-size:20px;font-weight:700;line-height:1}.workload-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-size:10px}.notice-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-md);margin-bottom:10px;padding:16px 20px;transition:border-color .15s}.notice-card.pinned{background:#facc150a;border-color:#facc1559}.notice-card:hover{border-color:var(--overlay-border-3)}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-bar select,.filter-bar input{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--text-strong);outline:none;padding:8px 12px;font-family:Barlow;font-size:13px}.filter-bar select:focus,.filter-bar input:focus{border-color:var(--red)}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3{color:var(--text-strong);text-transform:none;letter-spacing:normal;margin:0 0 8px;font-family:Barlow,system-ui,sans-serif}.markdown-preview p{margin:0 0 10px}.markdown-preview a{color:var(--red)}.markdown-preview ul,.markdown-preview ol{margin:0 0 10px;padding-left:20px}.markdown-preview code{background:var(--overlay-4);border-radius:3px;padding:2px 5px;font-size:12px}
