:root{--bg: #0a0b0f;--panel: #12131b;--muted: #8b94a8;--text: #edf1f7;--accent: #7c3aed;--accent-2: #ff7a1a;--accent-3: #1ec8a5;--border: #232739}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{cursor:pointer}*{scrollbar-width:thin;scrollbar-color:#3a4461 #0f1522}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:#0f1522;border:1px solid rgba(255,255,255,.04);border-radius:999px}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3a4461,#2e3650);border:1px solid rgba(255,255,255,.1);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4a5679,#394461)}*::-webkit-scrollbar-corner{background:#0f1522}.app-shell{display:grid;grid-template-rows:56px 1fr;height:100%}.topbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#12131b,#0f1118)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.brand-badge{width:32px;height:32px;border-radius:8px;background:radial-gradient(120% 120% at 0% 0%,var(--accent) 0%,var(--accent-2) 60%,#2b2e3f 100%);box-shadow:0 0 0 1px #ffffff0f inset,0 10px 30px #7c3aed40;display:grid;place-items:center;color:#0a0b0f;font-weight:800}.nav{display:flex;gap:10px}.nav a{padding:8px 12px;border-radius:8px;color:var(--muted);border:1px solid transparent}.nav a.active{color:var(--text);border-color:var(--border);background:#0f1522}.content{padding:16px;overflow:auto}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.grid{display:grid;gap:12px}@media (min-width: 1000px){.grid.cols-7{grid-template-columns:repeat(7,1fr)}}.kanban-col{background:linear-gradient(180deg,#11131b,#0d1017);border:1px solid var(--border);border-radius:14px;overflow:hidden}.kanban-col header.kanban-col-header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:12px;background:linear-gradient(180deg,#ffffff08,#fff0);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid var(--border)}.kanban-col .role-pills{display:flex;gap:6px;flex-wrap:wrap}.kanban-col .role-pill{padding:2px 6px;border-radius:999px;font-size:11px;border:1px solid rgba(255,255,255,.06);color:var(--muted);background:#0f1522}.kanban-col .count-badge{padding:2px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0f1522;font-size:12px;color:var(--muted)}.ticket-card{padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,#ffffff08,#fff0);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:inset 0 0 0 1px #ffffff05,0 8px 20px #00000040}.ticket-card:hover{transform:translateY(-2px);border-color:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff0d,0 14px 34px #00000059}.ticket-accent{border-left:4px solid var(--accent)}.kanban-scroll{padding:10px 12px 10px 8px;display:grid;gap:8px;align-content:start;grid-auto-rows:max-content;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable both-edges}.ticket-card{width:calc(100% - 8px);max-width:calc(100% - 8px);min-width:0;margin:0 auto;font-size:13px;box-sizing:border-box}.kanban-col{overflow-x:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 900px){.pie-table{min-width:860px}.agile-timeline-scroll{overflow-x:auto!important}.agile-grid-root{min-width:860px!important}}.topbar-mobile-actions,.mobile-drawer-backdrop{display:none}@media (max-width: 900px){.topbar{padding:10px 12px}.topbar-right{display:none!important}.topbar-mobile-actions{display:flex;align-items:center;gap:8px}.mobile-home-btn{padding:6px 10px;font-size:13px;white-space:nowrap;border-radius:999px;border:1px solid var(--border);background:#0f1522;color:var(--text)}.mobile-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#0f1522;color:var(--text);font-size:18px;display:grid;place-items:center}.mobile-drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#05080e8f}.mobile-drawer{position:absolute;right:0;top:0;height:100%;width:min(84vw,340px);background:#0e121d;border-left:1px solid var(--border);padding:12px;display:grid;grid-template-rows:auto 1fr auto;gap:12px}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between}.mobile-drawer-nav{display:grid;gap:8px;align-content:start}.mobile-drawer-nav a{padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.05);background:#0f1522;color:var(--text)}.mobile-drawer-filter{display:grid;gap:6px}.pie-table{min-width:860px}.agile-timeline-scroll{overflow-x:auto!important}.agile-grid-root{min-width:860px!important}}@media (max-width: 900px){.topbar{padding:10px 12px}.content{padding:10px}.board-scroll-x{overflow-x:hidden}.board-grid-min{min-width:0!important}.ticket-title{-webkit-line-clamp:1!important}.pie-controls{display:grid!important;gap:8px!important;width:100%}.pie-status-row{width:100%}.pie-status-row select{flex:1;min-width:0}.pie-weight-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%}.pie-weight-row>*{min-width:0}.pie-table{min-width:720px!important}.mde-layout,.mde-grid-2{grid-template-columns:1fr!important}.mde-grid-span-2{grid-column:auto!important}.mde-layout input,.mde-layout select{width:100%}.ticket-modal-shell{max-width:100%!important;padding:12px!important}.ticket-modal-header{display:grid!important;grid-template-columns:1fr;gap:8px}.ticket-modal-grid-3,.ticket-modal-grid-status-links,.ticket-modal-grid-links,.ticket-modal-grid-brand-pages,.ticket-modal-grid-dates{grid-template-columns:1fr!important}.ticket-modal-footer{display:grid!important;gap:8px}.ticket-modal-footer-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}}@media (max-width: 900px){.mobile-drawer{grid-template-rows:auto auto 1fr!important;overflow:auto}.pie-header{display:grid!important;grid-template-columns:1fr!important;gap:10px}.pie-title-row{justify-content:space-between}.pie-controls{display:grid!important;grid-template-columns:1fr!important;width:100%;gap:8px!important}.pie-status-row{display:grid!important;grid-template-columns:1fr!important;gap:6px;width:100%}.pie-status-row select{width:100%}}.login-shell{min-height:100%;display:grid;place-items:center;padding:16px}.login-card{width:min(420px,100%);display:grid;gap:12px;padding:16px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.login-field{display:grid;gap:6px}.login-field span{color:var(--muted);font-size:12px}.login-field input{padding:9px 10px;border-radius:8px;background:#0f1522;color:var(--text);border:1px solid var(--border)}.login-btn{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0f1522;color:var(--text);font-weight:700}.login-error{color:#ffb4a6;font-size:13px}@media (max-width: 900px){.desktop-home-btn{display:none!important}}