:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#172d29;background:#f5f7f4;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:10px 17px;background:#18644d;color:white;font-weight:600}button:hover{filter:brightness(1.12)}button:disabled{opacity:.5}a{color:#13664e;margin-right:12px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:650;letter-spacing:-.5px}h2{font-size:19px}h3{font-size:16px}p{line-height:1.7;color:#667670}small,.muted{font-size:12px;color:#7d8883}.brand{font-size:26px;font-weight:800;letter-spacing:-1px;color:#edbb56}.brand span{display:block;font-size:12px;font-weight:500;letter-spacing:1px;margin-top:4px}.app{display:flex;min-height:100vh}aside{width:236px;background:#103e32;color:#cbdcd3;padding:26px 18px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.workspace{margin:28px 0 18px;padding:15px 11px;border-top:1px solid #2e584c;border-bottom:1px solid #2e584c}.workspace small{display:block;color:#8eb9a5;margin-top:8px;overflow:hidden;text-overflow:ellipsis}nav{display:flex;flex-direction:column;gap:4px}nav button{text-align:left;background:transparent;color:#b6cfc2;font-weight:500;padding:11px 12px}nav button b{margin-right:13px;font-size:17px;display:inline-block;width:20px}nav button.selected{background:#326151;color:#fff}aside footer{margin-top:auto;font-size:11px;padding-top:22px;color:#8eb9a5}.link{background:transparent;color:#397b61;padding:8px 4px;font-size:12px}aside .link{color:#bad6c8;display:block}.app>main{margin-left:236px;width:calc(100% - 236px);padding:28px 40px 16px;max-width:1550px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header h1{margin:7px 0 0}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#779385}.banner{border:1px solid #e6dcc3;background:#fffaf0;color:#8a723e;border-radius:8px;padding:11px 16px;font-size:12px;margin-bottom:20px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stats section{background:white;border:1px solid #e1e8e0;border-radius:10px;padding:20px 22px}.stats p{font-size:12px;margin-bottom:12px}.stats strong{font-size:34px;font-weight:650;display:block;color:#204c3b;margin-bottom:9px}.stats small{font-size:10px}.card{background:#fff;border:1px solid #e1e8e0;border-radius:10px;padding:25px 28px;margin-top:20px}.card h2{margin-bottom:14px}.card>button{margin:4px 8px 8px 0}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.guide button{background:#f6f8f3;color:#314a3c;border:1px solid #e2e7dc;text-align:left;font-size:12px;padding:18px 14px}.guide b{display:block;font-size:22px;font-weight:500;margin-bottom:12px;color:#96a38d}.guide span{float:right}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0;align-items:end}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#596a5f}input,textarea,select{padding:11px 12px;border:1px solid #d8e2d6;border-radius:6px;background:#fbfcfa;color:#24382b;max-width:100%;min-width:0}input:focus,textarea:focus,select:focus{outline:2px solid #70aa86;outline-offset:1px}textarea{min-height:100px;resize:vertical}form button{justify-self:start}.rows article{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:15px 0;border-top:1px solid #edf0e9}.rows article>div{width:100%}.rows article p{margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.rows button{font-size:12px;background:#ecf3ec;color:#2d6c4c;padding:7px 12px}.tag{font-size:10px;padding:4px 7px;border-radius:5px;background:#e8f3e9;color:#417b49}.empty{padding:35px 0;color:#8f9b8d;text-align:center;font-size:12px}.error{background:#fff1ed;border-radius:7px;color:#a73d27;padding:12px;margin:14px 0;line-height:1.5;overflow-wrap:anywhere}.notice{background:#e7f3e9;padding:12px;color:#38704d;border-radius:7px}.employees{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.employees section{background:#fff;border:1px solid #e1e8e0;padding:22px;border-radius:10px}.employees section>span{font-size:24px;color:#b39048}.employees h3{margin:10px 0}.employees p{font-size:12px}pre{background:#f4f7f2;border:1px solid #e4eadf;border-radius:6px;padding:16px;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:650px;overflow:auto}.footnote{font-size:10px;letter-spacing:1px;color:#94a18f;text-align:center;padding:25px 0 10px}.login{display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh}.intro{background:#103e32;padding:60px 9%;color:#e8f0e8;display:flex;flex-direction:column;justify-content:center}.intro .brand{position:absolute;top:38px}.intro .eyebrow{color:#e4b655;margin-bottom:24px}.intro h1{font-size:45px;line-height:1.35;margin-bottom:28px}.intro p{color:#a9c3b6;font-size:16px;line-height:1.9}.intro .steps{border-top:1px solid #356153;padding-top:28px;margin-top:45px;font-size:12px;color:#ccd9cb}.intro small{margin-top:22px;color:#84a995}.auth{width:100%;max-width:450px;margin:auto;padding:40px}.auth h2{font-size:27px}.auth>p{font-size:13px}.auth form{display:flex;flex-direction:column;align-items:stretch}.auth form button{width:100%;padding:13px;margin-top:8px}.auth .link{margin-right:15px}@media(max-width:1000px){.app>main{padding:25px 20px}.stats{grid-template-columns:repeat(2,1fr)}.guide{grid-template-columns:1fr}.employees{grid-template-columns:repeat(2,1fr)}.intro h1{font-size:34px}}@media(max-width:700px){aside{position:static;width:100%;padding:14px}.app{display:block}aside .workspace,aside footer{display:none}aside .brand span{display:inline;margin-left:15px}nav{flex-direction:row;overflow:auto;margin-top:12px}nav button{white-space:nowrap;font-size:12px}nav button b{display:none}.app>main{margin:0;width:100%;padding:20px 14px}h1{font-size:24px}header small{display:none}.card{padding:20px 16px}.employees{grid-template-columns:1fr}form{grid-template-columns:1fr}.login{display:block}.intro{padding:100px 30px 35px}.intro h1{font-size:32px}.intro .steps{margin-top:20px}.auth{padding:30px}.stats section{padding:16px}.stats strong{font-size:28px}}
