:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#f4f7fb;--app-surface:#fff;--app-sidebar:#102030;--app-sidebar-soft:#183248;--app-text:#172033;--app-muted:#697386;--app-border:#dde5ef;--app-accent:#1f8a70;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#111820;--app-surface:#17212b;--app-sidebar:#0b1118;--app-sidebar-soft:#13202b;--app-text:#edf2f7;--app-muted:#a4b1c2;--app-border:#2b3a48;--app-accent:#36b39b}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--app-text);background:var(--app-bg);margin:0}button,input{font:inherit}#app{min-height:100vh}.login-page{background:#edf5ff;grid-template-columns:minmax(0,1.35fr) minmax(420px,.85fr);min-height:100vh;display:grid;overflow:hidden}.login-visual{color:#fff;background:linear-gradient(115deg,#0652baf5,#3097f4b8 56%,#8dd8ffb3),radial-gradient(circle at 18% 22%,#6be2ff59,#0000 25%),#0a66d6;align-items:flex-start;min-height:100vh;padding:clamp(30px,5vw,76px);display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";background:#edf5ff;border-radius:52% 0 0;width:56vw;height:56vh;position:absolute;bottom:-16vh;right:-14vw}.login-grid{opacity:.6;transform-origin:bottom;background-image:linear-gradient(#93d5ff6b 1px,#0000 1px),linear-gradient(90deg,#93d5ff6b 1px,#0000 1px);background-size:46px 46px;height:35vh;position:absolute;inset:auto 0 0;transform:perspective(480px)rotateX(62deg)}.login-data-lines{pointer-events:none;height:48%;position:absolute;inset:17% 12% auto 18%}.login-data-lines span{background:linear-gradient(#b8ecffe6,#b8ecff14);width:1px;height:clamp(70px,12vw,150px);position:absolute}.login-data-lines span:before{content:"";background:#9cf8ff;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:-4px;box-shadow:0 0 18px #9cf8ff}.login-data-lines span:after{content:"";background:#b8ecffbf;width:74px;height:1px;position:absolute;top:28px;left:0}.login-data-lines span:first-child{top:32%;left:6%}.login-data-lines span:nth-child(2){height:190px;top:10%;left:28%}.login-data-lines span:nth-child(3){top:22%;left:54%}.login-data-lines span:nth-child(4){height:120px;top:5%;left:76%}.login-skyline{z-index:1;align-items:flex-end;gap:clamp(12px,2vw,28px);display:flex;position:absolute;bottom:10vh;left:10%;right:7%}.login-skyline span{background:repeating-linear-gradient(90deg,#dff4ffcc 0 2px,#0000 2px 20px),repeating-linear-gradient(#dff4ffa8 0 2px,#0000 2px 24px),linear-gradient(#1572dbc7,#0046a49e);border:1px solid #b2e4ffc7;border-bottom:0;flex:1 1 0;min-width:86px;display:block;box-shadow:inset 0 0 24px #a6e2ff3d,0 20px 40px #02307647}.login-skyline span:first-child{height:clamp(160px,24vw,340px)}.login-skyline span:nth-child(2){height:clamp(210px,32vw,430px)}.login-skyline span:nth-child(3){height:clamp(135px,20vw,280px)}.login-skyline span:nth-child(4){height:clamp(180px,27vw,360px)}.visual-panel{z-index:2;max-width:560px;position:relative}.visual-panel span,.login-title span,.page-heading span{color:var(--app-muted);font-size:.9rem;display:block}.visual-panel span{color:#ffffffc2}.visual-panel strong{margin-top:10px;font-size:clamp(2.4rem,5vw,5rem);line-height:1;display:block}.visual-panel p{color:#ffffffd1;max-width:420px;margin:20px 0 0;font-size:1.05rem;line-height:1.7}.login-form-wrap{z-index:2;background:linear-gradient(145deg,#fffffffa,#edf5ffeb),#edf5ff;place-items:center;padding:clamp(22px,4vw,54px);display:grid;position:relative}.login-card{background:#fffffff0;border:1px solid #c5d3e8cc;border-radius:8px;width:min(100%,460px);box-shadow:0 24px 70px #173f6f29}.login-card .el-card__body{padding:clamp(28px,4vw,48px)}.login-logo{object-fit:contain;width:82px;height:82px;margin:0 auto 26px;display:block}.login-title{text-align:center;margin-bottom:30px}.login-title strong{margin-top:6px;font-size:1.65rem;display:block}.login-button{background:linear-gradient(90deg,#1967e8,#2d8cff);border:0;width:100%;height:48px;margin-top:6px;box-shadow:0 14px 26px #2377ee40}.captcha-row{grid-template-columns:minmax(0,1fr) 140px;gap:10px;width:100%;display:grid}.captcha-image-button{color:#2d70d7;cursor:pointer;background:#f6f9fd;border:1px solid #d9e3f1;border-radius:8px;place-items:center;height:48px;transition:border-color .2s,box-shadow .2s;display:grid;overflow:hidden}.captcha-image-button:hover{border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff1f}.captcha-image-button:disabled{cursor:wait;opacity:.72}.captcha-image-button img{object-fit:cover;width:140px;height:48px;display:block}.dashboard-shell{background:var(--app-bg);min-height:100vh;display:flex}.app-sidebar{color:#fff;background:var(--app-sidebar);flex:0 0 248px;width:248px;min-height:100vh;transition:width .2s}.app-sidebar.is-collapsed{flex-basis:72px;width:72px}.mobile-menu-drawer{--el-drawer-padding-primary:0}.mobile-menu-drawer .el-drawer__body{background:var(--app-sidebar);padding:0}.mobile-menu-drawer .app-sidebar{width:100%;min-height:100%}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;height:72px;padding:0 18px;display:flex}.brand-mark{background:var(--app-accent);color:#fff;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.brand-copy strong,.brand-copy span{display:block}.brand-copy span{color:#ffffff9e;margin-top:2px;font-size:.82rem}.sidebar-menu{border-right:0}.sidebar-menu .el-menu-item,.sidebar-menu .el-sub-menu__title{color:#ffffffc7}.sidebar-menu .el-menu-item.is-active{color:#fff;background:var(--app-sidebar-soft)}.dashboard-main{flex-direction:column;flex:auto;width:0;min-width:0;display:flex}.dashboard-topbar{border-bottom:1px solid var(--app-border);background:color-mix(in srgb, var(--app-surface) 94%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex:0 0 72px;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 24px;display:flex}.topbar-left,.topbar-actions,.user-menu{align-items:center;display:flex}.topbar-left{gap:14px}.page-heading strong{margin-top:2px;font-size:1.1rem;display:block}.topbar-actions{gap:14px}.user-menu{color:var(--app-text);cursor:pointer;background:0 0;border:0;gap:10px;padding:0}.user-copy strong,.user-copy small{text-align:left;display:block}.user-copy small{color:var(--app-muted)}.dashboard-content{flex:auto;width:100%;min-width:0;padding:24px}.monitor-page{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.collection-monitor-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px}.collection-monitor-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.collection-monitor-header h1{margin:4px 0 0;font-size:1.45rem}.monitor-eyebrow{color:var(--app-muted);font-size:.82rem}.collection-monitor-body{min-height:230px}.collection-monitor-empty{min-height:220px;color:var(--app-muted);text-align:center;align-content:center;place-items:center;gap:8px;display:grid}.collection-monitor-empty .el-icon{background:color-mix(in srgb, var(--app-accent) 12%, transparent);width:42px;height:42px;color:var(--app-accent);border-radius:50%;font-size:20px}.collection-monitor-empty strong{color:var(--app-text)}.collection-monitor-list{gap:12px;display:grid}.collection-monitor-item{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-bg) 42%, var(--app-surface));border-radius:8px;grid-template-columns:minmax(0,1fr) 88px;align-items:center;gap:16px;padding:16px;display:grid}.collection-monitor-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.collection-monitor-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.collection-monitor-meta{color:var(--app-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:.88rem;display:flex}.collection-monitor-meta span{align-items:center;gap:5px;display:inline-flex}.collection-monitor-countdown{background:color-mix(in srgb, var(--app-accent) 14%, transparent);width:78px;height:78px;color:var(--app-accent);border-radius:8px;align-content:center;place-items:center;display:grid}.collection-monitor-countdown strong{font-size:1.85rem;line-height:1}.collection-monitor-countdown span{margin-top:4px;font-size:.82rem}.collection-monitor-countdown.is-warning{color:#b7791f;background:#e6a23c24}.collection-monitor-countdown.is-danger{color:#c24141;background:#f56c6c24}.employee-page{flex-direction:column;gap:16px;display:flex}.employee-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-filters{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;display:flex}.employee-filters .el-input{width:min(360px,100%)}.employee-filters .el-select{width:140px}.employee-table{border-radius:8px;width:100%}.employee-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.employee-actions .el-button{margin-left:0}.employee-pagination{justify-content:flex-end;display:flex;overflow-x:auto}.employee-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.employee-form .el-form-item:last-child{grid-column:1/-1}.employee-form .el-date-editor,.employee-form .el-input-number,.employee-form .el-select{width:100%}.employee-dialog-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.employee-footer-actions{align-items:center;gap:12px;display:flex}.employee-footer-actions .el-button{margin-left:0}.invoice-page{flex-direction:column;gap:16px;display:flex}.invoice-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.invoice-filters{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;display:flex}.invoice-filters .el-input{width:min(360px,100%)}.invoice-filters .el-date-editor{width:150px}.invoice-table{border-radius:8px;width:100%}.invoice-pagination{justify-content:flex-end;display:flex;overflow-x:auto}.invoice-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.invoice-form .el-date-editor,.invoice-form .el-input-number{width:100%}.invoice-dialog-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.invoice-footer-actions{align-items:center;gap:12px;display:flex}.invoice-footer-actions .el-button{margin-left:0}.collection-fee-page{flex-direction:column;gap:16px;display:flex}.collection-fee-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.collection-fee-filters{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;display:flex}.collection-fee-filters .el-input{width:min(360px,100%)}.collection-fee-filters .el-date-editor{width:150px}.collection-fee-table{border-radius:8px;width:100%}.collection-fee-pagination{justify-content:flex-end;display:flex;overflow-x:auto}.collection-fee-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.collection-fee-form .el-form-item:last-child{grid-column:1/-1}.collection-fee-form .el-date-editor,.collection-fee-form .el-input-number,.collection-fee-form .el-select{width:100%}.collection-fee-dialog-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.collection-fee-footer-actions{align-items:center;gap:12px;display:flex}.collection-fee-footer-actions .el-button{margin-left:0}.site-page{flex-direction:column;gap:16px;display:flex}.site-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.site-filters{flex-wrap:wrap;flex:auto;align-items:center;gap:10px;display:flex}.site-filters .el-input{width:min(360px,100%)}.site-filters .el-select{width:150px}.site-table{border-radius:8px;width:100%}.site-row-action{white-space:nowrap;min-width:56px}.site-row-action span,.site-action-column .cell{text-overflow:clip;white-space:nowrap;overflow:visible}.site-pagination{justify-content:flex-end;display:flex;overflow-x:auto}.site-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.site-form.compact{grid-template-columns:1fr}.site-form .el-form-item:has(.el-textarea){grid-column:1/-1}.site-form .el-input-number,.site-form .el-select{width:100%}.site-dialog-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.site-footer-actions{align-items:center;gap:12px;display:flex}.site-footer-actions .el-button{margin-left:0}.permission-picker{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;width:100%;overflow:hidden}.permission-picker .el-tree{background:0 0;padding:10px 12px}.permission-summary{border-top:1px solid var(--app-border);background:color-mix(in srgb, var(--app-bg) 58%, transparent);flex-wrap:wrap;align-items:center;gap:8px;min-height:42px;padding:8px 12px;display:flex}.permission-summary span{color:var(--app-muted);font-size:.88rem}@media (width<=767px){.login-page{background:linear-gradient(160deg,#0e67e029,#edf5ff33 36%),#edf5ff;min-height:100vh;display:block}.login-visual{align-items:flex-start;min-height:28vh;padding:28px 20px 82px}.login-visual:after{width:88vw;height:38vh;bottom:-20vh;right:-26vw}.login-skyline{opacity:.48;bottom:3vh;left:16%;right:8%}.login-skyline span{min-width:42px}.login-data-lines{display:none}.visual-panel strong{font-size:2.35rem}.visual-panel p{max-width:320px;margin-top:12px;font-size:.92rem}.login-form-wrap{background:0 0;margin-top:-54px;padding:0 16px 20px}.login-card{width:100%}.monitor-page{grid-template-columns:1fr}}@media (width<=640px){.dashboard-shell{display:block}.dashboard-main{flex-basis:auto;width:100%}.brand{height:64px}.sidebar-menu .el-menu-item,.sidebar-menu .el-sub-menu__title{height:48px}.login-form-wrap,.dashboard-content{padding:16px}.login-form-wrap{padding-top:0}.login-card .el-card__body{padding:24px 18px}.login-logo{width:66px;height:66px;margin-bottom:18px}.captcha-row{grid-template-columns:minmax(0,1fr) 118px}.captcha-image-button,.captcha-image-button img{width:118px}.dashboard-topbar{flex-direction:row;flex:0 0 64px;align-items:center;gap:10px;height:64px;min-height:64px;padding:0 14px}.topbar-left{flex:auto;gap:10px;min-width:0}.topbar-actions{flex:none;justify-content:flex-end;gap:10px;width:auto}.topbar-actions .el-divider{display:none}.page-heading{min-width:0}.page-heading span{font-size:.78rem}.page-heading strong{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.98rem;overflow:hidden}.user-copy{display:none}.collection-monitor-header,.collection-monitor-title,.collection-monitor-meta{flex-direction:column;align-items:flex-start}.collection-monitor-item{grid-template-columns:1fr}.collection-monitor-countdown{width:100%;height:auto;min-height:64px}.employee-toolbar,.employee-filters{flex-direction:column;align-items:stretch}.employee-filters .el-input,.employee-filters .el-select,.employee-toolbar>.el-button{width:100%}.employee-pagination{justify-content:flex-start}.employee-form{grid-template-columns:1fr}.employee-dialog{width:calc(100vw - 24px)!important}.employee-dialog-footer{flex-direction:column;align-items:stretch}.employee-footer-actions{justify-content:flex-end}.invoice-toolbar,.invoice-filters{flex-direction:column;align-items:stretch}.invoice-filters .el-input,.invoice-filters .el-date-editor,.invoice-toolbar>.el-button{width:100%}.invoice-pagination{justify-content:flex-start}.invoice-form{grid-template-columns:1fr}.invoice-dialog{width:calc(100vw - 24px)!important}.invoice-dialog-footer{flex-direction:column;align-items:stretch}.invoice-footer-actions{justify-content:flex-end}.collection-fee-toolbar,.collection-fee-filters{flex-direction:column;align-items:stretch}.collection-fee-filters .el-input,.collection-fee-filters .el-date-editor,.collection-fee-toolbar>.el-button{width:100%}.collection-fee-pagination{justify-content:flex-start}.collection-fee-form{grid-template-columns:1fr}.collection-fee-dialog{width:calc(100vw - 24px)!important}.collection-fee-dialog-footer{flex-direction:column;align-items:stretch}.collection-fee-footer-actions{justify-content:flex-end}.site-toolbar,.site-filters{flex-direction:column;align-items:stretch}.site-filters .el-input,.site-filters .el-select,.site-toolbar>.el-button{width:100%}.site-pagination{justify-content:flex-start}.site-form{grid-template-columns:1fr}.site-dialog{width:calc(100vw - 24px)!important}.site-dialog-footer{flex-direction:column;align-items:stretch}.site-footer-actions{justify-content:flex-end}}