:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#22212a;background:#f6f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app{display:flex;min-height:100vh}aside{width:254px;background:#17151d;color:#fff;padding:24px 16px;display:flex;flex-direction:column;flex:none}.brand{display:flex;gap:11px;align-items:center;margin:0 10px 32px}.logo{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#9a87ff,#e1d9ff);color:#211a3c;display:grid;place-items:center;font-weight:900}.brand b{display:block;font-size:15px}.brand span{display:block;color:#9f9aa9;font-size:12px;margin-top:2px}nav{display:grid;gap:5px}nav button,.settings,.icon-btn{border:0;background:transparent;color:#bdb8c8;padding:11px 12px;border-radius:11px;text-align:left;display:flex;gap:12px;align-items:center;font-size:14px;cursor:pointer}nav button:hover{background:#24212c}.active{background:#2c2836!important;color:#fff!important}.settings{margin-top:auto}.app main{flex:1;padding:34px 42px;max-width:1550px;margin:auto;width:100%}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}header small{color:#918c9e;font-size:10px;letter-spacing:.14em}h1{font-size:30px;margin:6px 0 0;letter-spacing:-.02em}.header-right{display:flex;gap:10px;align-items:center}.icon-btn{background:#fff;border:1px solid #e6e3ea;color:#676171;padding:10px}.period{background:#fff;border:1px solid #e7e4ec;border-radius:12px;padding:11px 15px;font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid #e9e6ee;border-radius:18px;padding:22px;box-shadow:0 6px 28px #201b2a09}.hero{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#fff,#f0ecff);min-height:160px}.hero h2{margin:7px 0;font-size:27px;letter-spacing:-.03em}.hero p,.toolbar p{margin:0;color:#777181}.primary,.secondary{border:0;border-radius:11px;padding:12px 16px;font-weight:650;display:flex;align-items:center;gap:8px;cursor:pointer}.primary{background:#6553c9;color:#fff}.secondary{background:#efecff;color:#5143a8}.primary:disabled{opacity:.55;cursor:wait}.metric{display:grid;gap:7px}.metric small{color:#8c8795}.metric strong{font-size:28px;letter-spacing:-.03em}.metric span{font-size:12px;color:#9993a0}.wide{grid-column:1/-1}.section-head,.toolbar,.result-head,.result-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.section-head h3,.toolbar h2{margin:0}.status{display:inline-flex;align-items:center;gap:6px;color:#5d50a8;font-size:12px;background:#f0edff;padding:7px 10px;border-radius:999px}.checks{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.checks span{padding:10px 12px;border-radius:10px;background:#f7f6f9;font-size:13px;display:flex;gap:7px;align-items:center}.checks svg{width:15px}.actions{display:flex;gap:10px;flex-wrap:wrap}.stack{display:grid;gap:16px}.toolbar{margin-bottom:2px}.toolbar h2{font-size:24px;letter-spacing:-.02em}.link-btn{border:0;background:none;color:#6655c6;cursor:pointer}.table{width:100%;overflow:auto}.tr{display:grid;grid-template-columns:1.7fr 1.2fr 1fr 1fr 1fr;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid #eeeaf1;font-size:13px;min-width:720px}.tr.th{color:#8d8796;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding-top:2px}.tr span{display:flex;flex-direction:column;gap:4px}.tr small{color:#9c96a4;font-size:11px}.payroll-table .tr{grid-template-columns:1.7fr repeat(5,1fr)}.notice{display:flex;gap:12px;padding:14px;background:#f5f2ff;border-radius:12px;margin-bottom:18px;color:#4d4572}.notice div{display:grid;gap:3px}.notice span{font-size:12px;color:#77718b}.result-footer{padding-top:18px}.empty{min-height:150px;display:flex;align-items:center;justify-content:center;gap:8px;color:#8f8997}.empty-page{min-height:390px;display:grid;place-items:center;align-content:center;text-align:center}.empty-page svg{color:#7565d2}.empty-page p{color:#777181;max-width:500px}.coming{padding:10px 14px;background:#f7f6f9;border-radius:10px;color:#898391;font-size:12px}.upload-card{display:grid;gap:20px}.drop{min-height:220px;border:1.5px dashed #c9c2dc;border-radius:16px;background:#faf9ff;display:grid;place-items:center;align-content:center;gap:9px;color:#6655b5;cursor:pointer;text-align:center}.drop span{font-size:12px;color:#8b8595}.drop input{display:none}.exchange-result{border-top:1px solid #eeeaf1;padding-top:18px}.result-head div{display:grid;gap:4px}.result-head span{font-size:12px;color:#8d8796}.mini-list{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:15px}.mini-list div{background:#f8f7fa;border-radius:10px;padding:10px;display:grid;gap:4px}.mini-list small{color:#9993a0}.toast{position:fixed;right:24px;top:20px;background:#24212c;color:#fff;padding:12px 16px;border-radius:12px;z-index:5}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14121b73;display:grid;place-items:center;z-index:10;padding:20px}.modal{background:#fff;border-radius:18px;width:min(520px,100%);padding:22px;box-shadow:0 25px 80px #0000002e}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h3{margin:0}.form{display:grid;gap:13px}.form label{display:grid;gap:6px;font-size:12px;color:#716b79}.form input{border:1px solid #ded9e5;border-radius:10px;padding:11px 12px;font:inherit}.full{justify-content:center;margin-top:5px}@media(max-width:950px){aside{width:76px}.brand div:not(.logo),nav button span,.settings{font-size:0;justify-content:center}.app main{padding:22px}.grid{grid-template-columns:1fr}.wide,.hero{grid-column:1}.hero{gap:20px;align-items:flex-start;flex-direction:column}.mini-list{grid-template-columns:1fr}}@media(max-width:620px){header,.toolbar{align-items:flex-start;flex-direction:column}.header-right{width:100%}.period{flex:1}.hero{padding:20px}.app main{padding:16px}aside{width:64px;padding:18px 8px}}.tax-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.tax-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:18px}.tax-detail div{padding:18px;border:1px solid #eceaf4;border-radius:16px;background:#faf9fd}.tax-detail small{display:block;color:#777;margin-bottom:8px}.tax-detail b{font-size:22px}.muted{color:#777;margin:18px 0 0}.tax-grid .metric{min-width:0}@media(max-width:900px){.tax-grid{grid-template-columns:repeat(2,1fr)}.tax-detail{grid-template-columns:1fr}}@media(max-width:560px){.tax-grid{grid-template-columns:1fr}}.user-box{margin-top:auto;padding:12px 8px;border-top:1px solid #2b2833}.user-box>div{padding:0 4px 8px}.user-box b,.user-box span{display:block}.user-box b{font-size:13px;color:#fff}.user-box span{font-size:11px;color:#9f9aa9;margin-top:2px}.user-box .settings{margin:0;padding:8px 4px}.login-page{min-height:100vh;background:linear-gradient(135deg,#17151d,#2b2639);display:grid;place-items:center;padding:24px}.login-card{width:min(420px,100%);background:#fff;border-radius:24px;padding:36px;box-shadow:0 30px 100px #0000004d}.login-logo{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#9a87ff,#e1d9ff);color:#211a3c;display:grid;place-items:center;font-weight:900;font-size:18px;margin-bottom:18px}.login-card>small{color:#918c9e;letter-spacing:.12em;font-size:10px}.login-card h1{font-size:28px;margin:8px 0}.login-card>p{color:#777181;margin:0 0 24px}.login-error{background:#fff0f0;color:#b23a3a;border-radius:10px;padding:10px 12px;font-size:13px}