:root{--c-primary: #1f4e79;--c-primary-light: #2d6ba3;--c-primary-dark: #163a5a;--c-bg: #f5f6f8;--c-surface: #ffffff;--c-border: #e3e6ea;--c-text: #1f2328;--c-text-2: #5a6169;--c-text-3: #8b939c;--c-ok: #1a8a4b;--c-ok-bg: #e8f5ed;--c-warn: #b7791f;--c-warn-bg: #fdf6e7;--c-danger: #c0392b;--c-danger-bg: #fdeceb;--c-info: #1f6feb;--c-info-bg: #eaf2fd;--radius: 8px;--radius-sm: 5px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .08);--shadow-md: 0 4px 12px rgba(16, 24, 40, .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: "SF Mono", "Cascadia Code", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}.app{display:flex;height:100%;overflow:hidden}.sidebar{width:208px;flex-shrink:0;background:#12263a;color:#c7d2dd;display:flex;flex-direction:column;overflow-y:auto}.sidebar__brand{padding:18px 16px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar__brand h1{margin:0;font-size:16px;font-weight:600;color:#fff;letter-spacing:.3px}.sidebar__brand p{margin:3px 0 0;font-size:11px;color:#7f93a8}.sidebar__nav{padding:8px 8px 20px;flex:1}.sidebar__group{margin-top:14px;padding:0 8px 6px;font-size:10px;letter-spacing:1px;color:#5d7288;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--radius-sm);font-size:13.5px;color:#c7d2dd;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;transition:background .12s}.nav-item:hover{background:#ffffff0f}.nav-item--active{background:var(--c-primary);color:#fff;font-weight:500}.nav-item__icon{width:18px;text-align:center;font-size:15px;opacity:.9}.main{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:52px;flex-shrink:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;padding:0 20px;gap:14px}.topbar__title{font-size:15px;font-weight:600}.topbar__spacer{flex:1}.content{flex:1;overflow-y:auto;padding:20px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px}.card__head{padding:13px 16px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:12px}.card__title{font-size:14px;font-weight:600}.card__sub{font-size:12px;color:var(--c-text-3);margin-left:8px;font-weight:400}.card__actions{margin-left:auto;display:flex;gap:8px;align-items:center}.card__body{padding:16px}.card__body--flush{padding:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.stat__label{font-size:12px;color:var(--c-text-3);margin-bottom:4px}.stat__value{font-size:22px;font-weight:600;font-family:var(--mono);color:var(--c-primary);line-height:1.2}.stat__value--sm{font-size:17px}.stat__hint{font-size:11px;color:var(--c-text-3);margin-top:3px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:#fafbfc;border-bottom:1px solid var(--c-border);padding:9px 12px;text-align:left;font-weight:600;font-size:12px;color:var(--c-text-2);white-space:nowrap;position:sticky;top:0;z-index:1}tbody td{padding:8px 12px;border-bottom:1px solid #f0f2f4;vertical-align:top}tbody tr:hover{background:#fbfcfd}tbody tr:last-child td{border-bottom:none}.num{font-family:var(--mono);text-align:right;white-space:nowrap;font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}.muted{color:var(--c-text-3)}.ellipsis{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11.5px;font-weight:500;white-space:nowrap}.badge--ok{background:var(--c-ok-bg);color:var(--c-ok)}.badge--warn{background:var(--c-warn-bg);color:var(--c-warn)}.badge--danger{background:var(--c-danger-bg);color:var(--c-danger)}.badge--info{background:var(--c-info-bg);color:var(--c-info)}.badge--gray{background:#eef0f2;color:var(--c-text-2)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);font-size:13px;font-family:inherit;cursor:pointer;transition:all .12s;white-space:nowrap}.btn:hover:not(:disabled){border-color:#c8ced5;background:#fafbfc}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-primary-light);border-color:var(--c-primary-light)}.btn--danger{color:var(--c-danger);border-color:#f0c9c4}.btn--danger:hover:not(:disabled){background:var(--c-danger-bg)}.btn--sm{padding:3px 9px;font-size:12px}.btn--ghost{border-color:transparent;background:transparent;color:var(--c-primary)}.btn--ghost:hover:not(:disabled){background:var(--c-info-bg)}.input,.select{padding:6px 10px;border:1px solid var(--c-border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;color:var(--c-text);background:var(--c-surface);outline:none;transition:border-color .12s}.input:focus,.select:focus{border-color:var(--c-primary-light)}.input--wide{min-width:240px}.alert{display:flex;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:14px;line-height:1.55}.alert--info{background:var(--c-info-bg);color:#134a99}.alert--warn{background:var(--c-warn-bg);color:#8a5a12}.alert--danger{background:var(--c-danger-bg);color:#97291d}.alert--ok{background:var(--c-ok-bg);color:#126538}.alert__icon{flex-shrink:0;font-weight:600}.empty{padding:44px 20px;text-align:center;color:var(--c-text-3);font-size:13px}.loading{padding:30px;text-align:center;color:var(--c-text-3);font-size:13px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;margin-right:6px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.row--between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:12px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:3px 11px;border-radius:12px;background:#eef0f2;color:var(--c-text-2);font-size:12px;cursor:pointer;border:none;font-family:inherit}.chip--active{background:var(--c-primary);color:#fff}.bar{height:6px;border-radius:3px;background:#eef0f2;overflow:hidden;min-width:60px}.bar__fill{height:100%;border-radius:3px}.divider{height:1px;background:var(--c-border);margin:14px 0}.kv{display:grid;grid-template-columns:128px 1fr;gap:6px 12px;font-size:13px}.kv dt{color:var(--c-text-3)}.kv dd{margin:0;word-break:break-all}.total-row td{font-weight:600;background:#fafbfc;border-top:2px solid var(--c-border)}code{font-family:var(--mono);font-size:12px;background:#f0f2f4;padding:1px 5px;border-radius:3px}.chain{display:flex;align-items:center;gap:0;padding:0 14px;background:var(--c-surface);border-bottom:1px solid var(--c-border);overflow-x:auto;flex-shrink:0;min-height:46px}.chain__wrap{display:flex;align-items:center}.chain__arrow{color:#c8ced5;font-size:16px;margin:0 2px;-webkit-user-select:none;user-select:none}.chain__step{display:flex;align-items:center;gap:7px;padding:6px 12px;border:none;background:none;border-radius:6px;cursor:pointer;font-family:inherit;color:var(--c-text-2);white-space:nowrap;transition:background .12s,color .12s}.chain__step:hover{background:#f2f5f8}.chain__step--active{background:var(--c-primary);color:#fff}.chain__step--active .chain__num{background:#ffffff40;color:#fff}.chain__step--active .chain__meta{color:#fffc}.chain__num{width:18px;height:18px;border-radius:50%;background:#e8ecf1;color:var(--c-text-3);font-size:10.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chain__label{font-size:13px;font-weight:500}.chain__meta{font-size:11px;color:var(--c-text-3);padding-left:2px}.link-btn{border:none;background:none;padding:0;font-family:var(--mono);font-size:12.5px;color:var(--c-primary);cursor:pointer;text-decoration:underline;text-decoration-color:#1f4e794d;text-underline-offset:2px}.link-btn:hover{color:var(--c-primary-light);text-decoration-color:currentColor}.link-btn:disabled{color:var(--c-text-3);cursor:wait}.proj{position:relative}.proj__btn{display:flex;align-items:center;gap:6px;padding:5px 11px;border:1px solid var(--c-border);background:var(--c-surface);border-radius:6px;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--c-text);max-width:260px}.proj__btn:hover{border-color:var(--c-primary-light)}.proj__icon{color:var(--c-primary);font-size:13px}.proj__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.proj__caret{color:var(--c-text-3);font-size:10px}.proj__panel{position:absolute;top:calc(100% + 6px);right:0;width:300px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:8px;box-shadow:0 8px 28px #14284629;z-index:200;padding:8px;max-height:70vh;overflow-y:auto}.proj__head{font-size:11px;color:var(--c-text-3);padding:4px 8px 8px;letter-spacing:.4px}.proj__empty{padding:12px;font-size:12.5px;color:var(--c-text-3);text-align:center}.proj__item{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-family:inherit}.proj__item:hover{background:#f3f6f9}.proj__item--active{background:var(--c-info-bg)}.proj__item-name{font-size:13px;font-weight:500;color:var(--c-text);display:flex;align-items:center;gap:6px}.proj__badge{font-size:10px;font-weight:400;color:var(--c-primary);border:1px solid var(--c-primary-light);border-radius:3px;padding:0 4px}.proj__item-meta{font-size:11px;color:var(--c-text-3);margin-top:2px}.proj__sep{height:1px;background:var(--c-border);margin:8px 4px}.proj__add{width:100%;text-align:left;border:none;background:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:12.5px;color:var(--c-primary)}.proj__add:hover{background:var(--c-info-bg)}.proj__form{display:flex;flex-direction:column;gap:6px;padding:4px}.proj__form .input{width:100%;font-size:12.5px}.proj__row{display:flex;gap:6px;margin-top:4px}.proj__err{font-size:11.5px;color:var(--c-danger)}.content--split{padding:0;overflow:hidden;display:flex}.split{display:flex;flex:1;min-width:0;min-height:0}.split__left{display:flex;flex-direction:column;min-width:280px;background:var(--c-surface);border-right:1px solid var(--c-border);overflow:hidden}.split__head{display:flex;align-items:center;gap:10px;padding:10px 12px 8px;flex-shrink:0}.split__title{font-size:13.5px;font-weight:600;color:var(--c-text);display:flex;align-items:baseline;gap:6px;flex:1}.split__count{font-size:11px;font-weight:400;color:var(--c-text-3)}.split__toggle{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--c-text-2);cursor:pointer;white-space:nowrap}.split__chips{display:flex;flex-wrap:wrap;gap:5px;padding:0 12px 9px;flex-shrink:0}.chip--sm{font-size:11.5px;padding:3px 9px}.split__body{flex:1;overflow-y:auto;min-height:0}.split__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 12px;border-top:1px solid var(--c-border);font-size:11px;color:var(--c-text-3);flex-shrink:0;background:var(--c-surface);white-space:nowrap}.split__foot span:last-child{color:var(--c-text-2);font-weight:500;font-variant-numeric:tabular-nums}.split__bar{width:6px;flex-shrink:0;cursor:col-resize;background:var(--c-border);position:relative;transition:background .12s;display:flex;align-items:center;justify-content:center}.split__bar:hover{background:var(--c-primary-light)}.split__grip{width:2px;height:28px;border-radius:1px;background:#ffffffb3}.split__right{flex:1;min-width:0;overflow-y:auto;background:var(--c-bg)}.split__placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.split__ph-icon{font-size:34px;color:var(--c-text-3);opacity:.4;margin-bottom:12px}.split__ph-title{font-size:14px;font-weight:500;color:var(--c-text-2);margin-bottom:8px}.split__ph-desc{font-size:12px;color:var(--c-text-3);max-width:380px;line-height:1.7}.ledger-pane{height:100%;display:flex;flex-direction:column;background:var(--c-surface)}.ledger-pane .card__body{flex-shrink:0}.ledger-pane .table-wrap{flex:1;min-height:0}.table--dense th{padding:7px 8px;font-size:11px;position:sticky;top:0;background:#f7f9fb;z-index:1}.table--dense td{padding:6px 8px;font-size:12.5px;border-bottom:1px solid #eef1f4}.table--dense tbody tr:hover{background:#f6f9fc}.row--active td{background:var(--c-info-bg)!important}.row--active td:first-child{box-shadow:inset 3px 0 0 var(--c-primary)}.ledger-pane>.card__body:last-of-type{flex:1;min-height:0;max-height:none!important;overflow-y:auto}.ledger-pane .card__head,.ledger-pane .card__body{flex-shrink:0}.login{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.login__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,#0f2d4a,#1f4e79 45%,#2c6396)}.login__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.08) 0,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.06) 0,transparent 45%)}.login__card{position:relative;width:390px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;padding:30px 28px 22px;box-shadow:0 24px 70px #08192d57}.login__brand{display:flex;align-items:center;gap:13px;margin-bottom:26px}.login__logo{width:46px;height:46px;border-radius:11px;background:linear-gradient(135deg,#1f4e79,#3a7ca5);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.login__title{font-size:19px;font-weight:700;color:#1a1d21;letter-spacing:-.2px}.login__sub{font-size:11.5px;color:#8a8f99;margin-top:2px}.login__form{display:flex;flex-direction:column;gap:14px}.login__field{display:flex;flex-direction:column;gap:5px}.login__field span{font-size:12px;color:#555b63}.login__field .input{padding:11px 13px;font-size:14px}.login__err{background:#ffebee;color:#c62828;font-size:12px;padding:8px 11px;border-radius:7px;line-height:1.5}.login__btn{padding:12px;font-size:14.5px;margin-top:4px;letter-spacing:2px}.login__hint{margin-top:18px;padding-top:14px;border-top:1px solid #EEF1F4}.login__hint>div:first-child{font-size:11px;color:#8a8f99;text-align:center;margin-bottom:8px}.login__accounts{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.login__acc{font-size:10.5px;padding:4px 9px;border-radius:5px;border:1px solid #E3E7EC;background:#f7f9fb;color:#555b63;cursor:pointer;font-family:var(--mono)}.login__acc:hover{border-color:#3a7ca5;color:#1f4e79;background:#eaf2f8}.boot{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#f5f6f8}.boot__spinner{width:32px;height:32px;border:3px solid #DDE3E9;border-top-color:#1f4e79;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.boot__text{font-size:12.5px;color:#8a8f99}.usermenu{position:relative}.usermenu__btn{display:flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border:1px solid var(--c-border);background:var(--c-surface);border-radius:20px;cursor:pointer;font-family:inherit;max-width:190px}.usermenu__btn:hover{border-color:var(--c-primary-light)}.usermenu__avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#1f4e79,#3a7ca5);color:#fff;font-size:11.5px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.usermenu__name{font-size:12.5px;color:var(--c-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.usermenu__caret{color:var(--c-text-3);font-size:9px}.usermenu__mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150}.usermenu__panel{position:absolute;top:calc(100% + 7px);right:0;width:236px;background:#fff;border:1px solid var(--c-border);border-radius:10px;box-shadow:0 10px 32px #1428462e;z-index:151;overflow:hidden}.usermenu__head{padding:13px 14px;border-bottom:1px solid #EEF1F4;background:#fafbfc}.usermenu__hname{font-size:13.5px;font-weight:600;color:var(--c-text)}.usermenu__hsub{font-size:11px;color:var(--c-text-3);margin-top:2px}.usermenu__perms{font-size:10.5px;color:var(--c-primary);margin-top:5px}.usermenu__item{display:block;width:100%;text-align:left;padding:11px 14px;border:none;background:none;font-family:inherit;font-size:13px;color:var(--c-text);cursor:pointer;border-bottom:1px solid #F3F5F7}.usermenu__item:last-child{border-bottom:none}.usermenu__item:hover{background:#f7f9fb}.usermenu__item--danger{color:var(--c-danger)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162680;display:flex;align-items:center;justify-content:center;z-index:300}.modal{width:400px;max-width:calc(100vw - 32px);background:#fff;border-radius:12px;box-shadow:0 20px 60px #0a16264d;overflow:hidden}.modal__head{padding:15px 18px;border-bottom:1px solid var(--c-border);font-size:14.5px;font-weight:600}.modal__body{padding:16px 18px;display:flex;flex-direction:column;gap:13px}.modal__foot{padding:12px 18px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:8px;background:#fafbfc}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.field{display:flex;flex-direction:column;gap:5px}.field>span{font-size:11.5px;color:var(--c-text-2)}