@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap");:root{--ink:#0f172a;--ink-2:#16223d;--steel:#475569;--steel-soft:#64748b;--signal:#0ea5e9;--signal-deep:#0284c7;--bone:#f8fafc;--mist:#e2e8f0;--card:#fff;--emerald:#10b981;--amber:#f59e0b;--vermillion:#dc2626;--violet:#7c3aed;--shadow:0 8px 28px rgba(15,23,42,.07);--shadow-lift:0 14px 40px rgba(15,23,42,.12);--ring:0 0 0 3px rgba(14,165,233,.18);--radius:14px;--mono:"JetBrains Mono",ui-monospace,monospace;--sans:"Inter",system-ui,sans-serif;--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0}body{font-family:var(--sans);background:radial-gradient(1100px 500px at 85% -10%,rgba(14,165,233,.06),transparent 60%),var(--bone);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--signal-deep);text-decoration:none;transition:color .15s var(--ease)}a:hover{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:6px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px;border:2px solid var(--bone)}::-webkit-scrollbar-thumb:hover{background:var(--steel-soft)}::selection{background:rgba(14,165,233,.22)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(220%)}}@keyframes growBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pulseRing{0%,to{box-shadow:inset 0 0 0 1.5px rgba(14,165,233,.55)}50%{box-shadow:inset 0 0 0 1.5px rgba(14,165,233,.2)}}.shell{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:linear-gradient(180deg,var(--ink) 0,var(--ink-2) 100%);color:#cbd5e1;padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:700;font-size:20px;color:#fff;letter-spacing:-.02em;margin-bottom:2px}.brand .dot{color:var(--signal)}.brand-sub{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--steel-soft);text-transform:uppercase;margin-bottom:24px}.nav-link{display:block;padding:8px 12px;border-radius:8px;color:#cbd5e1;font-size:14px;font-weight:500;position:relative;transition:background .18s var(--ease),color .18s var(--ease),padding-left .18s var(--ease)}.nav-link:hover{background:hsla(0,0%,100%,.06);color:#fff;padding-left:16px;text-decoration:none}.nav-link.active{background:rgba(14,165,233,.16);color:#fff}.nav-link.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--signal);box-shadow:0 0 10px rgba(14,165,233,.7)}.nav-foot{margin-top:auto;font-size:11px;color:var(--steel-soft);font-family:var(--mono)}.topbar{display:none}@media (max-width:900px){.shell{flex-direction:column}.sidebar{display:none}.topbar{display:block;position:-webkit-sticky;position:sticky;top:0;z-index:40;background:linear-gradient(180deg,var(--ink),var(--ink-2));padding:12px 16px 0;box-shadow:0 6px 20px rgba(15,23,42,.25)}.topbar .brand{font-size:18px;display:inline-block}.topbar .brand-sub{display:inline-block;margin:0 0 0 10px}.topbar-links{display:flex;gap:4px;overflow-x:auto;padding:8px 0 10px;scrollbar-width:none}.topbar-links::-webkit-scrollbar{display:none}.topbar-links .nav-link{white-space:nowrap;padding:6px 12px;font-size:13px}.topbar-links .nav-link:hover{padding-left:12px}}.main{flex:1 1;padding:32px 40px 64px;max-width:1180px;min-width:0;animation:fadeUp .45s var(--ease) both}.page-title{font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.page-sub{color:var(--steel);margin:0 0 28px;font-size:14px}.card{background:var(--card);border:1px solid var(--mist);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);transition:box-shadow .25s var(--ease),transform .25s var(--ease),border-color .25s var(--ease);animation:fadeUp .45s var(--ease) both}.grid{display:grid;grid-gap:16px;gap:16px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid>.card:nth-child(2){animation-delay:.06s}.grid>.card:nth-child(3){animation-delay:.12s}.grid>.card:nth-child(4){animation-delay:.18s}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:1fr 1fr}.main{padding:20px 16px 56px}}@media (max-width:560px){.grid,.grid-3,.grid-4{grid-template-columns:1fr!important}.page-title{font-size:21px}}.kpi-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--steel);font-weight:600;display:flex;align-items:center;gap:7px}.kpi-dot{width:7px;height:7px;border-radius:50%;background:var(--signal);flex-shrink:0}.kpi-dot.ok{background:var(--emerald)}.kpi-dot.warn{background:var(--amber)}.kpi-dot.bad{background:var(--vermillion)}.kpi-value{font-family:var(--mono);font-size:26px;font-weight:600;margin-top:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.grid .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--steel);padding:8px 10px}td,th{border-bottom:1px solid var(--mist)}td{padding:9px 10px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .15s var(--ease)}tbody tr:hover{background:#f4f9fd}.mono{font-family:var(--mono);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:560px){table{font-size:13px}td,th{padding:7px 8px}}.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap;transition:transform .15s var(--ease),filter .15s var(--ease)}.pill:hover{filter:brightness(.97)}.pill-active,.pill-done{background:#d1fae5;color:#065f46}.pill-progress{background:#e0f2fe;color:#075985}.pill-review{background:#ede9fe;color:#5b21b6}.pill-todo,.pill-upcoming{background:#f1f5f9;color:#475569}.pill-blocked,.pill-breach{background:#fee2e2;color:#991b1b}.pill-pending{background:#fef3c7;color:#92400e}.rail{display:flex;gap:6px;margin:18px 0 8px}.rail-seg{flex:1 1;min-width:0}.rail-seg .seg-bar{height:10px;border-radius:5px;background:var(--mist);position:relative;overflow:hidden}.rail-seg .seg-fill{position:absolute;inset:0 auto 0 0;background:var(--signal);border-radius:5px;transition:width .8s var(--ease)}.rail-seg.done .seg-fill{background:var(--emerald)}.rail-seg.current .seg-bar:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.45),transparent);animation:shimmer 2.6s var(--ease) infinite}.rail-seg .seg-label{font-family:var(--mono);font-size:10px;color:var(--steel-soft);margin-top:6px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-seg.current .seg-label{color:var(--ink);font-weight:600}input,select,textarea{font-family:var(--sans);font-size:14px;color:var(--ink);border:1px solid var(--mist);border-radius:8px;padding:8px 10px;background:#fff;width:100%;transition:border-color .18s var(--ease),box-shadow .18s var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--signal);box-shadow:var(--ring)}textarea{resize:vertical;min-height:72px}label{font-size:12px;color:var(--steel);display:block;margin-bottom:4px}.btn,label{font-weight:600}.btn{display:inline-block;border:none;border-radius:8px;cursor:pointer;padding:9px 16px;font-size:14px;font-family:var(--sans);background:var(--signal);color:#fff;transition:background .18s var(--ease),transform .12s var(--ease),box-shadow .18s var(--ease)}.btn:hover{background:var(--signal-deep);box-shadow:0 6px 18px rgba(14,165,233,.35)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn-ghost{background:transparent;color:var(--steel);border:1px solid var(--mist)}.btn-ghost:hover{background:var(--bone);box-shadow:none;color:var(--ink)}.btn-sm{padding:4px 10px;font-size:12px}.btn-danger{background:transparent;color:var(--vermillion);border:1px solid #fecaca}.btn-danger:hover{background:#fef2f2;box-shadow:none}.row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.row>div{flex:1 1;min-width:140px}.update{padding:10px 14px;margin-bottom:12px;background:var(--card);border-radius:0 10px 10px 0;border:1px solid var(--mist);border-left-width:3px;animation:fadeUp .4s var(--ease) both;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.update:hover{transform:translateX(2px);box-shadow:var(--shadow)}.update:nth-child(2){animation-delay:.05s}.update:nth-child(3){animation-delay:.1s}.update:nth-child(4){animation-delay:.15s}.update.milestone{border-left-color:var(--emerald)}.update.blocker{border-left-color:var(--vermillion)}.update.decision{border-left-color:var(--amber)}.update.progress{border-left-color:var(--signal)}.update-meta{font-family:var(--mono);font-size:11px;margin-bottom:4px}.muted,.update-meta{color:var(--steel-soft)}.muted{font-size:13px}.section-title{font-size:15px;font-weight:700;margin:0 0 12px}.spacer{height:24px}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:12px;gap:12px;align-items:start}@media (max-width:1000px){.board{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.board{grid-template-columns:1fr}}.col{background:#eef2f7;border:1px solid var(--mist);border-radius:12px;padding:10px;min-height:160px;transition:background .2s var(--ease),border-color .2s var(--ease)}.col.drag-over{background:#e0f2fe;border-color:var(--signal);animation:pulseRing 1.2s ease-in-out infinite}.col-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--steel);padding:2px 4px 10px}.col-head span:first-child{display:flex;align-items:center;gap:6px}.col-head span:first-child:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--steel-soft)}.col-in_progress .col-head span:first-child:before{background:var(--signal)}.col-review .col-head span:first-child:before{background:var(--violet)}.col-done .col-head span:first-child:before{background:var(--emerald)}.col-blocked .col-head span:first-child:before{background:var(--vermillion)}.col-count{font-family:var(--mono);font-weight:600;background:#fff;border:1px solid var(--mist);border-radius:999px;padding:0 8px}.kcard{background:var(--card);border:1px solid var(--mist);border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 3px rgba(15,23,42,.06);transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease),border-color .18s var(--ease);animation:scaleIn .3s var(--ease) both}.kcard.draggable{cursor:-webkit-grab;cursor:grab}.kcard.draggable:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#cbd5e1}.kcard.draggable:active{cursor:-webkit-grabbing;cursor:grabbing}.kcard.dragging{opacity:.4;transform:rotate(1.5deg) scale(.98)}.kcard-code{font-family:var(--mono);font-size:10.5px;color:var(--steel-soft)}.kcard-title{font-size:13px;font-weight:500;margin:3px 0 8px;line-height:1.35}.kcard-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.tag{font-family:var(--mono);font-size:10px;padding:1px 7px;border-radius:999px;background:var(--bone);border:1px solid var(--mist);color:var(--steel)}.tag-owner{background:#e0f2fe;border-color:#bae6fd;color:#075985}.kcard-status-select{width:auto;font-size:11px;padding:2px 6px;border-radius:6px;margin-left:auto;color:var(--steel);border-color:var(--mist);background:var(--bone)}.col-blocked .kcard{border-left:3px solid var(--vermillion)}.col-done .kcard{border-left:3px solid var(--emerald)}.view-toggle{display:inline-flex;border:1px solid var(--mist);border-radius:8px;overflow:hidden}.view-toggle button{border:none;background:#fff;padding:7px 14px;font-size:13px;font-weight:600;color:var(--steel);cursor:pointer;font-family:var(--sans);transition:background .18s var(--ease),color .18s var(--ease)}.view-toggle button.on{background:var(--ink);color:#fff}.fmt-group{display:inline-flex;align-items:center;gap:0;border:1px solid var(--mist);border-radius:8px;overflow:hidden}.fmt-group a{padding:5px 12px;font-size:12px;font-weight:600;font-family:var(--mono);color:var(--signal-deep);background:#fff;border-right:1px solid var(--mist);transition:background .15s var(--ease)}.fmt-group a:last-child{border-right:none}.fmt-group a:hover{background:#f0f9ff;text-decoration:none}.fmt-label{font-size:13px;margin-right:10px}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:10px;gap:10px}.design-tile{background:var(--card);border:1px solid var(--mist);border-radius:10px;padding:12px;cursor:pointer;transition:border-color .2s var(--ease),box-shadow .2s var(--ease),transform .2s var(--ease);animation:fadeUp .4s var(--ease) both}.design-tile:nth-child(2){animation-delay:.05s}.design-tile:nth-child(3){animation-delay:.1s}.design-tile:nth-child(4){animation-delay:.15s}.design-tile:hover{border-color:var(--signal);box-shadow:var(--shadow-lift);transform:translateY(-3px)}.design-tile .name{font-size:13px;font-weight:600;word-break:break-word}.design-tile .meta{font-family:var(--mono);font-size:10.5px;color:var(--steel-soft);margin-top:4px}.preview-overlay{position:fixed;inset:0;background:rgba(15,23,42,.72);z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);animation:fadeIn .25s var(--ease) both}.phone-frame{width:414px;max-width:96vw;height:min(880px,92vh);background:#000;border-radius:44px;padding:12px;box-shadow:0 24px 80px rgba(0,0,0,.5);position:relative;display:flex;flex-direction:column;animation:scaleIn .32s var(--ease) both}.phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:120px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:2}.phone-screen{flex:1 1;border:none;border-radius:34px;background:#fff;width:100%}.preview-bar{position:fixed;top:16px;right:16px;display:flex;gap:8px;z-index:51;animation:fadeIn .3s var(--ease) .1s both}.preview-bar .btn{background:hsla(0,0%,100%,.14);color:#fff;border:1px solid hsla(0,0%,100%,.3)}.preview-bar .btn:hover{background:hsla(0,0%,100%,.26);box-shadow:none}.preview-name{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#e2e8f0;font-family:var(--mono);font-size:12px;z-index:51;animation:fadeIn .3s var(--ease) .1s both}@media (max-width:560px){.preview-bar{top:10px;right:10px}.phone-frame{border-radius:32px;padding:8px}.phone-screen{border-radius:26px}}.seg-divider{border:none;border-top:1px solid var(--mist);margin:28px 0}.viewonly-badge{display:inline-block;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--steel);background:var(--bone);border:1px solid var(--mist);border-radius:999px;padding:2px 10px;margin-left:10px}.bar-track{flex:1 1;height:8px;border-radius:4px;background:var(--mist);overflow:hidden}.bar-fill{height:100%;border-radius:4px;background:var(--signal);transform-origin:left;animation:growBar .9s var(--ease) both}.bar-fill.full{background:var(--emerald)}.login-wrap{max-width:380px;margin:14vh auto 0;padding:0 16px;animation:fadeUp .5s var(--ease) both}.login-wrap .card{animation:scaleIn .45s var(--ease) .08s both}.login-wrap .brand{font-size:28px;color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}html{scroll-behavior:auto}}