:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#263440;background:#f2f7f9;font-size:14px;--blue:#0076d8;--line:#e1e5e8}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button,a{cursor:pointer}button{background:white;color:var(--blue);border:1px solid var(--blue);border-radius:22px;padding:9px 17px;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}button:hover{background:#eef7ff}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--blue);color:white}.primary:hover{background:#0062b5}.secondary{border-color:#68717a;color:#56606a}.danger{color:#e14761;border-color:#e14761}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.small-icon .icon{width:15px;height:15px}input,select,textarea{border:1px solid #e3e5e7;border-radius:8px;background:white;padding:10px 12px;color:#35424c;max-width:100%}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:2px solid #0076d814}input::placeholder{color:#a0a4a8}input[type=checkbox]{accent-color:var(--blue)}.topbar{height:72px;background:white;border-bottom:1px solid #edf0f2;display:flex;align-items:center;padding:0 32px;gap:12px;position:fixed;inset:0 0 auto;z-index:10}.fold{border:1px solid #e5e8eb;border-radius:3px;color:#34414c;padding:8px}.brand{font-size:16px;font-weight:700;border:0;color:#263440;padding:0;background:none}.brand>span{color:#006aaf}.brand .icon{color:var(--blue);width:26px;height:26px;margin-right:6px}.profile{margin-left:auto;border:0;color:#263440;padding:0;gap:10px}.avatar{border-radius:50%;background:#f2f6f9;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;color:#82929e}.avatar .icon{width:14px;height:14px}.dropdown{position:fixed;right:32px;top:65px;width:178px;padding:7px 0;background:white;border:1px solid var(--line);box-shadow:0 8px 16px #26344022;z-index:20;border-radius:3px}.dropdown button{border:0;border-radius:0;display:flex;justify-content:flex-start;width:100%;color:#35424c;padding:10px 14px}.sidebar{position:fixed;top:72px;bottom:0;width:240px;background:white;border-right:1px solid var(--line);padding:20px 16px;transition:width .2s;z-index:9}.section-label{color:#96a4b0;font-size:12px;margin:8px 4px 12px;font-weight:bold}.nav-button{width:100%;border:0;border-radius:6px;color:#60717f;justify-content:flex-start;padding:12px 12px;margin-bottom:4px;gap:14px}.nav-button.active{color:#0076d8;background:#f0f8fe}.sidebar .section-label:not(:first-child){margin-top:12px}.edge-fold{position:absolute;right:-11px;top:46%;border:1px solid #eef0f2;border-radius:50%;padding:2px;background:white;color:#9faab3;width:22px;height:22px}.workspace{margin:72px 0 0 240px;min-height:calc(100vh - 72px);transition:margin .2s}.collapsed .sidebar{width:68px;padding:20px 10px}.collapsed .nav-label,.collapsed .section-label{display:none}.collapsed .nav-button{padding:12px}.collapsed .workspace{margin-left:68px}.tabs{height:46px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:end;gap:4px;padding:8px 8px 0;overflow-x:auto}.tab{background:#f5f8fa;border:1px solid #e9edef;border-bottom:0;border-radius:6px 6px 0 0;padding:7px 12px;color:#748798;display:flex;gap:8px;cursor:pointer;white-space:nowrap}.tab.active{color:#1684c2}.tab button{border:0;background:transparent;color:#8ab2c8;padding:0;font-size:16px}.content{padding:24px;min-height:calc(100vh - 118px)}.panel{background:white;border:1px solid #e8edef;border-radius:22px;padding:24px;box-shadow:0 3px 10px #26344003}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.panel-head h2{font-size:21px;margin:0;display:flex;align-items:center;gap:9px;color:#263440}.panel-head h2 .icon{color:#0577b6}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filters{display:flex;gap:8px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.filters input{width:240px;height:37px}.filters select{height:37px;min-width:130px;padding:7px 12px}.filters button{height:37px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:center;white-space:nowrap;font-size:14px}th,td{border:1px solid #e0e3e5;padding:13px 14px;font-weight:400;height:46px}th{background:#f6f9fb;color:#525d67;font-size:12px;height:41px}td{color:#44515c}td .row-actions{display:flex;gap:8px;align-items:center;justify-content:center}.circle{border-radius:50%;padding:2px;width:22px;height:22px}.circle .icon{width:14px;height:14px}.pagination{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 0 16px;color:#485760}.page-buttons{display:flex;align-items:center;gap:8px}.page-buttons button{padding:5px 10px}.empty{padding:40px;color:#93a0aa}.switch{width:44px;height:24px;border:0;background:#cdd5db;padding:3px;display:inline-flex;justify-content:flex-start;vertical-align:middle}.switch:after{content:'';height:18px;width:18px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002}.switch.on{background:#0076d8;justify-content:flex-end}.switch:hover{background:#afbdc8}.switch.on:hover{background:#0067b8}.balance-input{width:100px;padding:6px}.welcome-wrap{display:flex;min-height:calc(100vh - 120px);align-items:center;justify-content:center}.welcome{width:234px;min-height:300px;background:white;border-radius:26px;text-align:center;padding:54px 20px 36px;box-shadow:0 12px 30px #36495706}.welcome>.icon{width:45px;height:45px;color:var(--blue);stroke-width:2.3}.welcome h2{font-size:20px;margin:10px 0 18px}.date{font-size:18px;color:#5d6d78}.weekday{font-size:14px;margin:8px;color:#6d7e89}.clock{font-size:36px;letter-spacing:.5px;font-weight:bold;color:#0a1725}.center-stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px}.entry-card{background:white;width:398px;padding:56px 45px;border-radius:28px;box-shadow:0 15px 40px #24374409}.entry-card h1{font-size:28px;margin:0 0 10px;display:flex;align-items:center;gap:6px;white-space:nowrap}.entry-card h1 .icon{width:40px;height:40px;color:var(--blue)}.muted{color:#84919b;font-size:13px;line-height:1.8}.entry-card .wide{width:100%;font-size:18px;font-weight:bold;border-radius:30px;min-height:53px;margin-top:30px;box-shadow:0 6px 15px #0076d82a}.green{background:#00bc89;border-color:#00bc89;color:white}.green:hover{background:#00a87b}.entry-card label,.password-card label{display:flex;flex-direction:column;gap:10px;margin-top:26px;font-weight:600}.entry-card input,.password-card input{padding:15px 16px;border-radius:14px;font-weight:400}.password-card{width:370px;background:white;margin:-24px auto;padding:20px 45px 45px;min-height:520px;box-shadow:0 10px 35px #2634400a}.password-card h1{font-size:28px;margin:0 0 56px;white-space:nowrap;display:flex;align-items:center;gap:6px}.password-card h1 .icon{width:40px;height:40px;color:var(--blue)}.password-card label{margin-bottom:30px}.password-card button{width:100%;padding:14px;font-size:17px;font-weight:bold;box-shadow:0 6px 15px #0076d82a}.password-card .muted{margin-top:12px}.simple{padding:28px 20px;background:white;min-height:100vh}.simple>.actions{margin-bottom:10px}.simple table th{background:#00ddcb;color:white}.simple table th,.simple table td{border-color:#888}.simple td{height:76px;font-size:12px}.simple .switch{transform:scale(.9)}.simple input{width:100px}.simple button{border-radius:3px}.simple .filters{margin-top:16px}.notice{background:#f2f8fc;border:1px solid #e1edf5;color:#617b8b;border-radius:8px;padding:10px 14px;line-height:1.7;margin:18px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.settings-grid h3{margin-top:0}.settings-grid p{line-height:1.8}.settings-grid code{overflow-wrap:anywhere;white-space:normal}.log-table{font-size:12px}.form-error{color:#d53c55;min-height:20px;margin:12px 0;font-size:13px;line-height:1.6}.success-text{color:#00a077}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 24px;color:white;background:#263b4c;border-radius:8px;box-shadow:0 5px 20px #0002;z-index:100;display:none;max-width:90vw}dialog{width:570px;max-width:calc(100vw - 32px);max-height:90vh;overflow:auto;border:1px solid #e2e7eb;border-radius:14px;padding:0;color:#33434e;box-shadow:0 18px 70px #0003}dialog::backdrop{background:#15253866}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.modal-head h2{font-size:19px;margin:0}.modal-head button{padding:0;border:0;font-size:23px;color:#81909b}.modal-body{padding:20px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{display:flex;flex-direction:column;gap:8px}.full{grid-column:1/-1}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--line)}.detail-list{display:grid;grid-template-columns:90px 1fr;gap:16px}.detail-list dd{margin:0;overflow-wrap:anywhere}.detail-list dt{color:#84929d}.mobile-title{display:none}.login-hint{margin-top:20px;border-top:1px solid #edf0f2;padding-top:14px}.role-note{font-size:11px;color:#94a5b0;margin-left:5px}a{color:var(--blue)}@media(min-width:1500px){.content{padding:28px}}@media(max-width:800px){.sidebar{width:68px;padding:20px 10px}.nav-label,.section-label{display:none}.nav-button{padding:12px}.workspace{margin-left:68px}.topbar{padding:0 18px}.content{padding:16px}.panel{padding:18px;border-radius:16px}.panel-head{margin-bottom:24px}.settings-grid{grid-template-columns:1fr}.panel-head h2{font-size:18px}.password-card{margin:-16px auto}.pagination{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:480px){.entry-card{padding:36px 24px}.panel-head{align-items:flex-start}.actions{gap:5px}.actions button{padding:8px 12px}.sidebar{width:52px;padding:20px 3px}.workspace,.collapsed .workspace{margin-left:52px}.collapsed .sidebar{width:52px;padding:20px 3px}.password-card{width:100%;padding:20px}.brand{font-size:14px}.content{padding:10px}.filters input{width:100%}.welcome{width:225px}.form-grid{gap:14px}}
