: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-logo{object-fit:contain;background:#fff;border-radius:8px;flex:none;width:36px;height:36px;display:block}.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{min-width:0}.topbar-breadcrumb{min-width:0;color:var(--app-muted);align-items:center;gap:7px;margin-top:5px;font-size:1.02rem;line-height:1.25;display:flex}.breadcrumb-item{min-width:0;color:color-mix(in srgb, var(--app-text) 72%, var(--app-muted));text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.breadcrumb-item:first-child{color:var(--app-accent)}.breadcrumb-item.is-current{color:var(--app-text);font-weight:760}.breadcrumb-separator{width:14px;height:14px;color:color-mix(in srgb, var(--app-muted) 66%, transparent);flex:none;font-size:13px}.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{gap:3px;display:grid}.user-copy small{color:var(--app-muted);line-height:1.25}.user-name-line{align-items:center;gap:6px;line-height:1.2;display:inline-flex}.user-sex-icon{flex:none;width:15px;height:15px;font-size:15px;line-height:1;transform:translateY(1px)}.user-sex-icon.is-male{color:#2d8cff}.user-sex-icon.is-female{color:#e85d9e}.user-dropdown-menu{min-width:210px}.user-dropdown-menu .el-dropdown-menu__item.is-disabled{cursor:default;opacity:1}.user-dropdown-profile{align-items:start;gap:5px;padding:2px 0;display:grid}.user-dropdown-profile strong{color:var(--app-text);font-size:.95rem}.user-dropdown-profile span{color:var(--app-muted);font-size:.82rem}.dashboard-content{flex:auto;width:100%;min-width:0;padding:24px}.project-template-page{flex-direction:column;gap:18px;display:flex}.project-template-header{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;display:flex}.project-template-header span{color:var(--app-muted);font-size:.86rem;display:block}.project-template-header h1{margin:5px 0 0;font-size:1.48rem}.project-template-header p{max-width:720px;color:var(--app-muted);margin:10px 0 0;line-height:1.7}.project-template-header>.el-icon{background:color-mix(in srgb, var(--app-accent) 12%, transparent);width:52px;height:52px;color:var(--app-accent);border-radius:8px;flex:none;font-size:25px}.project-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.project-metric-grid article,.project-template-workbench article{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;padding:18px}.project-metric-grid span,.project-template-workbench span{color:var(--app-muted);font-size:.9rem;display:block}.project-metric-grid strong{margin-top:10px;font-size:1.65rem;display:block}.project-metric-grid small{color:var(--app-muted);margin-top:8px;display:block}.project-template-table{border-radius:8px;width:100%}.project-template-workbench{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project-template-workbench strong{margin-bottom:8px;font-size:1rem;display:block}.charge-detail-page{flex-direction:column;gap:16px;display:flex}.charge-detail-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.charge-detail-toolbar .el-input{width:min(460px,100%)}.charge-detail-toolbar .el-select{width:150px}.charge-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:220px;display:grid}.charge-detail-grid .el-empty{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;grid-column:1/-1;min-height:220px}.charge-detail-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.charge-detail-card-head,.charge-detail-card-foot{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.charge-detail-card-head span{color:var(--app-muted);font-size:.85rem;display:block}.charge-detail-card-head strong{color:var(--app-text);margin-top:5px;font-size:1.55rem;line-height:1.1;display:block}.charge-detail-more-button{width:32px;height:32px;color:var(--app-muted);flex:none}.charge-detail-more-button:hover{color:var(--app-accent);background:color-mix(in srgb, var(--app-accent) 10%, transparent)}.charge-detail-company{background:color-mix(in srgb, var(--app-accent) 9%, transparent);border-radius:8px;gap:8px;padding:12px 14px;display:grid}.charge-detail-company-row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:10px;display:grid}.charge-detail-company span{color:var(--app-muted);font-size:.78rem}.charge-detail-company strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.charge-detail-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;margin:0;display:grid}.charge-detail-list div{min-width:0}.charge-detail-list dt{color:var(--app-muted);font-size:.78rem}.charge-detail-list dd{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.92rem;overflow:hidden}.charge-detail-card-foot{flex-wrap:wrap;justify-content:flex-start;padding-top:2px}.charge-detail-pagination{justify-content:flex-end;display:flex;overflow-x:auto}.charge-detail-remark-tooltip{white-space:pre-wrap;word-break:break-word;max-width:360px}.charge-remark-dialog-actions{justify-content:flex-end;gap:10px;display:flex}.charge-invoice-groups{gap:14px;display:grid}.charge-invoice-group{border:1px solid var(--app-border);background:color-mix(in srgb, var(--app-bg) 48%, transparent);border-radius:8px;gap:10px;padding:14px;display:grid}.charge-invoice-group h3{color:var(--app-text);margin:0;font-size:.96rem;font-weight:760}.charge-invoice-detail{gap:10px;margin:0;display:grid}.charge-invoice-detail>div{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:14px;padding:4px 0;display:grid}.charge-invoice-detail dt{color:var(--app-muted);font-size:.82rem}.charge-invoice-detail dd{min-width:0;color:var(--app-text);overflow-wrap:anywhere;margin:0;font-weight:650}.charge-invoice-file{justify-items:start;gap:8px;display:grid}.charge-invoice-file-url{color:var(--app-muted);overflow-wrap:anywhere;font-size:.82rem;font-weight:500;line-height:1.5;text-decoration:none}.charge-invoice-file-url:hover{color:var(--app-accent);text-decoration:underline}.charge-invoice-file-empty{color:var(--app-muted);font-size:.86rem;font-weight:500}.charge-invoice-file-input{display:none}.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}.finance-monitor-card{border:1px solid color-mix(in srgb, var(--app-accent) 24%, var(--app-border));background:linear-gradient(135deg, color-mix(in srgb, var(--app-accent) 9%, transparent), transparent 42%), var(--app-surface);border-radius:8px;overflow:hidden}.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}.finance-monitor-action{background:color-mix(in srgb, var(--app-bg) 38%, var(--app-surface));width:100%;min-height:132px;color:inherit;cursor:pointer;font:inherit;text-align:left;border:0;border-radius:8px;grid-template-columns:54px minmax(0,1fr) auto 22px;align-items:center;gap:16px;padding:22px;transition:background .18s,box-shadow .18s,transform .18s;display:grid}.finance-monitor-action:hover{background:color-mix(in srgb, var(--app-accent) 8%, var(--app-surface));transform:translateY(-1px);box-shadow:0 14px 32px #0f172a14}.finance-monitor-icon{background:color-mix(in srgb, var(--app-accent) 14%, transparent);width:54px;height:54px;color:var(--app-accent);border-radius:8px;place-items:center;font-size:24px;display:grid}.finance-monitor-copy{min-width:0}.finance-monitor-copy small{color:var(--app-muted);font-size:.84rem;display:block}.finance-monitor-copy strong{color:var(--app-text);margin-top:6px;font-size:1.12rem;display:block}.finance-monitor-value{color:var(--app-accent);font-size:2.6rem;font-weight:820;line-height:1}.finance-monitor-arrow{color:var(--app-muted);font-size:18px}.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-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;min-height:220px;display:grid}.employee-card-grid .el-empty{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;grid-column:1/-1;min-height:220px}.employee-card{border:1px solid var(--app-border);background:var(--app-surface);border-radius:8px;flex-direction:column;gap:14px;min-width:0;padding:18px;display:flex}.employee-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.employee-card-title{min-width:0}.employee-card-title span,.employee-card-title small{color:var(--app-muted);font-size:.82rem;display:block}.employee-card-title strong{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;margin:5px 0 3px;font-size:1.16rem;line-height:1.25;display:block;overflow:hidden}.employee-card-tags{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.employee-more-button{width:32px;height:32px;color:var(--app-muted);flex:none}.employee-more-button:hover{color:var(--app-accent);background:color-mix(in srgb, var(--app-accent) 10%, transparent)}.employee-card-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;margin:0;display:grid}.employee-card-fields div{min-width:0}.employee-card-fields dt{color:var(--app-muted);font-size:.78rem}.employee-card-fields dd{color:var(--app-text);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:.92rem;font-weight:650;overflow:hidden}.employee-card-foot{border-top:1px solid var(--app-border);justify-content:space-between;align-items:center;gap:12px;padding-top:12px;display:flex}.employee-card-foot span{color:var(--app-muted);flex:none;font-size:.82rem}.employee-card-foot strong{min-width:0;color:var(--app-text);text-align:right;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;overflow:hidden}.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,.project-metric-grid,.charge-detail-grid,.project-template-workbench{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}.topbar-breadcrumb{text-overflow:ellipsis;white-space:nowrap;gap:4px;max-width:190px;font-size:.92rem;overflow:hidden}.breadcrumb-item{flex:0 auto}.breadcrumb-item:not(.is-current):not(:first-child),.breadcrumb-separator:not(:first-of-type),.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}.finance-monitor-action{grid-template-columns:46px minmax(0,1fr) auto;padding:18px}.finance-monitor-icon{width:46px;height:46px;font-size:21px}.finance-monitor-value{font-size:2.1rem}.finance-monitor-arrow{display:none}.project-template-header{align-items:flex-start;padding:18px}.project-template-header>.el-icon{display:none}.charge-detail-toolbar{flex-direction:column;align-items:stretch}.charge-detail-toolbar .el-input,.charge-detail-toolbar .el-select,.charge-detail-toolbar .el-button{width:100%}.charge-detail-list{grid-template-columns:1fr}.charge-detail-pagination{justify-content:flex-start}.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-card-fields,.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}}