:root{--bg:#0a0e15;--sidebar:#0c121b;--panel:#141b27;--panel2:#192330;--border:#273141;--text:#eef2f8;--muted:#94a4b8;--accent:#8c7bff;--cyan:#5be0d0;--good:#5cdab4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}a{color:#b3aaff;text-decoration:none}a:hover{color:white}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}h1{font-size:33px;letter-spacing:-1.2px;margin:8px 0 23px}h2{font-size:20px;margin:0 0 17px}h3{font-size:16px;margin:0 0 12px}.shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh}.side{background:linear-gradient(155deg,#111a27,#0b101a 80%);border-right:1px solid var(--border);padding:33px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;color:white;letter-spacing:1px;font-weight:700;font-size:15px;line-height:1.05}.brand small{display:block;font-size:9px;letter-spacing:3.4px;margin-top:5px;color:var(--muted)}.mark{border-radius:12px;background:#6557c9;padding:12px 8px;font-size:18px;letter-spacing:-2px}.mark span{color:var(--cyan);font-size:10px}.side-label,.eyebrow,.crumb{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}.side-label{margin:53px 12px 15px}.side nav{display:flex;flex-direction:column;gap:6px}.side nav a{padding:12px 13px;border-radius:9px;color:#b8c3d1;font-weight:600}.side nav a:hover{background:#252d40;color:white}.side-footer{margin-top:auto;border-top:1px solid var(--border);padding:18px 11px 0;font-size:9px;letter-spacing:1px;color:var(--muted);line-height:2}.top{height:75px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 40px}.content{padding:37px 42px;max-width:1540px}.user{display:flex;align-items:center;gap:13px;color:#cbd4df;font-size:12px}.avatar{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#403a77;color:white;font-weight:700}.page-heading{margin-bottom:8px}.eyebrow{color:var(--cyan)}.grid{display:grid;gap:19px}.stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.stat,.panel,.card{border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:23px}.stat strong{display:block;font:700 36px 'Space Grotesk',sans-serif;margin-top:11px}.stat span{color:var(--muted);font-size:12px}.stat:nth-child(2){background:linear-gradient(120deg,#242044,#191d30)}.split{grid-template-columns:1.5fr 1fr}.panel{margin-bottom:21px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.panel-head h2{margin:0}.muted,.note{color:var(--muted)}.note{font-size:12px;line-height:1.6}.badge{display:inline-block;border:1px solid #3d4962;border-radius:30px;padding:4px 9px;font-size:11px;color:#b9ccdf;background:#242d3d;white-space:nowrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:13px 13px;border-bottom:1px solid #354153;color:#8ea1b5;font-size:10px;letter-spacing:1px;text-transform:uppercase}td{padding:14px 13px;border-bottom:1px solid #263140;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#1c2534}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);border:1px solid var(--accent);color:#0d0b1e;padding:11px 18px;border-radius:9px;font-size:13px;font-weight:700;cursor:pointer}.btn:hover{background:#b2a7ff;color:#0d0b1e}.btn.secondary{background:#273348;border-color:#394963;color:white}.btn.small{padding:8px 12px;font-size:11px}.btn.danger{background:#773947;color:white;border-color:#ad5362}.actions{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}label{display:block;color:#bac9d8;font-size:12px;font-weight:600}input,select,textarea{display:block;margin-top:7px;width:100%;background:#0e1520;border:1px solid #354154;color:white;border-radius:9px;padding:11px 12px;font:inherit;outline:0}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}.form-actions{margin-top:18px}.filters{display:flex;gap:12px;align-items:end;margin-bottom:20px;flex-wrap:wrap}.filters label{min-width:220px}.flash{border:1px solid #32705d;background:#15352d;padding:13px 17px;border-radius:8px;color:#9bffe0;margin-bottom:19px}.auth-wrap{max-width:450px;margin:14vh auto;padding:22px}.auth-brand{text-align:center;font:600 22px 'Space Grotesk',sans-serif;letter-spacing:2px;margin-bottom:25px}.auth-brand b{color:var(--accent)}.auth-brand p{font:600 10px 'DM Sans';letter-spacing:2px;color:var(--muted)}.auth-wrap .panel{padding:33px}.auth-wrap label{margin-bottom:16px}.code{font-family:ui-monospace,monospace;font-size:12px;color:var(--cyan)}.ticket-description{white-space:pre-wrap;line-height:1.8}.comment{border-left:2px solid var(--accent);padding:5px 0 5px 15px;margin:15px 0}.comment p{white-space:pre-wrap}.pill{display:inline-block;padding:4px 9px;background:#153b37;border-radius:99px;color:#7df1dd;font-size:11px}.mobile-nav{display:none}@media(max-width:950px){.shell{grid-template-columns:1fr}.side{display:none;position:fixed;z-index:9;width:265px}.nav-open .side{display:flex}.mobile-nav{display:inline-block;background:none;border:0;color:white;font-size:24px;cursor:pointer}.top{padding:0 17px}.content{padding:28px 17px}.stats{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.crumb{display:none}}@media(max-width:520px){.stats,.form-grid{grid-template-columns:1fr}.user{gap:7px}.stat strong{font-size:29px}.panel{padding:15px}h1{font-size:27px}}

/* v0.2 search/filter UI */
.advanced-filters{padding:20px 23px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(175px,1fr));gap:14px}.filter-grid label{min-width:0}.filter-actions{display:flex;align-items:center;gap:9px;margin-top:17px;flex-wrap:wrap}.list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px}.pagination{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:18px}.advanced-filters input,.advanced-filters select{margin-top:6px}details{cursor:pointer}details form{cursor:default}@media(max-width:1100px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.filter-grid{grid-template-columns:1fr}.list-heading{align-items:flex-start;flex-direction:column}}

/* v0.3 list usability */
.sort-link{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;white-space:nowrap}.sort-link:hover{color:#77cafa;text-decoration:underline}.requirements-table th{white-space:nowrap}.requirements-table td{vertical-align:middle}.requirements-table input[type=checkbox]{width:17px;height:17px;accent-color:#61b1fa}.bulk-bar{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:14px;margin:12px 0;background:#172337;border:1px solid #304057;border-radius:12px}.bulk-bar label{flex:1 1 165px;max-width:260px}.bulk-bar button{margin-bottom:2px}.detail-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.bulk-bar #selection-count{min-width:85px;padding-bottom:10px;font-weight:700}.bulk-bar input,.bulk-bar select{min-width:0}@media(max-width:700px){.bulk-bar label{max-width:none}.requirements-table{min-width:1100px}}

/* v0.4 semantic status colors and quick editing */
.colored-badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid transparent;border-radius:999px;font-weight:700;font-size:12px;white-space:nowrap}
.badge-neutral{color:#cbd5e1;background:#293343;border-color:#415065}.badge-blue{color:#93c5fd;background:#142f53;border-color:#285588}.badge-violet{color:#d6bcfa;background:#352354;border-color:#62429c}.badge-orange{color:#ffd08a;background:#503416;border-color:#855d22}.badge-green{color:#9bf5ca;background:#143f31;border-color:#267d5e}.badge-red{color:#ffadad;background:#561f2a;border-color:#983b4b}
.quick-status{width:140px;max-width:100%;padding:7px 8px;background:#18283a;border:1px solid #465970;border-radius:8px;color:#ecf3ff;cursor:pointer;font-size:12px}.quick-status[data-saving="1"]{opacity:.5;pointer-events:none}.quick-status[data-error="1"]{border-color:#fa687e}
.quick-status[data-state="complete"]{color:#9bf5ca;border-color:#267d5e}.quick-status[data-state="blocked"],.quick-status[data-state="superseded"]{color:#ffadad}.quick-status[data-state="in_review"]{color:#d6bcfa}.quick-status[data-state="in_progress"]{color:#93c5fd}
#bulk-value{min-width:180px}.save-toast{position:fixed;right:25px;bottom:25px;background:#214334;border:1px solid #3f8765;padding:13px 18px;border-radius:12px;z-index:200;color:white;box-shadow:0 12px 40px #0005}
@media(max-width:700px){.quick-status{min-width:110px}}