:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--bg:#eef3fa;--panel:#fff;--text:#17202a;--muted:#667085;--border:#dce4ee;--accent:#2452a4;--accent-dark:#173f8f;--success:#147d64;--warning:#a15c00;--danger:#b42318;--shadow:0 12px 30px rgba(23,32,42,.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#eef3fa 0,#f7f9fc 45%,#edf4ff 100%);color:var(--text);min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;border-radius:10px;padding:.72rem 1rem;background:var(--accent);color:#fff;cursor:pointer;min-height:44px}button:hover{filter:brightness(.96)}button.secondary{background:var(--accent-dark)}button.quiet{background:#e9edf3;color:#344054}button.warning-button{background:#fff1d6;color:#8a4d00}button.small{min-height:36px;padding:.5rem .75rem}.shell{max-width:1440px;margin:0 auto;padding:2rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}.topbar h1{margin:.2rem 0 0;font-size:clamp(1.7rem,3vw,2.5rem)}.eyebrow{margin:0;color:var(--accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.topbar-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.identity{display:grid;line-height:1.1;text-align:right}.identity strong{font-size:.9rem}.identity span{font-size:.75rem;color:var(--muted)}.panel{background:rgba(255,255,255,.96);border:1px solid var(--border);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow)}.auth-panel{max-width:680px}.stack-form{display:grid;gap:.55rem}.stack-form input,.stack-form select,.management-form input,.management-form select,.comment-form textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:.75rem;background:#fff;min-height:44px}.token-row{display:flex;gap:.75rem}.token-row input{flex:1;min-width:0}.stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.stat{background:linear-gradient(145deg,#fff,#f5f8fc);border:1px solid var(--border);border-radius:16px;padding:1rem;box-shadow:var(--shadow)}.stat strong{display:block;font-size:1.7rem;color:var(--accent-dark)}.stat span{color:var(--muted);font-size:.9rem;text-transform:capitalize}.grid{display:grid;gap:1rem;margin-bottom:1rem}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.three-column{grid-template-columns:repeat(3,minmax(0,1fr))}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem}.section-heading h2,.section-heading h3{margin:0}.section-heading h2{font-size:1.1rem}.section-heading span{color:var(--muted);font-size:.85rem}.list{display:grid;gap:.75rem}.item{border:1px solid var(--border);border-radius:13px;padding:.95rem;background:#fbfcfe}.item.interactive{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.item.interactive:hover,.item.interactive:focus{transform:translateY(-2px);border-color:#8aa7da;box-shadow:0 9px 22px rgba(36,82,164,.14);outline:none}.item-title{margin:0 0 .35rem;font-weight:700}.item-hint{display:block;margin-top:.55rem;color:var(--accent);font-size:.78rem;font-weight:700}.meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;color:var(--muted);font-size:.85rem}.reason{margin:.45rem 0 0;color:var(--muted)}.status-chip,.mini-badge,.badge{border-radius:999px;padding:.35rem .65rem;font-size:.78rem;font-weight:700}.status-open{background:#e8f0ff;color:#2452a4}.status-in_progress{background:#ede9fe;color:#6941c6}.status-blocked{background:#fff1d6;color:#8a4d00}.status-completed{background:#dff7ef;color:var(--success)}.badge.success{background:#dff7ef;color:var(--success)}.badge.danger{background:#fee4e2;color:var(--danger)}.badge.warning{background:#fff1d6;color:var(--warning)}.badge.neutral{background:#e9edf2;color:var(--muted)}.empty{color:var(--muted);margin:.25rem 0}.error{color:var(--danger);margin-top:.5rem}.hidden{display:none!important}.drawer-backdrop{position:fixed;inset:0;background:rgba(16,24,40,.4);backdrop-filter:blur(2px);z-index:20}.detail-drawer{position:fixed;z-index:21;top:0;right:0;width:min(560px,100%);height:100dvh;background:var(--panel);box-shadow:-18px 0 45px rgba(16,24,40,.22);padding:1.25rem;overflow-y:auto}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.drawer-header h2{margin:.25rem 0 0}.drawer-meta{display:grid;gap:.5rem;padding:1rem 0;border-bottom:1px solid var(--border);color:var(--muted)}.management-section,.activity-section,.comments-section{padding:1rem 0;border-bottom:1px solid var(--border)}.management-section h3,.activity-section h3,.comments-section h3{margin-top:0}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.quick-actions button{padding:.55rem;font-size:.85rem}.management-form{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.management-form label{display:grid;gap:.35rem;font-size:.85rem;font-weight:600}.management-form .check-label,.management-form .form-actions{grid-column:1/-1}.check-label{display:flex!important;align-items:center;gap:.5rem}.check-label input{width:auto;min-height:auto}.form-actions,.comment-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem}.activity{padding:.75rem;border-left:3px solid #9bb4df;background:#f7f9fc;border-radius:0 10px 10px 0;margin-bottom:.65rem}.activity-head,.comment-head{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.activity p,.comment p{margin:0;white-space:pre-wrap}.comment{padding:.85rem;border:1px solid var(--border);border-radius:12px;margin-bottom:.75rem;background:#fbfcfd}.comment-form{display:grid;gap:.5rem;margin-top:1rem}.comment-form textarea{min-height:110px;resize:vertical}.modal{width:min(520px,calc(100% - 2rem));border:0;border-radius:18px;padding:1.25rem;box-shadow:0 24px 60px rgba(16,24,40,.28)}.modal::backdrop{background:rgba(16,24,40,.46);backdrop-filter:blur(3px)}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.modal-header h2{margin:.25rem 0 0}@media(max-width:1000px){.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.three-column{grid-template-columns:1fr}}@media(max-width:760px){.shell{padding:1rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.topbar{align-items:flex-start;flex-direction:column}.topbar-actions{width:100%}.identity{text-align:left;width:100%}.topbar-actions button{flex:1}.two-column,.stats{grid-template-columns:1fr}.token-row{flex-direction:column}.panel{padding:1rem}.item{padding:.85rem}.meta{display:grid;gap:.25rem}.auth-panel{max-width:none}.detail-drawer{width:100%;padding:1rem}.drawer-header{position:sticky;top:-1rem;background:var(--panel);z-index:2;padding-top:1rem}.quick-actions{grid-template-columns:1fr 1fr}.management-form{grid-template-columns:1fr}.management-form .check-label,.management-form .form-actions{grid-column:1}.form-actions,.comment-actions{align-items:stretch;flex-direction:column}.form-actions button,.comment-actions button{width:100%}}@media(max-width:390px){.shell{padding:.75rem}.topbar h1{font-size:1.65rem}.topbar-actions{display:grid;grid-template-columns:1fr 1fr}.identity,.badge{grid-column:1/-1;width:max-content}.section-heading{align-items:flex-start}.quick-actions{grid-template-columns:1fr}}
