@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#121212;background:#fdfdfc;font-size:14px;--yellow:#ffca05;--line:#d9dce2;--muted:#777e8c}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 16px}h1{font-size:34px;margin:6px 0}h2{font-size:18px;margin:0 0 20px}p{color:var(--muted);margin:5px 0}.logo{font-size:36px;font-weight:800;letter-spacing:2px;display:inline-block;position:relative}.logo i{position:absolute;width:9px;height:9px;background:var(--yellow);right:-1px;top:-3px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.shell>aside{border-right:1px solid var(--line);padding:32px 16px 24px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#fff}.shell>aside small{display:block;margin-top:8px;font-weight:600}nav{display:grid;gap:10px;margin-top:36px}nav button{border:0;text-align:left;font-size:15px;padding:14px;background:transparent}nav button:first-child,nav button:hover{background:linear-gradient(90deg,#fff1b7,#fff9e6)}.icon{font-size:22px;display:inline-block;width:32px}.profile{margin-top:auto;border-top:1px solid var(--line);display:grid;gap:4px;padding-top:16px}.profile button{border:0;text-align:left;padding:9px}.who{padding:0 8px 10px}.who b{display:block}.who em{font-style:normal;background:#fff2bf;font-size:11px;padding:4px 7px;display:inline-block;margin-top:5px}.shell>main{padding:36px;min-width:0;max-width:1500px;width:100%;margin:auto}.pagehead,.detailhead{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.refresh{font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{border:1px solid var(--line);border-radius:10px;padding:20px;position:relative;min-height:100px}.stat span{display:block}.stat b{font-size:28px;display:block;margin-top:8px}.stat i{position:absolute;right:20px;bottom:20px;background:#fff6d6;padding:10px;font-style:normal}.red{color:#e52e31}.filters{margin-top:24px;border:1px solid var(--line);border-radius:10px;padding:20px;display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:18px}.filters input,.filters select,input{border:1px solid #cbd0d8;border-radius:7px;padding:12px;background:#fff;min-width:0}.primary{border:0;background:linear-gradient(90deg,#ffc400,#ffd936);font-weight:600}.compact{padding-inline:24px}.tabs{display:flex;gap:12px;margin-top:20px}.tabs button{border:0;border-radius:0;color:#606674;padding:13px 16px}.tabs .active{border-bottom:2px solid var(--yellow);color:#111}.table{border:1px solid var(--line);border-radius:10px;overflow:hidden}.tr{display:grid;grid-template-columns:.55fr 1.45fr .7fr 1.2fr .9fr .8fr 1fr;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid #e5e6e9;min-height:58px}.tr:not(.th){cursor:pointer}.tr:not(.th):hover{background:#fffbed}.th{font-size:12px;min-height:44px}.tr small,.tr span b{display:block}.tr small{color:var(--muted);margin-top:4px}.status{display:inline-block!important;font-style:normal;border:1px solid;padding:5px 9px;border-radius:6px;font-size:12px;white-space:nowrap}.status.new{border-color:#f4bd00}.status.in_progress{border-color:#9ba0a8;background:#f5f5f5}.status.processed{border-color:#62bb63;color:#328b34}.dark{background:#141516;color:#fff;border:0}.empty{text-align:center;color:var(--muted);padding:45px}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle,#fff9df 0,#fff 55%);padding:30px}.domain{position:absolute;left:32px;top:28px}.login form{width:min(520px,100%);border:1px solid var(--line);border-radius:30px;padding:44px;text-align:center;background:#fffc}.login form h1{font-size:30px;margin-top:32px}.login form>p{font-size:17px;margin-bottom:28px}.login label,.employee label,.fields label{display:grid;text-align:left;gap:8px;font-weight:500;margin:16px 0}.login label input{width:100%}.pass{position:relative}.pass input{padding-right:50px}.pass button{position:absolute;right:0;border:0;background:transparent}.login .primary{width:100%;margin-top:20px}.login form>span{display:block;color:#888;margin-top:13px}.login footer{position:absolute;bottom:28px;color:#888}.error{color:#b42318;background:#feeceb;padding:10px;border-radius:7px}.detailhead .link{border:0;padding:0;color:#687080}.saved{color:#26943b;margin-top:50px}.detailgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:20px}.requestdata dl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}.requestdata dt{color:var(--muted);font-size:12px}.requestdata dd{font-weight:600;margin:8px 0}.requestdata blockquote{background:#fff9e9;padding:14px;margin:20px 0 0}.items-title{margin:24px 0 12px}.items-title small{color:var(--muted);font-weight:400}.item{margin-bottom:12px}.itemtitle{display:flex;align-items:center;gap:15px}.itemtitle>b{font-size:20px;background:#fff3c2;padding:9px 13px;border-radius:7px}.itemtitle small,.itemtitle strong{display:block}.fields{display:grid;grid-template-columns:1fr 1.5fr .65fr .8fr 1fr;gap:14px}.fields input{width:100%;margin:0}.total{text-align:right;font-size:18px}.total b{font-size:24px;margin-left:25px}.workflow{display:grid;align-content:start;gap:12px}.workflow ol{list-style:none;padding:0;margin:0}.workflow li{border-left:2px solid #d9dce2;padding:4px 0 18px 28px;position:relative}.workflow li:before{content:"○";position:absolute;left:-8px;background:#fff}.workflow li.done:before{content:"✓";color:#26943b}.workflow li.now:before{content:"●";color:var(--yellow)}.notice{background:#fff6d8;padding:14px;margin:10px 0 16px;line-height:1.5}.wide{width:100%;margin-top:10px}.history div{display:grid;gap:3px;border-left:2px solid #ddd;padding:0 0 18px 18px;font-size:12px}.history b{color:var(--muted)}.employee{display:grid;grid-template-columns:1fr 1fr;gap:28px}.employee label input{width:100%}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.role{width:100%;text-align:left;padding:20px;margin-bottom:16px;display:grid;gap:8px}.role b{font-size:16px}.role span{color:var(--muted)}.role small{line-height:1.8}.role.selected{border-color:#f2bd00;background:#fffbef}.formactions{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:flex-end;align-items:center;gap:16px}.formactions span{margin-right:auto;color:#47754a}.loading{padding:40px}@media(max-width:1050px){.stats,.filters{grid-template-columns:1fr 1fr}.tr{grid-template-columns:.5fr 1.3fr .7fr .9fr .8fr}.tr>span:nth-child(4),.tr>span:nth-child(5){display:none}.detailgrid{grid-template-columns:1fr}.workflow{grid-row:1}.fields,.requestdata dl{grid-template-columns:1fr 1fr}}@media(max-width:720px){.shell{display:block}.shell>aside{height:auto;position:sticky;z-index:3;padding:10px 16px;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line)}.shell>aside .logo{font-size:26px}.shell>aside small,.profile .who,.profile button:first-of-type{display:none}nav{display:flex;margin:0 0 0 auto;gap:0}nav button{font-size:0;padding:9px}.icon{font-size:22px;width:auto}.profile{margin:0;border:0;padding:0}.profile button{font-size:0}.profile button:last-child:first-letter{font-size:20px}.shell>main{padding:20px 14px}h1{font-size:26px}.stats{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px;min-height:86px}.filters{grid-template-columns:1fr;padding:14px;gap:10px}.tabs{overflow:auto}.table{border:0}.th{display:none}.tr{display:grid;grid-template-columns:.5fr 1.5fr 1fr;padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:10px}.tr>span:nth-child(3),.tr>span:nth-child(4),.tr>span:nth-child(5){display:none}.tr>span:nth-child(6){display:block}.tr>span:nth-child(7){grid-column:1/-1}.tr .dark{width:100%}.detailhead{display:block}.detailhead>b{display:none}.detailgrid{display:block}.workflow{margin-bottom:14px}.requestdata dl{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}.itemtitle{margin-bottom:10px}.employee{grid-template-columns:1fr}.formactions{flex-wrap:wrap}.formactions span{width:100%}.login form{padding:30px 20px}.domain{display:none}.login footer{position:static;text-align:center}.pagehead{align-items:center}}.logo{display:inline-flex;width:88px;height:36px;align-items:center;position:relative;font-size:0;letter-spacing:0}.logo img{display:block;width:100%;height:100%;object-fit:contain}.logo-dark{display:none!important}.login .logo{width:164px;height:58px}.theme-select{display:flex!important;align-items:center;gap:8px;margin:0!important;color:var(--muted);font-size:12px}.theme-select select{border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);padding:8px;color:var(--text,#121212)}.profile .theme-select{padding:0 8px 12px}.login-theme{position:absolute;right:32px;top:22px}html[data-theme=dark]{--bg:#111214;--surface:#191a1d;--surface-soft:#222328;--text:#f4f4f4;--muted:#a5a9b2;--line:#34363c;--input:#202126;background:var(--bg);color:var(--text)}html[data-theme=dark] body,html[data-theme=dark] .shell>main{background:var(--bg);color:var(--text)}html[data-theme=dark] .logo-light{display:none!important}html[data-theme=dark] .logo-dark{display:block!important}html[data-theme=dark] .shell>aside,html[data-theme=dark] .card,html[data-theme=dark] .table,html[data-theme=dark] .login form{background:var(--surface);color:var(--text)}html[data-theme=dark] button,html[data-theme=dark] input,html[data-theme=dark] select{background:var(--input);color:var(--text);border-color:var(--line)}html[data-theme=dark] .primary{background:linear-gradient(90deg,#ffc400,#ffd936);color:#111;border:0}html[data-theme=dark] .dark{background:#f0f1f3;color:#111}html[data-theme=dark] .login{background:radial-gradient(circle,#2c2819 0,#111214 58%)}html[data-theme=dark] .login form{background:#191a1df2}html[data-theme=dark] .tr:not(.th):hover,html[data-theme=dark] nav button:first-child,html[data-theme=dark] nav button:hover{background:#2a271b}html[data-theme=dark] .tabs button{background:transparent}html[data-theme=dark] .status.in_progress{background:#292a2e}html[data-theme=dark] .notice,html[data-theme=dark] .requestdata blockquote{background:#302b18;color:#f2f2f2}html[data-theme=dark] .itemtitle>b,html[data-theme=dark] .who em,html[data-theme=dark] .stat i{background:#3a3214;color:#ffe06a}html[data-theme=dark] .workflow li:before{background:var(--surface)}@media(max-width:720px){.shell>aside .logo{width:66px;height:27px}.profile .theme-select{padding:0}.profile .theme-select span{display:none}.profile .theme-select select{width:42px;font-size:0;padding:7px}.login-theme{right:14px;top:14px}.login-theme .theme-select span{display:none}}.employee-list{padding:0;overflow:hidden}.employee-row{display:grid;grid-template-columns:1.15fr 1.25fr .75fr .7fr .55fr auto;gap:18px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.employee-row:last-child{border-bottom:0}.employee-row-head{font-size:12px;color:var(--muted);padding-block:13px}.employee-person b,.employee-person small{display:block}.employee-person small{color:var(--muted);margin-top:4px}.role-badge{font-style:normal;background:#fff2bf;color:#705600;padding:5px 8px;border-radius:6px;font-size:12px}.user-active{color:#2c973f}.user-disabled{color:#c64040}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.profile-data{display:grid;gap:18px;margin:0}.profile-data div{display:grid;grid-template-columns:120px 1fr;gap:15px}.profile-data dt{color:var(--muted)}.profile-data dd{margin:0;font-weight:600}.settings-grid .theme-select{margin-top:22px!important}.password-form{grid-column:1/-1;max-width:650px}.password-form label{display:grid;gap:8px;margin:14px 0;font-weight:500}.password-form input{width:100%}.password-form .primary{margin-top:12px}.success{color:#227a31;background:#e9f8eb;padding:11px;border-radius:7px}html[data-theme=dark] .role-badge{background:#3a3214;color:#ffe06a}@media(max-width:800px){.employee-row{grid-template-columns:1fr 1fr}.employee-row-head{display:none}.employee-row>span:nth-child(3),.employee-row>span:nth-child(4),.employee-row>span:nth-child(5){font-size:12px}.settings-grid{grid-template-columns:1fr}.password-form{grid-column:auto}}@media(max-width:520px){.employee-row{grid-template-columns:1fr}.pagehead .primary{white-space:nowrap;padding:10px}.profile-data div{grid-template-columns:1fr;gap:4px}}.edit-user{padding:8px 11px;white-space:nowrap}.edit-employee{max-width:760px}.edit-employee>label,.edit-employee .twocol label{display:grid;gap:8px;margin:15px 0;font-weight:500}.edit-employee input:not([type=checkbox]),.edit-employee select{width:100%}.edit-employee label small{color:var(--muted);font-weight:400}.access-toggle{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.access-toggle input{width:18px;height:18px}.edit-note{color:var(--muted);background:#fff8dc;padding:12px;border-radius:7px;margin:15px 0}.edit-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}html[data-theme=dark] .edit-note{background:#302b18}.page-actions{display:flex;gap:12px}.manual-request{display:grid;gap:18px;max-width:980px}.manual-request label{display:grid;gap:8px;margin:14px 0;font-weight:500}.manual-request input,.manual-request select,.manual-request textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:12px;background:var(--input,#fff);color:inherit;resize:vertical}.phone-hint{color:var(--muted);background:#fff8dc;padding:12px;border-radius:7px}.manual-item{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;margin-bottom:12px}.manual-item>b{display:grid;place-items:center;width:36px;height:36px;background:#fff3c2;border-radius:7px}.manual-item input{margin:0}.manual-item button{padding:10px}.add-position{border-style:dashed}.manual-actions{display:flex;justify-content:flex-end;gap:12px;padding-bottom:30px}html[data-theme=dark] .phone-hint{background:#302b18}html[data-theme=dark] .manual-item>b{background:#3a3214;color:#ffe06a}@media(max-width:600px){.page-actions{flex-wrap:wrap;justify-content:flex-end}.manual-item{grid-template-columns:36px 1fr}.manual-item button{grid-column:2}.manual-actions button{flex:1}}