.cc-monitor-title{background:linear-gradient(110deg,#e8f5f1,#f5f9fc);border:1px solid #cfe0dd;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:22px 24px;display:flex}.cc-monitor-title small{color:#187c6f;letter-spacing:.13em;font-size:10px;font-weight:900}.cc-monitor-title h2{margin:6px 0;font-size:23px}.cc-monitor-title p{color:#5e7384;margin:0;font-size:12px}.cc-monitor-title>span{color:#735719;background:#fff;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:800}.cc-monitor-stats .cc-monitor-alert{background:#fffaf1;border-color:#f1d8af}.cc-monitor-stats .cc-monitor-alert strong{color:#a05a16}.cc-monitor-stats article>span{color:#84694a;margin-top:5px;font-size:11px;display:block}.cc-monitor-panel{margin-bottom:16px}.cc-monitor-table{min-width:1740px!important}.cc-monitor-table th,.cc-monitor-table td{white-space:nowrap}.cc-monitor-table th:first-child,.cc-monitor-table td:first-child{min-width:165px}.cc-monitor-table th:nth-child(6),.cc-monitor-table td:nth-child(6),.cc-monitor-table th:nth-child(7),.cc-monitor-table td:nth-child(7){min-width:120px}.cc-monitor-table td:first-child strong,.cc-monitor-table td:first-child small{white-space:nowrap;display:block}.cc-monitor-table td:first-child small{color:#7a8a98;margin-top:4px;font-size:10px}.cc-monitor-table th:nth-child(n+8),.cc-monitor-table td:nth-child(n+8){text-align:center;min-width:89px}.cc-monitor-count{white-space:nowrap}.cc-monitor-count.has-pending{color:#9a581e!important;background:#fff1df!important;border-color:#eccb9e!important}.cc-month{white-space:nowrap;width:100%;padding:7px 8px!important;font-size:11px!important}.cc-month.complete{color:#207354!important;background:#e9f8f0!important;border-color:#b8dfcf!important}.cc-month.pending{color:#9b5821!important;background:#fff1df!important;border-color:#f0cd9f!important}.cc-month.no-data{color:#83929d!important;background:#f5f7f8!important;border-color:#e5e9ec!important}.cc-monitor-filters{flex-wrap:wrap;gap:8px;display:flex}.cc-monitor-filters label{color:#647786;gap:4px;font-size:11px;font-weight:700;display:grid}.cc-monitor-filters select{min-width:125px}.cc-monitor-badge{color:#9b5d22;white-space:nowrap;background:#fff2df;border-radius:12px;padding:5px 8px;font-size:10px;font-weight:800}.cc-monitor-footnote{color:#697d8c;margin:0 2px;font-size:11px;line-height:1.6}@media (max-width:600px){.cc-monitor-title{flex-direction:column;align-items:flex-start}.cc-monitor-filters{width:100%}.cc-monitor-filters label{flex:1}.cc-monitor-filters select{width:100%}}
.cc-shell{color:#17273b;background:#f4f7f8;min-height:100vh;font-family:Arial,Malgun Gothic,sans-serif}.cc-shell button,.cc-shell input,.cc-shell select,.cc-shell textarea{font:inherit}.cc-shell button{cursor:pointer}.cc-shell button:disabled{cursor:not-allowed;opacity:.5}.cc-header{color:#fff;background:#14243e;justify-content:space-between;align-items:center;gap:28px;padding:28px max(24px,50vw - 720px);display:flex}.cc-header>div:first-child>span{letter-spacing:.13em;font-size:14px}.cc-header span b{color:#8cd4c6}.cc-header h1{margin:14px 0 7px;font-size:29px}.cc-header p{color:#b9c9d8;margin:0;font-size:13px}.cc-identity{background:#1b2e4b;border:1px solid #49617d;border-radius:13px;grid-template-columns:auto 1fr;gap:3px 10px;min-width:360px;padding:13px 15px;display:grid}.cc-identity>.cc-role{letter-spacing:.04em;border-radius:16px;grid-row:1/3;align-self:center;padding:7px 10px;font-size:10px;font-weight:800}.cc-role.admin{color:#0a5148;background:#a6e3d7}.cc-role.employee{color:#294a6b;background:#dce8f5}.cc-identity>strong{font-size:13px}.cc-identity>small{color:#aebed0;font-size:10px}.cc-identity label{color:#b9c9d8;border-top:1px solid #3b516c;grid-column:1/3;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:9px;font-size:10px;display:flex}.cc-identity select{color:#fff;background:#10213a;border-color:#506782;min-width:190px}.cc-notice{color:#265e55;background:#ebf7f4;border:1px solid #bfded8;border-radius:10px;max-width:1440px;margin:20px auto 0;padding:13px 16px;font-size:13px}.cc-menu{border-bottom:1px solid #d6e0e4;gap:12px;max-width:1440px;margin:20px auto 0;padding:0 0 13px;display:flex}.cc-menu>div{background:#fff;border:1px solid #dce5e8;border-radius:10px;align-items:center;gap:7px;padding:7px;display:flex}.cc-menu>div>span{color:#6d7d8e;letter-spacing:.05em;padding:0 8px;font-size:10px;font-weight:800}.cc-menu button{color:#4e6275;background:#edf2f4;border:0;border-radius:7px;padding:10px 14px;font-weight:700}.cc-menu button.active{color:#fff;background:#176f66}.cc-menu>div:first-child{background:#f8fbff;border-color:#cbdbea}.cc-menu>div:first-child>span{color:#3f668c}.cc-shell main{max-width:1440px;margin:22px auto 70px}.cc-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.cc-stats article,.cc-panel{background:#fff;border:1px solid #dce5e8;border-radius:12px;box-shadow:0 5px 20px #17273b0a}.cc-stats article{padding:20px}.cc-stats small{color:#718193;font-size:12px;display:block}.cc-stats strong{margin-top:7px;font-size:25px;display:block}.cc-panel{overflow:hidden}.cc-panel-head{justify-content:space-between;align-items:center;gap:20px;padding:21px 22px;display:flex}.cc-panel h2{margin:0;font-size:20px}.cc-panel-head p{color:#708195;margin:7px 0 0;font-size:12px}.cc-panel-head input{min-width:280px}.cc-self-filter{color:#176f66;background:#edf8f5;border:1px solid #c4ddd8;border-radius:20px;padding:8px 12px;font-size:11px;font-weight:700}.cc-shell input,.cc-shell select,.cc-shell textarea{color:#17273b;background:#fff;border:1px solid #cdd9de;border-radius:7px;padding:9px 10px;font-size:12px}.cc-shell input:focus,.cc-shell select:focus,.cc-shell textarea:focus{outline:2px solid #9dd5cb}.cc-shell button:not(.cc-menu button){color:#126d62;background:#edf8f5;border:1px solid #b7d3ce;border-radius:7px;padding:8px 12px;font-size:12px;font-weight:700}.cc-shell button:not(.cc-menu button):hover{background:#dcefe9}.cc-batch{background:#f8fbfb;border-top:1px solid #e6edef;align-items:center;gap:12px;padding:14px 22px;display:flex}.cc-batch label{align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.cc-batch select{min-width:230px}.cc-scroll{overflow-x:auto}.cc-shell table{border-collapse:collapse;width:100%;min-width:920px}.cc-shell th{text-align:left;color:#697d8d;background:#f5f8f9;padding:12px;font-size:11px}.cc-shell td{border-top:1px solid #edf1f3;padding:11px 12px;font-size:12px}.cc-shell td input,.cc-shell td select{min-width:185px}.cc-money{white-space:nowrap;font-weight:700}.cc-empty{text-align:center;padding:48px 24px}.cc-empty strong{font-size:17px;display:block}.cc-empty p{color:#718193;max-width:650px;margin:9px auto 18px;font-size:13px;line-height:1.6}.cc-import{padding:24px}.cc-import>p{color:#607286;max-width:900px;font-size:13px;line-height:1.7}.cc-file{color:#126d62;background:#f4faf8;border:1px dashed #7ab7aa;border-radius:9px;align-items:center;gap:12px;margin:12px 0;padding:12px;font-size:12px;font-weight:700;display:inline-flex}.cc-file input{background:0 0;border:0;max-width:270px;padding:0}.cc-map{grid-template-columns:repeat(3,1fr);gap:12px;margin:13px 0 18px;display:grid}.cc-map label,.cc-modal label{gap:6px;font-size:12px;font-weight:700;display:grid}.cc-raw{border-top:1px solid #e3ecee;margin-top:20px;padding-top:15px}.cc-raw pre{background:#f5f8f9;border-radius:7px;padding:14px;font-size:11px;overflow-x:auto}.cc-preview,.cc-issues{background:#f6faf9;border:1px solid #d3e7e2;border-radius:9px;margin-top:20px;padding:16px;font-size:13px}.cc-issues{background:#fffaf4;border-color:#ead9c4}.cc-issues ul{margin:0;padding-left:20px}.cc-overlay{z-index:100;background:#101d30a8;place-items:center;padding:15px;display:grid;position:fixed;inset:0}.cc-modal{background:#fff;border-radius:14px;gap:16px;width:min(560px,100%);max-height:calc(100vh - 30px);padding:24px;display:grid;overflow:auto}.cc-modal-head{justify-content:space-between;align-items:flex-start;display:flex}.cc-modal-head small{color:#168072;letter-spacing:.12em}.cc-modal-head h2{margin:5px 0 0}.cc-modal-head button{font-size:20px!important}.cc-modal p{background:#f2f6f6;border-radius:8px;margin:0;padding:11px;font-size:12px}.cc-modal textarea{resize:vertical}.cc-modal>small{color:#788797;font-size:11px}.cc-modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:900px){.cc-header,.cc-notice,.cc-menu,.cc-shell main{margin-left:14px;margin-right:14px}.cc-header{align-items:flex-start;padding:25px}.cc-identity{min-width:320px}.cc-menu{overflow-x:auto}.cc-menu>div{flex:none}.cc-stats{grid-template-columns:repeat(2,1fr)}.cc-panel-head{flex-direction:column;align-items:stretch}.cc-panel-head input{min-width:0}.cc-map{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.cc-header{flex-direction:column}.cc-identity{width:100%;min-width:0}.cc-identity label{flex-direction:column;align-items:stretch}.cc-identity select{min-width:0}.cc-menu>div{flex-direction:column;align-items:stretch}.cc-menu>div>span{padding:2px 5px}.cc-menu button{white-space:nowrap}.cc-batch,.cc-batch label{flex-direction:column;align-items:flex-start}.cc-batch select{width:100%;min-width:0}.cc-map{grid-template-columns:1fr}.cc-stats article{padding:14px}.cc-stats strong{font-size:20px}}
.cc-card-layout{grid-template-columns:minmax(320px,.75fr) minmax(520px,1.25fr);gap:16px;display:grid}.cc-card-form form{gap:13px;padding:0 22px 22px;display:grid}.cc-card-form label{color:#344c61;gap:6px;font-size:12px;font-weight:800;display:grid}.cc-card-form small{color:#7a8998;font-size:11px}.cc-card-list{gap:12px;padding:0 22px 22px;display:grid}.cc-card-list>article{background:linear-gradient(135deg,#f7fbfc,#edf5f6);border:1px solid #cddde2;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.cc-card-list>article.terminated{opacity:.65;background:#f3f5f6}.cc-card-list article>div{gap:5px;display:grid}.cc-card-list article small{color:#4f7f7a;letter-spacing:.1em;font-size:10px;font-weight:800}.cc-card-list article strong{font-size:16px}.cc-card-list article span{color:#5f7182;font-family:ui-monospace,Consolas,monospace}.cc-card-list article b{color:#176f66;text-align:right;font-size:12px}.cc-request-list{border-top:1px solid #e1e8ea;padding:19px 22px 22px}.cc-request-list h3{margin:0 0 12px}.cc-request-list>article{border-top:1px solid #edf1f3;gap:12px;padding:13px 0;display:flex}.cc-request-list>article:first-of-type{border-top:0}.cc-request-list strong{font-size:12px}.cc-request-list p{color:#607286;margin:5px 0;font-size:12px}.cc-request-list small{color:#a04d3f}.cc-status{color:#795900;background:#fff1c9;border-radius:14px;flex:none;align-self:flex-start;padding:5px 8px;font-size:10px;font-weight:900}.cc-status.approved{color:#176f66;background:#dff3eb}.cc-status.rejected{color:#9a392f;background:#fbe5e2}.cc-muted{color:#768697;font-size:12px}.cc-match-status{color:#718193;margin-top:5px;font-size:10px;display:block}.cc-header-row{align-items:center;gap:10px;font-size:12px;font-weight:700;display:inline-flex}.cc-approval-list{gap:12px;padding:0 22px 22px;display:grid}.cc-approval-list>article{background:#fbfcfc;border:1px solid #dce5e8;border-radius:11px;justify-content:space-between;align-items:center;gap:20px;padding:17px;display:flex}.cc-approval-list article>div:first-child>span{color:#177268;letter-spacing:.08em;font-size:10px;font-weight:900}.cc-approval-list h3{margin:6px 0;font-size:15px}.cc-approval-list p{color:#4d6274;margin:0 0 5px;font-size:12px}.cc-approval-list small{color:#7d8a97}.cc-approval-list article>div:last-child{gap:8px;display:flex}.cc-approval-list button.primary{color:#fff;background:#176f66}@media (max-width:900px){.cc-card-layout{grid-template-columns:1fr}}@media (max-width:600px){.cc-card-list>article,.cc-approval-list>article{flex-direction:column;align-items:stretch}.cc-card-list article b{text-align:left}.cc-approval-list article>div:last-child{justify-content:flex-end}}
.cc-card-overview{margin-bottom:16px}.cc-card-overview>.cc-panel-head>strong{white-space:nowrap;color:#176f66;font-size:13px}.cc-card-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:10px;padding:0 22px 22px;display:grid}.cc-card-grid button{text-align:left;grid-template-columns:1fr auto;gap:5px;color:#17273b!important;background:#fff!important;border:1px solid #dbe7e5!important;padding:13px!important;display:grid!important}.cc-card-grid button.selected{background:#edf8f5!important;border-color:#176f66!important}.cc-card-grid button span,.cc-card-grid button small{color:#708195;grid-column:1/3;font-size:11px}.cc-card-grid button strong{overflow-wrap:anywhere;grid-column:1/3;font-size:13px}.cc-card-grid button b{color:#176f66;grid-area:1/2;font-size:11px}.cc-card-tile{align-content:start;gap:7px;display:grid}.cc-card-tile>button{width:100%}.cc-card-tile>label{color:#637689;gap:4px;font-size:11px;font-weight:700;display:grid}.cc-card-tile select{color:#17273b;background:#fff;border:1px solid #dbe7e5;border-radius:6px;width:100%;min-height:34px}.cc-bank-card-name{color:#9a5b22;font-size:11px;font-weight:700}.cc-receipt-link{color:#176f66;margin-left:8px;font-size:12px;font-weight:700;display:inline-block}.cc-ledger-filters{border-top:1px solid #e6edef;flex-wrap:wrap;align-items:end;gap:12px;padding:14px 22px;display:flex}.cc-ledger-filters label{color:#637689;gap:6px;font-size:11px;font-weight:700;display:grid}.cc-ledger-filters select{min-width:180px}.cc-ledger-filters input{flex:1;min-width:220px}.cc-ledger-panel table{min-width:1420px}.cc-ledger-panel td:nth-child(2){min-width:180px}.cc-ledger-panel td:nth-child(4){white-space:nowrap;font-weight:700}.cc-ledger-panel td:nth-child(9){min-width:210px}@media (max-width:600px){.cc-card-grid{grid-template-columns:1fr 1fr;padding:0 14px 14px}.cc-ledger-filters{padding:12px 14px}.cc-ledger-filters label,.cc-ledger-filters input{width:100%}}