:root{--ink:#172124;--muted:#687174;--paper:#f6f3ed;--panel:#fffdf9;--line:#dfd9ce;--orange:#e16c2b;--orange-dark:#a94619;--teal:#237d79;--red:#b84945;--shadow:0 18px 50px #32302b14;--radius:22px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#f8f5ef,#f0ede7 68%,#e8efe9)}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:24px 18px;display:flex;flex-direction:column;background:#172124;color:#f9f6ef;border-right:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;padding:2px 8px 25px;border:0;background:none;text-align:left;cursor:pointer}.brand-orbit{width:45px;height:45px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#ffd39a,var(--orange) 45%,#73300e);font:900 21px/1 Georgia,serif;box-shadow:inset 0 0 0 5px #172124,0 0 0 1px #df8a52}.brand strong{display:block;font:800 17px/1.1 Georgia,serif;letter-spacing:.14em}.brand small{display:block;margin-top:3px;color:#afbbb8;font-size:10px;letter-spacing:.32em}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;height:48px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:0 13px;border:0;border-radius:13px;background:transparent;color:#aeb8b6;text-align:left;cursor:pointer}.nav-item span{font-size:21px}.nav-item b{font-size:14px;font-weight:650}.nav-item i{min-width:21px;padding:3px 6px;border-radius:999px;background:var(--orange);color:#fff;font:700 11px/1 sans-serif;text-align:center}.nav-item:hover,.nav-item.active{background:#ffffff0d;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.sidebar-foot{margin-top:auto;display:grid;gap:18px}.inbox-button{min-height:44px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;padding:0 12px;border:1px solid #ffffff1a;border-radius:13px;background:#ffffff08;color:#e9efed;text-align:left;cursor:pointer}.inbox-button b{padding:3px 7px;border-radius:999px;background:var(--orange);font-size:11px}.identity{display:flex;align-items:center;gap:10px;padding:0 7px}.identity-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--teal);background-position:center;background-size:cover;font-weight:800}.identity strong,.identity small{display:block}.identity strong{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.identity small{margin-top:2px;color:#9eaaa7;font-size:11px}.workspace{min-width:0;padding:34px clamp(24px,5vw,70px) 70px}.mobile-header{display:none}.workspace-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;max-width:1240px;margin:0 auto 30px}.workspace-head p,.section-title p,.toolbar p,.dialog-head p,.drawer-head p{margin:0 0 7px;color:var(--orange-dark);font-size:10px;font-weight:850;letter-spacing:.2em}.workspace-head h1{margin:0;font:800 clamp(31px,4vw,52px)/1.04 Georgia,serif;letter-spacing:-.03em}.workspace-head>div>p:last-child{max-width:670px;margin:9px 0 0;color:var(--muted);font-size:15px;letter-spacing:0;font-weight:400}.service-pill{display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffa8;color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap}.service-pill i{width:8px;height:8px;border-radius:50%;background:#a3aaa7}.service-pill.online i{background:#29a477;box-shadow:0 0 0 5px #29a4771b}.service-pill.degraded i,.service-pill.maintenance i{background:#d5912c}.service-pill.offline i{background:var(--red)}.view{max-width:1240px;margin:auto}.attention{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:18px 22px;border:1px solid #e5c7a8;border-radius:18px;background:#fff6e9;box-shadow:var(--shadow)}.attention>span{padding:7px 10px;border-radius:999px;background:#f1d2aa;color:#8d4318;font-size:11px;font-weight:800;text-transform:uppercase}.attention h3,.attention p{margin:0}.attention h3{font-size:16px}.attention p{margin-top:3px;color:var(--muted);font-size:13px}.attention button{border:0;background:none;color:var(--orange-dark);font-weight:800;cursor:pointer}.attention.quiet{border-color:#cfe0d9;background:#f0f7f3}.attention.quiet>span{background:#d6ebe1;color:#296a56}.section-title,.toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:35px 0 18px}.section-title h2,.toolbar h2,.drawer h2,.dialog-head h2{margin:0;font:750 27px/1.1 Georgia,serif}.section-title>span{max-width:360px;color:var(--muted);font-size:13px}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.action-card{min-height:122px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);text-align:left;cursor:pointer;transition:.2s ease}.action-card:hover{transform:translateY(-2px);border-color:#caa580;box-shadow:0 22px 55px #32302b20}.action-card>i{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:#f1e9df;font-style:normal;font-size:24px}.action-card b,.action-card small{display:block}.action-card b{font:750 18px/1.2 Georgia,serif}.action-card small{margin-top:7px;color:var(--muted);font-size:12px}.action-card em{color:var(--orange);font-size:23px;font-style:normal}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.overview-card{display:flex;min-height:175px;flex-direction:column;padding:21px;border:1px solid var(--line);border-radius:18px;background:#ffffff80}.overview-card p{margin:0;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.14em}.overview-card strong{margin-top:13px;font:800 35px/1 Georgia,serif}.overview-card .state-word{font-size:23px}.state-word.online{color:#24765e}.overview-card span{margin-top:6px;color:var(--muted);font-size:12px}.overview-card button{align-self:flex-start;margin-top:auto;padding:0;border:0;background:none;color:var(--orange-dark);font-size:12px;font-weight:800;cursor:pointer}.button{min-height:43px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-size:13px;font-weight:800;cursor:pointer}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#2b393c}.button.ghost{border-color:var(--line);background:#fffdf9}.button.link{display:inline-grid;place-items:center;text-decoration:none}.filter-strip{display:flex;gap:8px;margin-bottom:17px;overflow:auto}.filter-strip button{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#ffffff80;color:var(--muted);font-size:12px;white-space:nowrap}.filter-strip button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.filter-strip b{margin-left:5px}.case-list{display:grid;gap:9px}.case-card{width:100%;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);text-align:left;cursor:pointer}.case-card:hover{border-color:#c4a88c}.case-card.waiting{box-shadow:inset 4px 0 var(--orange)}.case-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#f0ebe3}.case-copy small,.case-copy b,.case-copy em{display:block}.case-copy small{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.07em}.case-copy b{margin-top:4px;font-size:14px}.case-copy em{margin-top:5px;color:#8a9292;font-size:11px;font-style:normal}.case-status{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#eeeae2;color:#5c6666;font-size:10px;font-weight:800;white-space:nowrap}.case-status.waiting_member,.case-status.proposal{background:#f7dfbe;color:#8e4b19}.case-status.reviewing,.case-status.waiting_staff{background:#dfe9f2;color:#345e82}.case-status.resolved,.case-status.delivered{background:#dceee5;color:#23674e}.case-detail{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.case-detail>header{display:flex;justify-content:space-between;gap:20px;padding:25px;border-bottom:1px solid var(--line);background:#fcfaf6}.case-detail header p{margin:0 0 7px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.case-detail header h2{margin:0 0 11px;font:750 26px/1.15 Georgia,serif}.case-meta{display:grid;align-content:start;gap:4px;color:var(--muted);font-size:11px;text-align:right}.back-button{margin-bottom:14px;padding:0;border:0;background:none;color:var(--orange-dark);font-size:12px;font-weight:800;cursor:pointer}.timeline{padding:25px}.timeline-entry{position:relative;display:grid;grid-template-columns:14px 1fr;gap:12px;padding:0 0 25px}.timeline-entry:not(:last-child):before{content:"";position:absolute;left:5px;top:13px;bottom:0;width:1px;background:var(--line)}.timeline-entry>i{position:relative;z-index:1;width:11px;height:11px;margin-top:4px;border-radius:50%;background:#aeb6b4;border:3px solid var(--panel);box-shadow:0 0 0 1px #aeb6b4}.timeline-entry.staff>i{background:var(--teal);box-shadow:0 0 0 1px var(--teal)}.timeline-entry.internal>i{background:var(--orange);box-shadow:0 0 0 1px var(--orange)}.timeline-entry small{color:var(--muted);font-size:10px}.timeline-entry p{margin:6px 0 0;white-space:pre-wrap;font-size:13px;line-height:1.55}.timeline-entry.internal>div{padding:12px;border-radius:12px;background:#fff4df}.reply-box{display:grid;gap:12px;padding:20px 25px;border-top:1px solid var(--line);background:#f6f3ed}.reply-box label{display:grid;gap:7px;font-size:12px;font-weight:750}.reply-box textarea,.request-dialog input,.request-dialog textarea,.request-dialog select{width:100%;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);outline:none}.reply-box textarea:focus,.request-dialog input:focus,.request-dialog textarea:focus,.request-dialog select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #237d7915}.reply-box .button{justify-self:end}.internal-check{display:flex!important;align-items:center;gap:8px!important;color:var(--muted)}.closed-note{padding:18px 25px;border-top:1px solid var(--line);background:#f3f0e9;color:var(--muted);font-size:12px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.linked-pill{padding:8px 11px;border-radius:999px;font-size:11px;font-weight:800}.linked-pill.yes{background:#dceee5;color:#23674e}.linked-pill.no{background:#eeeae2;color:#697170}.service-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow)}.service-card>div:first-child{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-style:normal}.service-card h3{margin:14px 0 5px;font:750 21px/1.15 Georgia,serif}.service-card p{min-height:36px;margin:0;color:var(--muted);font-size:12px}.service-card dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.service-card dl>div{padding:10px;border-radius:10px;background:#f4f1ea}.service-card dt{color:var(--muted);font-size:9px;text-transform:uppercase}.service-card dd{margin:5px 0 0;font-size:12px;font-weight:800}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.community-card{min-height:210px;padding:23px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);text-align:left;cursor:pointer}.community-card>span{display:block;font-size:29px}.community-card b{display:block;margin-top:23px;font:750 20px/1.15 Georgia,serif}.community-card p{min-height:40px;margin:8px 0;color:var(--muted);font-size:12px}.community-card em{color:var(--orange-dark);font-size:12px;font-style:normal;font-weight:800}.empty-state,.loading-card{display:grid;place-items:center;min-height:310px;padding:35px;border:1px dashed #cbc4b8;border-radius:var(--radius);background:#ffffff70;text-align:center}.empty-state>span{font-size:38px}.empty-state h3,.empty-state h2{margin:13px 0 6px;font-family:Georgia,serif}.empty-state p{max-width:510px;margin:0 0 19px;color:var(--muted);font-size:13px;line-height:1.55}.empty-state.small{min-height:230px;border:0;background:transparent}.loading-card{color:var(--muted)}.drawer{position:fixed;z-index:50;top:0;right:0;width:min(440px,94vw);height:100vh;padding:25px;background:var(--panel);box-shadow:-25px 0 80px #1c282745;transform:translate(105%);transition:.22s ease}.drawer.open{transform:none}.drawer-head{display:flex;align-items:start;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid var(--line)}.drawer-head button,.dialog-head button{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.drawer-list{display:grid;gap:8px;padding-top:15px}.notification{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#fff;text-align:left;cursor:pointer}.notification:not(.read){box-shadow:inset 3px 0 var(--orange)}.notification small,.notification b,.notification p{display:block}.notification small{color:var(--muted);font-size:9px}.notification b{margin-top:3px;font-size:12px}.notification p{margin:5px 0 0;color:var(--muted);font-size:11px}.backdrop{position:fixed;z-index:40;inset:0;background:#10181780}.request-dialog{width:min(650px,94vw);padding:0;border:0;border-radius:24px;background:var(--panel);box-shadow:0 30px 100px #17212470}.request-dialog::backdrop{background:#17212490;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.request-dialog form{display:grid;gap:16px;padding:27px}.dialog-head{display:flex;align-items:start;justify-content:space-between;padding-bottom:8px}.request-dialog label{display:grid;gap:7px;color:#454e50;font-size:12px;font-weight:750}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:6px}.toast{position:fixed;z-index:80;left:50%;bottom:25px;max-width:min(520px,90vw);padding:12px 17px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:750;box-shadow:0 15px 50px #17212450;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:.2s}.toast.show{opacity:1;transform:translate(-50%)}.toast.bad{background:var(--red)}.toast.warn{background:#9a621b}.muted{color:var(--muted)!important}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;z-index:35;left:0;width:260px;transform:translate(-105%);transition:.2s}.menu-open .sidebar{transform:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;margin:-10px -8px 25px}.mobile-header button{width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:#fffdf9}.mobile-header span{font-family:Georgia,serif;letter-spacing:.08em}.workspace{padding:24px}.workspace-head{align-items:start}.action-grid,.service-grid,.community-grid,.overview-grid,.attention{grid-template-columns:1fr}.case-detail>header{flex-direction:column}.case-meta{text-align:left}}@media(max-width:580px){.workspace{padding:18px 14px 55px}.workspace-head{display:block}.service-pill{display:inline-flex;margin-top:16px}.action-card{grid-template-columns:44px 1fr;padding:17px}.action-card em{display:none}.case-card{grid-template-columns:40px 1fr}.case-card>.case-status{grid-column:2;justify-self:start}.section-title,.toolbar{align-items:start;flex-direction:column}.toolbar .button{width:100%}.community-card{min-height:180px}.dialog-actions{flex-direction:column-reverse}.dialog-actions .button{width:100%}}