:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#17211b;background:#f5f6f5;font-synthesis:none;--green:#175c3d;--border:#e3e7e4}*{box-sizing:border-box}body{margin:0;min-width:1180px}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;background:#fff;border-right:1px solid var(--border);padding:26px 17px 20px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:3}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 30px;font-size:21px}.brand-mark{display:flex;align-items:end;gap:3px;height:22px}.brand-mark i{display:block;width:5px;background:var(--green);border-radius:3px}.brand-mark i:nth-child(1){height:12px}.brand-mark i:nth-child(2){height:20px}.brand-mark i:nth-child(3){height:16px}nav{display:flex;flex-direction:column;gap:4px}nav p{font-size:10px;letter-spacing:1.3px;color:#9aa39d;margin:15px 12px 7px;font-weight:700}nav a{height:43px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#66706a;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}nav a:hover{background:#f7f8f7}nav a.active{background:#edf5f0;color:var(--green)}nav a span{margin-left:auto;background:#edf0ee;color:#657069;border-radius:10px;padding:1px 7px;font-size:10px}.help-card{margin-top:auto;background:#f2f7f4;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:6px}.help-card b{font-size:12px}.help-card small{font-size:10px;color:#7d8881}.help-card button{margin-top:7px;border:1px solid #dce6e0;background:#fff;border-radius:6px;padding:7px;color:var(--green);font-size:10px;font-weight:700}.profile{display:flex;align-items:center;gap:9px;margin-top:16px;padding:13px 4px 0;border-top:1px solid var(--border)}.profile>div:nth-child(2){display:flex;flex-direction:column;flex:1}.profile b{font-size:11px}.profile small{font-size:9px;color:#8f9892}.avatar{width:32px;height:32px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:700;flex:none}.avatar.dark{background:#294738;font-size:9px}main{margin-left:224px;padding:28px 30px 34px;width:calc(100% - 224px);max-width:1800px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}h1{font-size:23px;margin:0 0 6px;letter-spacing:-.5px}header p{margin:0;color:#7c8680;font-size:12px}.header-actions{display:flex;gap:10px}.header-actions button{height:38px;border-radius:8px;border:1px solid var(--border);background:#fff}.icon-btn{width:40px;display:grid;place-items:center;position:relative;color:#606a64}.icon-btn i{width:5px;height:5px;background:#ef675e;border-radius:50%;position:absolute;top:8px;right:9px}.export{padding:0 15px;display:flex;align-items:center;gap:8px;background:var(--green)!important;color:#fff;border-color:var(--green)!important;font-size:11px;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.summary-grid article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px;display:flex;gap:13px;min-width:0}.metric-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;flex:none}.metric-icon.blue{background:#edf2ff;color:#4670cf}.metric-icon.green{background:#eaf5ef;color:#368361}.metric-icon.orange{background:#fff2e7;color:#d47c36}.metric-icon.purple{background:#f3edfb;color:#8259ae}.summary-grid article>div:last-child{display:grid;grid-template-columns:auto auto;align-items:end}.summary-grid p{grid-column:1/3;margin:0;color:#7d8680;font-size:10px;font-weight:600}.summary-grid strong{font-size:22px;line-height:1.3}.summary-grid strong small{font-size:11px;margin-left:3px}.summary-grid span{font-size:9px;color:#8c958f;margin-left:12px;margin-bottom:5px}.summary-grid .positive{color:#358561}.attendance-card{background:#fff;border:1px solid var(--border);border-radius:11px;overflow:hidden}.toolbar{padding:15px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.month-nav,.tools{display:flex;align-items:center;gap:8px}.month-nav button{width:30px;height:30px;border:1px solid var(--border);background:#fff;border-radius:6px;display:grid;place-items:center}.month-nav b{font-size:14px;margin:0 7px}.month-nav .today{width:auto;padding:0 10px;font-size:10px;color:#69736d}.search{height:34px;width:198px;border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;padding:0 10px;color:#8b948e}.search input{border:0;outline:0;width:100%;padding-left:8px;font-size:10px}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:7px;background:#fff;height:34px;padding:0 31px 0 12px;font-size:10px;outline:0}.select-wrap svg{position:absolute;right:9px;top:9px;pointer-events:none}.legend{height:40px;display:flex;align-items:center;padding:0 18px;gap:19px;background:#fafbfa;border-bottom:1px solid var(--border);font-size:9px;color:#69736d}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.legend .present{background:#5bab7f}.legend .late{background:#efad49}.legend .vacation{background:#6e8fd4}.legend .absent{background:#e16e68}.legend small{margin-left:auto;color:#9ca49f}.table-scroll{overflow-x:auto;max-height:600px}table{border-collapse:separate;border-spacing:0;width:100%;min-width:1260px;font-size:10px}th,td{height:43px;border-bottom:1px solid #edf0ee;text-align:center;min-width:31px;padding:0 2px}thead th{position:sticky;top:0;background:#fff;z-index:1;color:#6d7771;font-weight:500;height:46px}thead th b,thead th small{display:block}thead th b{font-size:10px}thead th small{font-size:8px;margin-top:2px;color:#a0a8a3}.sun b,.sun small{color:#dc6b62!important}.sat b,.sat small{color:#527cc8!important}.employee-col{position:sticky;left:0;z-index:2;background:#fff!important;text-align:left!important;width:190px;min-width:190px!important;border-right:1px solid #e7ebe8;padding-left:15px!important}.total-col{position:sticky;left:190px;z-index:2;background:#fafbfa!important;width:57px;min-width:57px!important;border-right:1px solid #e7ebe8}.total-col b,.total-col small{display:block}.total-col b{font-size:10px}.total-col small{font-size:8px;color:#9ba39e;margin-top:2px}.employee-col .avatar{display:inline-grid;vertical-align:middle;margin-right:8px;width:28px;height:28px}.employee-col>div:last-child{display:inline-flex;vertical-align:middle;flex-direction:column;gap:1px}.employee-col b{font-size:10px}.employee-col small{font-size:8px;color:#8c958f}tbody tr{cursor:pointer}tbody tr:hover td{background:#f8faf9}tbody tr:hover .employee-col{background:#f8faf9!important}.cell{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:8px;font-weight:700}.cell.present{background:#e7f4ed;color:#3a8d65}.cell.late{background:#fff0d9;color:#c98525}.cell.absent{background:#fbe7e5;color:#d45e57}.cell.vacation{background:#eaf0fb;color:#567bc4}.cell.off{color:#d0d5d2;background:transparent}.loading{height:180px;color:#87918b}.table-footer{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;color:#88918c}.table-footer b{color:var(--green)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b1540;z-index:10;display:flex;justify-content:flex-end}.drawer{width:390px;height:100%;background:#fff;padding:30px;box-shadow:-10px 0 40px #172b201f;position:relative;animation:slide .2s ease}.close{position:absolute;right:22px;top:22px;border:0;background:#f2f4f3;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.eyebrow{font-size:9px;letter-spacing:1.5px;color:#8a958e;font-weight:700}.drawer-person{display:flex;align-items:center;gap:13px;margin:25px 0}.avatar.large{width:52px;height:52px;font-size:14px}.drawer-person h2{margin:0 0 5px;font-size:20px}.drawer-person p{margin:0;font-size:11px;color:#7c8780}.drawer-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--border);border-radius:9px;padding:15px 4px}.drawer-stats div{display:flex;flex-direction:column;align-items:center;border-right:1px solid var(--border)}.drawer-stats div:last-child{border:0}.drawer-stats span{font-size:9px;color:#8d9690}.drawer-stats b{font-size:15px;margin-top:5px}.salary-box{background:#173e2d;color:#fff;border-radius:10px;margin:14px 0 28px;padding:17px;display:grid;grid-template-columns:1fr auto}.salary-box span{font-size:10px;color:#b9cdc3}.salary-box strong{grid-column:1/3;font-size:23px;margin-top:8px}.salary-box small{grid-column:1/3;color:#95b0a2;font-size:9px;margin-top:4px}.drawer h3{font-size:13px;margin-bottom:12px}.recent-list>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;border-bottom:1px solid var(--border);padding:13px 2px;font-size:10px}.recent-list em{font-style:normal;font-size:8px;padding:3px 6px;border-radius:4px;margin-left:5px;background:#e9f4ee;color:#39825f}.recent-list em.late{background:#fff0d9;color:#c98525}.recent-list b{font-size:10px}.recent-list small{color:#929b95;margin-left:15px}@keyframes slide{0%{transform:translate(100%)}to{transform:translate(0)}}@media(max-width:1250px){.summary-grid span{display:none}.summary-grid article{padding:15px 12px}.sidebar{width:205px}main{margin-left:205px;width:calc(100% - 205px);padding:25px 20px}}.attendance-card th,.attendance-card td{min-width:39px}.attendance-card .cell{display:inline-grid;place-items:center;width:auto;min-width:30px;height:22px;padding:0 4px;border-radius:5px;font-size:8px;font-weight:700;letter-spacing:-.25px}.attendance-card .cell.present{background:#e7f4ed;color:#2f7d59}.attendance-card .cell.late{background:#fff0d9;color:#b87416}.attendance-card .cell.off{min-width:30px;background:transparent;color:#d0d5d2}main h1{font-size:28px}header p{font-size:14px}.summary-grid p{font-size:13px}.summary-grid strong{font-size:27px}.summary-grid strong small{font-size:13px}.summary-grid span{font-size:11px}.month-nav b{font-size:17px}.month-nav input[type=month]{width:145px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:#fff;color:#17211b;font-size:14px;font-weight:700;outline:none}.month-nav input[type=month]:focus{border-color:var(--green);box-shadow:0 0 0 3px #175c3d1a}.payroll-month-nav{margin-bottom:7px}.month-nav .today,.search input,.select-wrap select,.export{font-size:13px}.toolbar{padding-top:18px;padding-bottom:18px}.search,.select-wrap select{height:40px}.select-wrap svg{top:12px}.legend{height:48px;font-size:12px}.legend small{font-size:11px}.attendance-card th,.attendance-card td{height:52px;min-width:43px}.attendance-card thead th b{font-size:13px}.attendance-card thead th small{font-size:11px}.attendance-card .employee-col{width:164px;min-width:164px!important}.attendance-card .total-col{left:164px;width:68px;min-width:68px!important}.attendance-card .employee-col .avatar{width:34px;height:34px;font-size:12px}.attendance-card .employee-col b,.attendance-card .total-col b{font-size:13px}.attendance-card .employee-col small,.attendance-card .total-col small{font-size:10px}.attendance-card .cell{min-width:35px;height:28px;padding:0 5px;font-size:11px}.table-footer{height:50px;font-size:12px}.drawer .eyebrow,.drawer-person p,.drawer-stats span,.salary-box span,.salary-box small,.recent-list,.recent-list b{font-size:12px}.drawer-person h2{font-size:24px}.drawer-stats b{font-size:19px}.drawer h3{font-size:16px}.sidebar,main,.sidebar-toggle{transition:transform .22s ease,margin-left .22s ease,width .22s ease,left .22s ease}.sidebar-toggle{position:fixed;top:28px;left:202px;z-index:12;display:grid;place-items:center;width:38px;height:38px;padding:0;color:#435047;background:#fff;border:1px solid #dce2de;border-radius:9px;box-shadow:0 3px 12px #172b2017;cursor:pointer}.sidebar-toggle:hover{color:var(--green);background:#f2f7f4}.sidebar-collapsed .sidebar{transform:translate(-100%);pointer-events:none}.sidebar-collapsed main{width:100%;max-width:none;margin-left:0;padding-left:30px}.sidebar-collapsed .sidebar-toggle{left:18px}.sidebar-collapsed .attendance-card th,.sidebar-collapsed .attendance-card td{min-width:38px}.sidebar-collapsed .attendance-card .employee-col{width:164px;min-width:164px!important}.sidebar-collapsed .attendance-card .total-col{left:164px;width:64px;min-width:64px!important}.attendance-card tbody tr{cursor:default}.attendance-card .employee-link{cursor:pointer}.attendance-card .employee-link:hover,.attendance-card .employee-link:focus-visible{background:#edf5f0!important;outline:none}.attendance-card .employee-link:hover b,.attendance-card .employee-link:focus-visible b{color:var(--green);text-decoration:underline;text-underline-offset:3px}.attendance-card .attendance-entry{cursor:pointer}.attendance-card .attendance-entry:hover{background:#eef5f1;box-shadow:inset 0 0 0 1px #b9d2c4}.record-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#0f1b1561}.record-modal{position:relative;width:390px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 20px 60px #14271d38}.record-modal .eyebrow{margin:0 0 8px;color:#6f7b74;font-size:11px;letter-spacing:1.2px}.record-modal h2{margin:0 0 20px;font-size:25px}.record-person{display:flex;justify-content:space-between;margin:0 0 24px;padding:14px 15px;background:#f3f7f5;border-radius:8px;font-size:15px}.record-person span{color:#657069}.hours-label{display:block;margin-bottom:9px;font-size:14px;font-weight:700}.hours-input{display:flex;align-items:center;border:2px solid #b5c9bd;border-radius:9px;overflow:hidden}.hours-input:focus-within{border-color:var(--green)}.hours-input input{width:100%;height:54px;padding:0 15px;border:0;outline:0;font-size:23px;font-weight:700}.hours-input span{padding-right:15px;color:#657069;font-size:14px}.quick-hours{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0 22px}.quick-hours button{height:38px;border:1px solid #dce2de;border-radius:7px;background:#fff;color:#59645e;cursor:pointer}.quick-hours button.active{border-color:var(--green);background:#eaf4ee;color:var(--green);font-weight:700}.save-record{width:100%;height:48px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.record-status-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.record-status-actions button{height:40px;border:1px solid #dce2de;border-radius:8px;background:#fff;color:#52605a;cursor:pointer}.record-status-actions .danger{color:#c9544e}@media(max-width:1250px){.sidebar-toggle{left:183px}.sidebar-collapsed main{width:100%;margin-left:0;padding-left:20px}}.attendance-page .export{cursor:pointer}.attendance-page .export:hover:not(:disabled){filter:brightness(.92)}.attendance-page .export:disabled{cursor:not-allowed;opacity:.65}.recent-list.recent-date-only{max-height:calc(100vh - 430px);overflow-y:auto}.recent-list.recent-date-only>div{display:block;font-size:12px}.summary-grid{grid-template-columns:repeat(3,1fr)}.page-hidden{display:none}.members-page{margin-left:224px;padding:28px 30px 34px;width:calc(100% - 224px);max-width:1800px}.sidebar-collapsed .members-page{width:100%;max-width:none;margin-left:0;padding-left:30px}.member-summary{display:grid;grid-template-columns:repeat(2,minmax(240px,330px));gap:14px;margin-bottom:16px}.member-summary article{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border:1px solid var(--border);border-radius:11px}.member-summary article>div:last-child{display:flex;flex-direction:column;gap:4px}.member-summary span{font-size:13px;color:#78827c}.member-summary strong{font-size:20px}.members-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:11px}.members-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.members-toolbar h2{margin:0 0 5px;font-size:18px}.members-toolbar p{margin:0;color:#7c8680;font-size:12px}.member-search{width:260px;height:42px}.member-search input{font-size:13px}.members-table-wrap{overflow-x:auto}.members-table{width:100%;min-width:1080px}.members-table th,.members-table td{height:62px;padding:0 16px;text-align:left;font-size:14px}.members-table th{height:50px;background:#f8faf9;color:#66716a;font-size:12px}.members-table td b,.members-table td small{display:block}.members-table td small{margin-top:4px;color:#89928d;font-size:11px}.members-table tbody tr:hover td{background:#fbfcfb}.rank-badge{display:inline-block;min-width:44px;padding:5px 9px;text-align:center;color:#276b4c;background:#eaf4ee;border-radius:12px;font-size:12px;font-weight:700}.private-value{color:#505b55;font-family:DM Sans,sans-serif;font-variant-numeric:tabular-nums}.reveal-button{display:flex;align-items:center;gap:6px;padding:8px 10px;color:#476052;background:#fff;border:1px solid #dce3df;border-radius:7px;font-size:12px;cursor:pointer}.reveal-button:hover{color:var(--green);background:#edf5f0}.members-card .table-footer{padding:0 20px}@media(max-width:1250px){.members-page{margin-left:205px;width:calc(100% - 205px);padding:25px 20px}.sidebar-collapsed .members-page{width:100%;margin-left:0;padding-left:20px}}.add-member-button{cursor:pointer}.add-member-button:hover{filter:brightness(.92)}.member-form-error{margin:14px 0 0;color:#c54f49;font-size:12px;font-weight:700}.member-modal-actions button:disabled,.member-modal .close:disabled{cursor:not-allowed;opacity:.6}.members-table{min-width:1200px;table-layout:fixed}.members-table th,.members-table td{height:62px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.members-table th:nth-child(1){width:150px}.members-table th:nth-child(2){width:110px}.members-table th:nth-child(3){width:160px}.members-table th:nth-child(4){width:220px}.members-table th:nth-child(5){width:300px}.members-table th:nth-child(6){width:120px}.members-table .reveal-button{justify-content:center;width:88px;height:36px;padding:0;white-space:nowrap}.member-tools{display:flex;align-items:center;gap:9px}.member-sort select{height:42px;min-width:105px;padding:0 32px 0 13px;color:#3f4b44;background:#fff;border:1px solid var(--border);border-radius:7px;font-size:13px;cursor:pointer}.sort-heading{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0;color:#66716a;background:transparent;border:0;font-weight:700;cursor:pointer}.sort-heading:hover,.sort-heading.active{color:var(--green)}.editable-member-row{cursor:pointer}.members-table tbody .editable-member-row:hover td{background:#f0f6f2}.member-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;background:#0f1b1566}.member-modal{position:relative;width:500px;padding:30px;background:#fff;border-radius:15px;box-shadow:0 20px 60px #14271d3d}.member-modal .eyebrow{margin:0 0 7px;color:#738078;font-size:11px;font-weight:700;letter-spacing:1.2px}.member-modal h2{margin:0 0 24px;font-size:24px}.member-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.member-form-grid label{display:flex;flex-direction:column;gap:8px}.member-form-grid label.full{grid-column:1/3}.member-form-grid label span{font-size:13px;font-weight:700;color:#4f5a54}.member-form-grid input,.member-form-grid select{height:46px;padding:0 13px;border:1px solid #d9e0dc;border-radius:8px;outline:0;font-size:14px}.member-form-grid input:focus,.member-form-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px #175c3d17}.member-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.member-modal-actions button{height:44px;padding:0 18px;border:1px solid #d8dfdb;border-radius:8px;background:#fff;font-size:14px;font-weight:700;cursor:pointer}.member-modal-actions button.primary{min-width:140px;color:#fff;background:var(--green);border-color:var(--green)}.payroll-page{margin-left:224px;padding:28px 30px 34px;width:calc(100% - 224px);max-width:1800px}.sidebar-collapsed .payroll-page{width:100%;max-width:none;margin-left:0;padding-left:30px}.payroll-summary{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;margin-bottom:16px}.payroll-summary article{display:flex;align-items:center;gap:14px;padding:21px;background:#fff;border:1px solid var(--border);border-radius:11px}.payroll-summary article>div:last-child{display:grid;grid-template-columns:auto auto;align-items:end;gap:3px 12px}.payroll-summary span{grid-column:1/3;color:#76817a;font-size:13px}.payroll-summary strong{font-size:22px}.payroll-summary small{color:#a07837;font-size:11px}.payroll-card{overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:11px}.payroll-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}.payroll-toolbar h2{margin:0 0 5px;font-size:18px}.payroll-toolbar p{margin:0;color:#7c8680;font-size:12px}.payroll-search{width:250px;height:42px}.payroll-search input{font-size:13px}.payroll-table-wrap{overflow-x:auto}.payroll-table{width:100%;min-width:1080px;table-layout:fixed}.payroll-table th,.payroll-table td{height:62px;padding:0 16px;text-align:left;white-space:nowrap;border-bottom:1px solid #edf0ee}.payroll-table th{height:50px;background:#f8faf9;color:#66716a;font-size:12px}.payroll-table td{font-size:14px}.payroll-table th:nth-child(1){width:120px}.payroll-table th:nth-child(2){width:90px}.payroll-table th:nth-child(3){width:130px}.payroll-table th:nth-child(4){width:120px}.payroll-table th:nth-child(5){width:100px}.payroll-table th:nth-child(6){width:160px}.payroll-table th:nth-child(7){width:150px}.payroll-table th:nth-child(8){width:180px}.payroll-table tbody tr:hover td{background:#f7faf8}.gross-pay{font-weight:700}.tax-pay{color:#c15d55}.net-pay{color:var(--green);font-weight:700;font-size:15px!important}.payroll-card .table-footer{padding:0 20px}@media(max-width:1250px){.payroll-page{margin-left:205px;width:calc(100% - 205px);padding:25px 20px}.sidebar-collapsed .payroll-page{width:100%;margin-left:0;padding-left:20px}}.settings-page{margin-left:224px;padding:28px 30px 34px;width:calc(100% - 224px);max-width:1800px}.sidebar-collapsed .settings-page{width:100%;max-width:none;margin-left:0;padding-left:30px}.settings-card{min-height:610px;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:11px}.settings-tabs{display:flex;gap:5px;padding:12px 18px 0;border-bottom:1px solid var(--border)}.settings-tabs button{display:flex;align-items:center;gap:9px;height:52px;padding:0 18px;color:#737e77;background:transparent;border:0;border-bottom:3px solid transparent;font-size:14px;font-weight:700;cursor:pointer}.settings-tabs button.active{color:var(--green);border-bottom-color:var(--green)}.settings-content{max-width:760px;padding:30px}.settings-heading{margin-bottom:24px}.settings-heading h2{margin:0 0 7px;font-size:20px}.settings-heading p{margin:0;color:#7c8680;font-size:13px}.rate-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.rate-list>label{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:0 20px;border-bottom:1px solid var(--border)}.rate-list>label:last-child{border:0}.rate-list label>span{display:flex;flex-direction:column;gap:4px}.rate-list label b{font-size:15px}.rate-list label small{color:#8a948e;font-size:11px}.rate-list label>div,.tax-setting label>div{display:flex;align-items:center;border:1px solid #d7dfda;border-radius:8px;overflow:hidden}.rate-list input,.tax-setting input{width:150px;height:44px;padding:0 12px;text-align:right;border:0;outline:0;font-size:16px;font-weight:700}.rate-list em,.tax-setting em{padding-right:12px;color:#717c75;font-size:12px;font-style:normal}.tax-setting{display:flex;align-items:flex-start;gap:17px;padding:22px;border:1px solid var(--border);border-radius:10px}.tax-icon{display:grid;place-items:center;width:46px;height:46px;flex:none;color:#c57a28;background:#fff1df;border-radius:9px}.tax-setting label{display:flex;flex-direction:column;gap:9px}.tax-setting label>span{font-size:14px;font-weight:700}.tax-setting input{width:130px;font-size:20px}.tax-setting label small{color:#7d8781;font-size:12px}.tax-example{margin-top:18px;padding:21px;background:#f4f7f5;border-radius:10px}.tax-example>span{color:#6c7770;font-size:12px;font-weight:700}.tax-example p{margin:8px 0 17px;font-size:13px}.tax-example>div{display:flex;justify-content:space-between;padding:9px 0;color:#626d66;font-size:14px}.tax-example>div:last-child{margin-top:5px;padding-top:15px;border-top:1px solid #dce3df}.tax-example strong{color:var(--green);font-size:18px}@media(max-width:1250px){.settings-page{margin-left:205px;width:calc(100% - 205px);padding:25px 20px}.sidebar-collapsed .settings-page{width:100%;margin-left:0;padding-left:20px}}.settings-save-options{display:flex;align-items:end;gap:14px;padding:18px 30px;background:#f8faf9;border-bottom:1px solid var(--border)}.settings-save-options label{display:flex;flex-direction:column;gap:6px}.settings-save-options label span{color:#68736c;font-size:11px;font-weight:700}.settings-save-options input{height:38px;padding:0 11px;border:1px solid #d7dfda;border-radius:7px;outline:none}.settings-save-options input[type=password]{width:260px}.settings-save-options input:focus{border-color:var(--green);box-shadow:0 0 0 3px #175c3d1a}.settings-save-options p{margin:0 0 10px;color:#c54f49;font-size:12px}.settings-save-options .save-success{color:var(--green);font-weight:700}.settings-save-options .save-error{color:#c54f49}.settings-page .export{cursor:pointer}.settings-page .export:hover:not(:disabled){filter:brightness(.92)}.settings-page .export:disabled{cursor:not-allowed;opacity:.65}.deduction-content{max-width:980px}.deduction-heading{display:flex;align-items:center;justify-content:space-between}.deduction-heading button{display:flex;align-items:center;gap:6px;height:38px;padding:0 13px;color:#fff;background:var(--green);border:0;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer}.deduction-list{display:flex;flex-direction:column;gap:9px}.deduction-row{display:grid;grid-template-columns:24px minmax(150px,1fr) 170px 150px 38px;align-items:center;gap:9px;padding:12px;border:1px solid var(--border);border-radius:9px}.deduction-row>input:not([type=checkbox]),.deduction-row select,.deduction-value{height:40px;border:1px solid #d7dfda;border-radius:7px;background:#fff}.deduction-row>input:not([type=checkbox]),.deduction-row select{padding:0 10px;outline:none}.deduction-enabled{width:17px;height:17px;accent-color:var(--green);cursor:pointer}.deduction-value{display:flex;align-items:center;overflow:hidden}.deduction-value input{min-width:0;width:100%;height:100%;padding:0 7px;text-align:right;border:0;outline:none}.deduction-value span{padding-right:10px;color:#6e7872;font-size:12px}.deduction-remove{display:grid;place-items:center;width:38px;height:38px;color:#bd514b;background:#fff;border:1px solid #ead7d5;border-radius:7px;cursor:pointer}.deduction-remove:hover{background:#fff3f2}.settings-confirm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;background:#0f1b156b}.settings-confirm{width:390px;padding:27px;background:#fff;border-radius:13px;box-shadow:0 20px 60px #14271d3d}.settings-confirm h2{margin:0 0 11px;font-size:20px}.settings-confirm p{margin:0;color:#68736c;font-size:13px;line-height:1.6}.settings-confirm>div{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.settings-confirm button{height:40px;padding:0 17px;border:1px solid #d8dfdb;border-radius:7px;background:#fff;font-weight:700;cursor:pointer}.settings-confirm button.primary{color:#fff;background:var(--green);border-color:var(--green)}