:root{--navy:#132c4e;--blue:#175ecb;--blue-soft:#edf3ff;--ink:#1d2d42;--muted:#718096;--line:#e5eaf1;--bg:#f4f7fb;--success:#168364;--danger:#c54949;--amber:#a66a19;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer;border:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{font-size:27px;letter-spacing:.02em;margin-bottom:8px}h2{font-size:19px;margin-bottom:18px}h3{font-size:15px}button:disabled{opacity:.5;cursor:wait}input,select,textarea{width:100%;border:1px solid #cfd8e5;border-radius:6px;background:white;color:var(--ink);padding:10px 12px;min-height:43px}input:focus,textarea:focus,select:focus{border-color:var(--blue)}textarea{resize:vertical;min-height:96px}label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}label .required{color:var(--danger)}small,.muted{color:var(--muted)}small{font-size:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:39px;border-radius:6px;padding:8px 18px;background:var(--blue);color:white;font-weight:600;white-space:nowrap}.btn.secondary{background:white;border:1px solid #cfd8e5;color:var(--ink)}.btn.danger{background:#fff0ee;color:var(--danger)}.btn.small{padding:6px 12px;min-height:32px;font-size:12px}.btn.full{width:100%}.field{margin-bottom:18px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.span2{grid-column:1/-1}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack>*+*{margin-top:16px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.card{background:white;border:1px solid var(--line);border-radius:9px;padding:26px;box-shadow:0 2px 6px #15335c03}.notice{border:1px solid #dce7fb;background:#f0f5fe;padding:13px 17px;border-radius:6px;font-size:13px;color:#36577d}.notice.warning{background:#fffbef;border-color:#f2e5bd;color:#8b6a29}.error{background:#fff2f0;color:#ae3838;padding:12px;border-radius:6px;margin:12px 0}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:4px;background:var(--blue-soft);color:var(--blue);font-size:12px;white-space:nowrap}.badge.active,.badge.approved,.badge.completed{background:#e9f6ee;color:var(--success)}.badge.pending{background:#fff5df;color:var(--amber)}.badge.returned,.badge.rejected,.badge.suspended{background:#fff0ee;color:var(--danger)}.empty{text-align:center;padding:45px 20px;color:var(--muted);border:1px dashed #d8e0ec;border-radius:7px}.empty strong{display:block;font-size:16px;color:#53657c;margin-bottom:7px}.page-head{margin-bottom:25px}.page-head p{color:var(--muted);margin:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:28px 0 14px}.section-title h2{margin:0}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;place-items:center;background:var(--blue);border-radius:9px;width:43px;height:43px;color:white;font-size:23px;font-weight:700;flex-shrink:0}.brand strong{font-size:17px;letter-spacing:1px}.brand small{display:block;letter-spacing:1px;font-size:10px}.public-top{background:var(--navy);color:#cfdbed;padding:8px 7vw;font-size:12px}.public-head{display:flex;align-items:center;justify-content:space-between;background:white;padding:22px 7vw;border-bottom:1px solid var(--line)}.public-main{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.08fr 1fr;gap:70px;padding:60px 30px 50px}.hero{padding:20px 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;color:var(--blue);margin-bottom:18px}.hero h1{font-size:42px;line-height:1.4;margin:0 0 22px;font-weight:750}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:450px;font-size:15px;color:#687b94;line-height:1.9}.steps{margin-top:36px;border-top:1px solid #dbe3ef}.step{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #dbe3ef}.step .number{font-family:monospace;font-size:22px;color:#93aac8}.step strong{display:block;margin-bottom:2px}.step small{font-size:12px}.auth-card{padding:32px}.tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:26px;gap:26px}.tabs button{background:transparent;padding:0 2px 13px;color:var(--muted);font-weight:600;border-bottom:2px solid transparent}.tabs button.active{color:var(--blue);border-color:var(--blue)}.check-line{display:flex;gap:8px;align-items:flex-start;font-weight:400;margin:15px 0}.check-line input{width:16px;min-height:16px;margin-top:4px}.foot{text-align:center;color:var(--muted);padding:24px;font-size:12px}.app-layout{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#d5e0f0;padding:27px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 8px 28px;border-bottom:1px solid #ffffff18;margin-bottom:24px}.sidebar .brand strong{font-size:16px;color:white}.sidebar .brand small{color:#a3b7d2}.nav-label{font-size:11px;color:#8fa6c6;letter-spacing:2px;padding:0 15px;margin:15px 0 9px}.nav-link{display:flex;align-items:center;gap:12px;color:#c4d3e8;padding:11px 14px;border-radius:6px;margin:3px 0;transition:background .12s}.nav-link:hover{background:#ffffff0b;text-decoration:none}.nav-link.active{background:#2967c7;color:white}.nav-symbol{font-size:16px;width:19px;text-align:center}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;color:#90a9ca;font-size:11px}.shell-main{min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:500}.identity{display:flex;align-items:center;gap:14px}.avatar{width:33px;height:33px;border-radius:50%;background:#eaf1fc;color:var(--blue);display:grid;place-items:center;font-size:13px}.identity small{font-size:11px}.identity strong{font-size:13px;display:block}.top-actions{background:none;padding:5px;color:var(--muted);font-size:12px}.content{padding:34px 38px 50px;max-width:1550px;margin:0 auto}.welcome{display:flex;justify-content:space-between;align-items:center;padding:27px 30px;border:1px solid #dbe6f7;background:#eef4fe;border-radius:9px;margin-bottom:24px}.welcome h1{font-size:24px}.welcome p{color:#607896;margin:0}.welcome .seal{font-size:48px;color:#96b4df;padding:0 20px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);padding:22px;border-radius:8px}.stat .value{font-size:30px;font-weight:650;color:var(--navy);line-height:1.2;margin:12px 0 7px}.stat small{font-size:11px}.split{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#f6f8fc;color:#718096;font-size:12px;font-weight:500;text-align:left}th,td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}td strong{font-size:13px}tbody tr:hover{background:#fbfcff}.table-actions{display:flex;gap:7px;justify-content:flex-end}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px}.toolbar input{max-width:330px}.toolbar select{max-width:180px}.timeline{padding-left:18px;border-left:2px solid #e4eaf3}.timeline article{position:relative;margin-bottom:24px;padding-left:12px}.timeline article:before{content:"";position:absolute;left:-24px;top:7px;border-radius:50%;width:10px;height:10px;background:#4f83cd;border:2px solid white}.timeline p{font-size:13px;margin:5px 0}.dl{display:grid;grid-template-columns:110px 1fr;gap:13px;margin:0}.dl dt{color:var(--muted)}.dl dd{margin:0;overflow-wrap:anywhere}.checkboxes{display:flex;flex-wrap:wrap;gap:8px 14px}.checkboxes label{display:flex;align-items:center;gap:6px;font-weight:400}.checkboxes input{width:15px;min-height:15px}.loading{text-align:center;padding:25vh 20px;color:var(--muted)}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#183453;color:white;box-shadow:0 4px 20px #0002;padding:12px 23px;border-radius:7px;z-index:100;max-width:90vw}dialog{border:1px solid var(--line);border-radius:10px;padding:30px;max-width:650px;width:calc(100vw - 32px);max-height:88vh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#10274475}.dialog-close{position:absolute;right:13px;top:9px;background:none;color:var(--muted);font-size:25px}.row-list{padding:15px 0;border-bottom:1px solid var(--line)}.row-list:last-child{border-bottom:0}.row-list p{margin:4px 0;font-size:13px}.pre-wrap{white-space:pre-wrap;overflow-wrap:anywhere}.status-strip{display:flex;align-items:center;gap:12px;margin-bottom:23px}.page-error{padding:30px;background:#fff8f7;border:1px solid #eed6d2;border-radius:8px}.mobile-brand{display:none}@media(max-width:1050px){.public-main{gap:35px}.app-layout{grid-template-columns:205px 1fr}.content{padding:28px 24px}.topbar{padding:0 24px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.split{grid-template-columns:1fr}.hero h1{font-size:35px}}@media(max-width:720px){.public-main{grid-template-columns:1fr;padding:25px 18px;gap:20px}.hero{padding:8px 5px}.hero h1{font-size:31px}.hero .steps{display:none}.public-head{padding:16px 20px}.public-head>small{display:none}.auth-card{padding:24px}.app-layout{display:block}.sidebar{height:auto;position:static;padding:15px}.sidebar .brand{padding:0 5px 13px;margin-bottom:9px}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:4px}.nav-link{white-space:nowrap;font-size:12px;padding:8px 10px}.nav-symbol{display:none}.topbar{height:65px;padding:0 18px}.breadcrumb{display:none}.identity strong{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.content{padding:22px 16px}.grid2{grid-template-columns:1fr}.span2{grid-column:auto}.welcome{padding:21px}.welcome h1{font-size:20px}.welcome .seal{display:none}.card{padding:20px}.stats{gap:12px}.stat{padding:16px}.stat .value{font-size:25px}.toolbar{flex-wrap:wrap}.toolbar input,.toolbar select{max-width:none}.section-title{align-items:flex-start}.table-actions{flex-wrap:wrap}.dl{grid-template-columns:85px 1fr}}

.sidebar .brand strong{font-size:14px;letter-spacing:0;white-space:nowrap}
.section-gap{margin-top:24px}.comparison th,.comparison td{min-width:230px;vertical-align:top}.comparison th:first-child{min-width:110px}.comparison .btn{margin:4px}details summary{cursor:pointer;color:var(--blue);margin-bottom:12px}
@media (max-width: 700px) {
  .work-items-table table, .work-items-table tbody, .work-items-table tr, .work-items-table td { display: block; width: 100%; }
  .work-items-table thead { display: none; }
  .work-items-table tr { border-top: 1px solid #e3eaf2; padding: 12px 0; }
  .work-items-table td { border: 0; display: grid; grid-template-columns: 86px minmax(0, 1fr); gap: 12px; padding: 8px 0; }
  .work-items-table td::before { content: attr(data-label); color: #657892; font-size: 13px; }
  .work-items-table td > small { grid-column: 2; }
}