@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap');
:root{--ink:#132222;--muted:#667574;--paper:#f3f1ea;--panel:#fffefa;--line:#d9ddd5;--teal:#087b73;--teal-dark:#05534e;--acid:#d9f46c;--orange:#ee8b4b;--blue:#5576d8;--shadow:0 22px 60px rgba(26,43,40,.13)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",system-ui,sans-serif;font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.eyebrow,.section-index{font:500 11px "DM Mono",monospace;letter-spacing:.14em;color:var(--teal)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(480px,1.25fr) minmax(420px,.75fr);background:#eef0e8}.login-art{position:relative;overflow:hidden;padding:54px 7vw;color:#f8f8ef;background:var(--teal-dark);display:flex;flex-direction:column;justify-content:center}.brand-mark{position:absolute;top:42px;left:7vw;width:44px;height:44px;border:1px solid rgba(255,255,255,.35);display:grid;place-items:center;font:500 22px "DM Mono"}.login-art .eyebrow{color:var(--acid)}.login-art h1{font-size:clamp(42px,5vw,76px);line-height:1.16;letter-spacing:-.045em;margin:20px 0 26px;position:relative;z-index:1}.login-copy{max-width:560px;color:#c5d3ce;font-size:17px;line-height:1.8;position:relative;z-index:1}.orbit{position:absolute;border:1px solid rgba(217,244,108,.23);border-radius:50%}.orbit-a{width:560px;height:560px;right:-170px;top:-100px}.orbit-b{width:340px;height:340px;right:-60px;top:10px}.orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--acid);top:50%;left:-6px}.signal-card{position:absolute;right:7vw;bottom:55px;display:grid;grid-template-columns:10px 1fr;gap:2px 12px;padding:18px 22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px)}.signal-card i{width:8px;height:8px;background:var(--acid);border-radius:50%;grid-row:1/3;margin-top:5px;box-shadow:0 0 0 6px rgba(217,244,108,.12)}.signal-card span{color:#a9bbb5;font-size:12px}.signal-card strong{font-size:14px}.login-panel{background:var(--panel);padding:12vh 8vw;display:flex;flex-direction:column;justify-content:center;gap:22px}.login-panel h2{font-size:34px;margin:10px 0 5px}.login-panel p{color:var(--muted);margin:0}.login-panel label,.add-user label{display:grid;gap:8px;font-size:12px;font-weight:600}.login-panel input,.add-user input,.add-user select{border:0;border-bottom:1px solid #aeb8b2;padding:12px 2px;background:transparent;outline:0}.login-panel input:focus,.add-user input:focus{border-color:var(--teal)}.primary-btn{border:0;background:var(--ink);color:white;min-height:51px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:600;transition:.2s}.primary-btn:hover{background:var(--teal);transform:translateY(-1px)}.primary-btn b{font-size:20px;color:var(--acid)}.login-panel small{text-align:center;color:#8b9591}.form-error{min-height:18px;color:#c64d3d!important;font-size:12px}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#102a28;color:white;padding:30px 20px;display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center;padding:0 8px 35px}.logo>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid #6a8682;font:500 19px "DM Mono"}.logo div{display:grid}.logo b{letter-spacing:.16em}.logo small{font:10px "DM Mono";color:#809b97;letter-spacing:.13em}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;background:transparent;color:#9fb2af;text-align:left;padding:13px 14px;display:flex;gap:13px;align-items:center;border-radius:4px}.nav-item:hover,.nav-item.active{background:#1c3a37;color:white}.nav-item.active:after{content:"";width:5px;height:5px;background:var(--acid);border-radius:50%;margin-left:auto}.stream-state{margin-top:auto;border-top:1px solid #294441;padding:22px 8px;display:flex;align-items:center;gap:12px}.stream-state i{width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(217,244,108,.1)}.stream-state div{display:grid;gap:3px}.stream-state small{color:#78928e}.stream-state b{font-size:12px}.logout-btn{border:1px solid #35514e;background:transparent;color:#9fb2af;padding:10px}.workspace{padding:40px clamp(25px,4vw,64px);min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.topbar h1{font-size:30px;letter-spacing:-.04em;margin:7px 0}.user-chip{display:flex;align-items:center;gap:11px}.user-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--acid);font-weight:700}.user-chip div{display:grid}.user-chip small{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{position:relative;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.55);padding:18px 20px;min-height:128px;display:flex;flex-direction:column;align-items:flex-start}.metric:before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:4px;background:#a9b2ae}.metric.confirm:before{background:var(--orange)}.metric.finish:before{background:var(--blue)}.metric.done:before{background:var(--teal)}.metric strong{font:500 38px "DM Mono";margin:9px 0 2px}.metric small{color:var(--muted)}.metric.active{background:var(--panel);box-shadow:0 10px 25px rgba(40,55,52,.08);transform:translateY(-2px)}.toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 145px 160px 150px 44px;gap:9px;margin:26px 0 18px}.toolbar input,.toolbar select{width:100%;height:44px;background:var(--panel);border:1px solid var(--line);outline:0;padding:0 13px}.search{position:relative}.search span{position:absolute;left:14px;top:7px;font-size:24px;color:#7c8b87}.search input{padding-left:42px}.icon-btn{border:1px solid var(--line);background:var(--panel);font-size:20px}.list-head{display:flex;justify-content:space-between;align-items:center;margin:0 2px 10px}.list-head div{display:flex;gap:10px}.list-head span,.list-head small{color:var(--muted)}.task-table-wrap{background:var(--panel);border:1px solid var(--line);overflow:auto}.task-table{width:100%;border-collapse:collapse;min-width:900px}.task-table th{text-align:left;color:#77827f;font-size:11px;letter-spacing:.08em;padding:14px 18px;border-bottom:1px solid var(--line);background:#f8f7f2}.task-table td{padding:17px 18px;border-bottom:1px solid #e8e9e3;vertical-align:middle}.task-table tbody tr{transition:.15s}.task-table tbody tr:hover{background:#f6f8ef}.issue-cell{max-width:420px}.issue-cell .task-no{font:500 10px "DM Mono";color:var(--teal);display:block;margin-bottom:5px}.issue-cell b{font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.55}.issue-meta{display:flex;gap:9px;margin-top:7px;color:#85918e;font-size:11px}.tag,.status-pill{display:inline-flex;padding:5px 9px;border-radius:20px;font-size:11px;white-space:nowrap}.tag{background:#eef0e9}.tag.bug{color:#ad4b35;background:#f8e9e3}.tag.requirement{color:#3c5eb9;background:#e9edfa}.status-pill.pending_confirm{color:#a65327;background:#fae9dc}.status-pill.pending_finish{color:#3e58a4;background:#e7ecfa}.status-pill.completed{color:#08756d;background:#dff2ed}.muted{color:#88928f}.arrow-btn{border:0;background:transparent;font-size:20px;color:var(--teal)}.empty{padding:70px;display:grid;place-items:center;gap:8px;color:var(--muted)}.users-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px}.panel{background:var(--panel);border:1px solid var(--line);padding:28px}.panel-title{display:flex;justify-content:space-between}.panel h2{font-size:25px;margin:8px 0}.count-badge{font:500 12px "DM Mono";background:var(--acid);padding:7px 10px;height:max-content}.user-row{display:grid;grid-template-columns:44px 1fr auto;gap:13px;align-items:center;padding:17px 0;border-bottom:1px solid #e6e8e2}.user-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#dbe9e4;color:var(--teal);font-weight:700}.user-row div{display:grid}.user-row small{color:var(--muted)}.role-chip{font-size:11px;border:1px solid var(--line);padding:4px 8px}.add-user{display:flex;flex-direction:column;gap:17px}.add-user>p{color:var(--muted);line-height:1.6}.backdrop{position:fixed;inset:0;background:rgba(10,25,24,.34);z-index:20;backdrop-filter:blur(2px)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(660px,94vw);background:var(--panel);z-index:21;box-shadow:var(--shadow);transform:translateX(105%);transition:transform .28s ease;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{padding:25px 30px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start}.drawer-head h2{margin:7px 0 0;font-size:25px}.close-btn,.lightbox button{border:0;background:transparent;font-size:29px}.drawer-body{padding:28px 30px;overflow:auto;display:grid;gap:24px}.drawer-actions{padding:18px 30px;border-top:1px solid var(--line)}.drawer-actions .primary-btn{width:100%}.detail-section{display:grid;gap:10px}.detail-section h3{font:500 11px "DM Mono";letter-spacing:.12em;color:var(--teal);margin:0}.description{font-size:17px;line-height:1.75;white-space:pre-wrap}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.info-item{background:#f4f4ed;padding:12px 14px;display:grid;gap:5px}.info-item small{color:#7d8985}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.edit-grid label,.note-label{display:grid;gap:7px;font-size:12px;color:var(--muted)}.edit-grid select,.edit-grid input,.note-label textarea{border:1px solid var(--line);background:white;padding:10px;outline:0}.note-label textarea{min-height:100px;resize:vertical}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.image-grid img{width:100%;height:170px;object-fit:cover;border:1px solid var(--line);cursor:zoom-in;background:#eee}.notes{display:grid;gap:8px}.note{border-left:3px solid var(--teal);background:#f3f5ed;padding:12px;white-space:pre-wrap}.lightbox{position:fixed;inset:0;z-index:30;background:rgba(4,12,11,.9);display:grid;place-items:center;padding:4vw}.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain}.lightbox button{position:absolute;right:25px;top:17px;color:white}.toast{position:fixed;left:50%;bottom:28px;z-index:40;background:#17312e;color:white;padding:12px 18px;box-shadow:var(--shadow);transform:translate(-50%,100px);opacity:0;transition:.25s}.toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr 1fr}.search{grid-column:1/-1}.users-layout{grid-template-columns:1fr}}@media(max-width:760px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:12vw}.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static;padding:16px;flex-direction:row;align-items:center}.logo{padding:0;margin-right:auto}.logo small,.stream-state,.logout-btn{display:none}.sidebar nav{display:flex}.nav-item{font-size:0}.nav-item span{font-size:18px}.workspace{padding:24px 14px}.topbar{align-items:start}.topbar h1{font-size:25px}.metric-grid{gap:8px}.metric{min-height:110px;padding:13px}.metric strong{font-size:30px}.toolbar{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.icon-btn{display:none}.task-table thead{display:none}.task-table{min-width:0}.task-table tr{display:grid;padding:15px}.task-table td{padding:5px 3px;border:0}.task-table td:nth-child(4){display:none}.drawer-head,.drawer-body,.drawer-actions{padding-left:20px;padding-right:20px}.image-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}}