:root{--ink:#171b16;--muted:#747a71;--paper:#f3f4ed;--surface:#fcfcf8;--line:#e2e5db;--acid:#c8f35b;--orange:#ff6f4a;--blue:#7183ff;--danger:#c84848}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}.hidden{display:none!important}.login-screen{display:grid;min-height:100vh;place-items:center;padding:32px;background:radial-gradient(circle at 78% 20%,rgba(200,243,91,.28),transparent 32%),linear-gradient(135deg,#f4f5ee,#e7eadf)}.login-card{width:min(500px,100%);padding:42px;border:1px solid rgba(23,27,22,.06);border-radius:32px;background:rgba(252,252,248,.92);box-shadow:0 30px 90px rgba(34,42,26,.12);backdrop-filter:blur(18px)}.brand-lockup{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:var(--acid);font-size:24px;font-weight:900;transform:rotate(-4deg)}.brand-lockup strong{display:block;font-size:20px}.brand-lockup span{display:block;margin-top:4px;color:var(--muted);font-size:10px;letter-spacing:2px}.login-card h1{margin:46px 0 14px;font-size:42px;line-height:1.12;letter-spacing:-1.6px}.login-card p{margin:0;color:var(--muted);line-height:1.7}.login-card form{margin-top:34px}.login-card label{display:block;margin-bottom:9px;color:#5e655b;font-size:13px}.login-card input{width:100%;height:54px;padding:0 17px;border:1px solid var(--line);border-radius:15px;outline:none;background:#fff;font-size:15px}.login-card input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(23,27,22,.08)}.login-card button{display:flex;align-items:center;justify-content:space-between;width:100%;height:56px;margin-top:14px;padding:0 18px;border:0;border-radius:16px;background:var(--ink);color:#fff;font-weight:700;cursor:pointer}.login-card small{display:block;margin-top:22px;color:#969a92;line-height:1.6}.error{min-height:20px;margin-top:12px;color:var(--danger);font-size:13px}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;display:flex;width:250px;flex-direction:column;padding:26px 18px;background:var(--ink);color:#fff}.brand-lockup.small{padding:0 9px}.brand-lockup.small .brand-mark{width:44px;height:44px;border-radius:14px;color:var(--ink)}.brand-lockup.small span{color:#9fa69b}.sidebar nav{display:flex;flex:1;flex-direction:column;gap:7px;margin-top:46px}.sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;padding:13px 14px;border:0;border-radius:13px;background:transparent;color:#aeb4aa;text-align:left;font-size:14px;cursor:pointer}.sidebar nav button span{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:#2c322b;color:#d7ddd3;font-size:12px;font-weight:800}.sidebar nav button:hover,.sidebar nav button.active{background:#2a3029;color:#fff}.sidebar nav button.active span{background:var(--acid);color:var(--ink)}.sidebar-foot{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px;background:#252b24}.system-dot{width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(200,243,91,.08)}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot strong{font-size:12px}.sidebar-foot span{margin-top:4px;color:#959d92;font-size:10px}.app main{grid-column:2;padding:0 34px 50px}.app header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:26px 0 20px;background:rgba(243,244,237,.9);backdrop-filter:blur(14px)}.eyebrow{color:#7f857c;font-size:10px;font-weight:700;letter-spacing:2px}.app h2{margin:7px 0 0;font-size:30px;letter-spacing:-.7px}.header-actions{display:flex;gap:10px}.ghost,.avatar,.small-button{border:1px solid var(--line);background:var(--surface);cursor:pointer}.ghost{height:40px;padding:0 15px;border-radius:12px;color:#5f665c}.avatar{display:grid;width:40px;height:40px;place-items:center;border-radius:13px;background:var(--acid);font-weight:900}.content{max-width:1500px}.metric-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.metric{min-height:130px;padding:20px;border:1px solid rgba(23,27,22,.055);border-radius:20px;background:var(--surface);box-shadow:0 12px 35px rgba(29,35,24,.035)}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:18px;font-size:31px;letter-spacing:-1px}.metric em{display:inline-block;margin-top:12px;padding:5px 8px;border-radius:999px;background:#edf0e7;color:#697062;font-size:10px;font-style:normal}.panel-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:16px;margin-top:16px}.panel{padding:22px;border:1px solid rgba(23,27,22,.055);border-radius:22px;background:var(--surface)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-title{font-size:16px;font-weight:780}.panel-sub{color:var(--muted);font-size:11px}.bar-row{display:grid;grid-template-columns:72px 1fr 35px;align-items:center;gap:12px;margin:16px 0;font-size:12px}.bar-track{height:9px;border-radius:999px;background:#e9ece3;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:var(--ink)}table{width:100%;border-collapse:collapse}th{padding:11px 13px;border-bottom:1px solid var(--line);color:#81877e;text-align:left;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}td{padding:15px 13px;border-bottom:1px solid #eceee8;font-size:12px;vertical-align:middle}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto;border:1px solid rgba(23,27,22,.055);border-radius:20px;background:var(--surface)}.title-cell strong,.title-cell span{display:block}.title-cell strong{max-width:290px;font-size:13px}.title-cell span{margin-top:5px;color:#888e84;font-size:10px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf0e7;color:#62695f;font-size:10px}.status.recruiting,.status.active,.status.resolved{background:#e8f3d4;color:#4d6223}.status.full,.status.processing{background:#fff0d7;color:#8a5b10}.status.cancelled,.status.hidden,.status.rejected{background:#ffe7e4;color:#9c4036}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar-copy{color:var(--muted);font-size:12px}.small-button{padding:8px 10px;border-radius:9px;color:#52594f;font-size:11px}.small-button.primary{border-color:var(--ink);background:var(--ink);color:#fff}.small-button.danger{border-color:#f2c6c1;background:#fff1ef;color:#a94438}.content-card{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;padding:20px;border-radius:20px;background:var(--surface)}.content-card label{display:block;margin-bottom:7px;color:#737970;font-size:11px}.content-card input,.content-card textarea,.content-card select,.resolution{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;font:inherit}.content-card textarea{min-height:72px;resize:vertical}.span-2{grid-column:span 2}.card-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.appeal{margin-bottom:12px;padding:19px;border-radius:18px;background:var(--surface)}.appeal-head{display:flex;justify-content:space-between}.appeal-meta{margin-top:6px;color:var(--muted);font-size:11px}.appeal-content{margin-top:15px;padding:14px;border-radius:12px;background:#f3f4ee;color:#4e554c;font-size:12px;line-height:1.6}.appeal-actions{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:14px}.empty{padding:70px;text-align:center;color:var(--muted)}.toast{position:fixed;right:28px;bottom:28px;z-index:100;max-width:360px;padding:13px 16px;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;opacity:0;transform:translateY(12px);transition:.22s;pointer-events:none}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.panel-grid{grid-template-columns:1fr}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:static;width:auto;min-height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr);margin-top:24px}.sidebar-foot{display:none}.app main{grid-column:1;padding:0 16px 30px}.metric-grid{grid-template-columns:repeat(2,1fr)}.content-card{grid-template-columns:1fr}.span-2{grid-column:span 1}.app header{position:static}}