:root{--green-50: #e9f8ef;--green-100: #d2f0df;--green-200: #a7e3c0;--green-300: #6fd09b;--green-400: #3fba79;--green-500: #1fa363;--green-600: #168653;--green-700: #126b44;--green-800: #0e5235;--green-900: #0a3724;--coral: #ff7a59;--heading: #173a2a;--success: #1fa363;--warning: #f4a93c;--warning-text: #c98a1e;--error: #e8554e;--info: #2a8fbd;--sand-50: #fbf8f4;--sand-100: #f3eee7;--sand-200: #e7dfd4;--sand-300: #d2c7b8;--sand-400: #a99b89;--sand-500: #7e7263;--sand-600: #5a5048;--sand-700: #3a332c;--sand-900: #1f1b16;--canvas: #eae4dc;--card: #ffffff;--subtle: #fcf9f5;--border: #efe7dd;--border-strong: #e7dfd4;--dark: #0e2419;--dark-sidebar: #102a1d;--dark-card: #15331f;--dark-border: #234a33;--dark-muted: #8fbfa3;--dark-nav: #bcd3c6;--dark-nav-dim: #6e8b7b;--badge-success-bg: #e9f8ef;--badge-success-fg: #168653;--badge-warning-bg: #fdf1de;--badge-warning-fg: #c98a1e;--badge-error-bg: #fceae9;--badge-error-fg: #e8554e;--badge-neutral-bg: #f3eee7;--badge-neutral-fg: #7e7263;--badge-info-bg: #e4f2f8;--badge-info-fg: #2a8fbd;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;--font-mono: "Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-pill: 999px;--shadow-sm: 0 1px 3px rgba(22, 24, 58, .1);--shadow-md: 0 4px 14px rgba(22, 24, 58, .12);--shadow-lg: 0 12px 32px rgba(22, 24, 58, .16);--ring: 0 0 0 3px rgba(31, 163, 99, .25);--ring-soft: 0 0 0 3px rgba(31, 163, 99, .12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--sand-900);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--green-600);text-decoration:none}a:hover{text-decoration:underline}@keyframes pa-spin{to{transform:rotate(360deg)}}@keyframes pa-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}h1,h2,h3,h4{font-family:var(--font-sans);color:var(--heading);letter-spacing:-.02em;margin:0}h1{font-size:28px;font-weight:800}h2{font-size:22px;font-weight:700}h3{font-size:18px;font-weight:700}.mono{font-family:var(--font-mono)}.muted{color:var(--sand-500);font-size:13px}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--sand-400)}.amount{font-family:var(--font-mono);font-weight:500;color:var(--heading)}.layout{display:flex;min-height:100vh}.sidebar{width:234px;flex:none;background:var(--dark-sidebar);color:#fff;display:flex;flex-direction:column;padding:22px 16px;gap:3px}.sidebar__brand{display:flex;align-items:center;gap:9px;padding:0 8px 22px}.sidebar__logo{width:30px;height:30px;border-radius:9px;background:#fff;color:var(--green-500);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;flex:none}.sidebar__brand-name{font-weight:800;font-size:16px}.sidebar__section{font-size:10px;font-family:var(--font-mono);color:var(--dark-nav-dim);text-transform:uppercase;letter-spacing:.1em;padding:14px 8px 8px}.sidebar__link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:var(--dark-nav);font-size:14px;font-weight:600;cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit}.sidebar__link:hover{background:#ffffff0f;text-decoration:none;color:#fff}.sidebar__link.active{background:var(--green-500);color:#fff;font-weight:700}.sidebar__link-icon{width:18px;text-align:center;flex:none}.sidebar__spacer{flex:1}.sidebar__role{background:var(--dark-card);border:1px solid var(--dark-border);border-radius:12px;padding:12px}.sidebar__role-label{font-size:11px;color:var(--dark-muted);margin-bottom:2px}.sidebar__role-value{font-size:13px;font-weight:700;color:#fff}.sidebar__role-note{font-size:10px;color:var(--dark-nav-dim);margin-top:4px;font-family:var(--font-mono)}.sidebar__logout{margin-top:10px;width:100%;background:transparent;border:1px solid var(--dark-border);color:var(--dark-nav);border-radius:10px;padding:9px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.sidebar__logout:hover{background:#ffffff0f;color:#fff}.content{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--canvas)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;border-bottom:1px solid var(--border);background:var(--subtle)}.topbar__title{font-size:18px;font-weight:800;color:var(--heading)}.topbar__subtitle{font-size:12px;color:var(--sand-500)}.topbar__right{display:flex;align-items:center;gap:14px}.env-pill{font-size:11px;font-family:var(--font-mono);color:var(--green-600);background:var(--green-50);border:1px solid var(--green-200);padding:5px 10px;border-radius:7px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--heading);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none}.page{flex:1;padding:24px 28px;overflow:auto}.page--flush{padding:0;display:flex;flex-direction:column;overflow:hidden}.btn{font-family:var(--font-sans);font-weight:700;font-size:14px;border-radius:var(--r-md);padding:12px 18px;cursor:pointer;border:1.5px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;line-height:1;min-height:40px;transition:background .12s ease,box-shadow .12s ease,color .12s ease;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn:disabled{cursor:not-allowed}.btn--primary{background:var(--green-500);color:#fff;border-color:var(--green-500);font-size:15px;padding:13px 22px}.btn--primary:hover:not(:disabled){background:var(--green-600);border-color:var(--green-600);box-shadow:var(--ring)}.btn--primary:disabled{background:var(--green-200);border-color:var(--green-200);opacity:.8}.btn--secondary{background:var(--green-50);color:var(--green-600);border-color:var(--green-200)}.btn--secondary:hover:not(:disabled){background:var(--green-100)}.btn--ghost{background:#fff;color:var(--sand-600);border-color:var(--border-strong)}.btn--ghost:hover:not(:disabled){background:var(--subtle)}.btn--destructive{background:#fff;color:var(--error);border-color:#f6c9c6}.btn--destructive:hover:not(:disabled){background:#fceae9}.btn--danger-solid{background:var(--error);color:#fff;border-color:var(--error)}.btn--danger-solid:hover:not(:disabled){background:#d4413b;border-color:#d4413b}.btn--sm{font-size:13px;padding:9px 16px;min-height:36px}.btn--block{width:100%}.btn--disabled-look{opacity:.55}.btn__spinner{width:15px;height:15px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:pa-spin .7s linear infinite}.btn--ghost .btn__spinner,.btn--secondary .btn__spinner,.btn--destructive .btn__spinner{border-color:#1fa36359;border-top-color:var(--green-600)}.link-action{background:none;border:none;padding:0;font:inherit;font-size:12px;font-weight:700;color:var(--green-600);cursor:pointer}.link-action:hover{text-decoration:underline}.link-action--danger{color:var(--error)}.link-action:disabled{color:var(--sand-400);cursor:not-allowed;text-decoration:none}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:12px;font-weight:600;color:var(--sand-600)}.input,.select{font:inherit;font-size:15px;width:100%;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:#fff;color:var(--sand-900);min-height:44px}.input::placeholder{color:var(--sand-400)}.input:focus,.select:focus{outline:none;border-color:var(--green-500);box-shadow:var(--ring-soft)}.input--error,.input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px #e8554e1f}.input--mono{font-family:var(--font-mono)}.field__error{font-size:12px;color:var(--error)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%237e7263' d='M3 4.5 6 8l3-3.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:34px}.search{flex:1;display:flex;align-items:center;gap:8px;background:var(--subtle);border:1px solid var(--border-strong);border-radius:11px;padding:10px 14px}.search input{border:none;background:none;outline:none;font:inherit;font-size:13px;color:var(--sand-900);width:100%}.search input::placeholder{color:var(--sand-400)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-lg);padding:24px}.card--pad-sm{padding:18px}.card--subtle{background:var(--subtle)}.panel{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;background:#fff}.panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:var(--subtle);border-bottom:1px solid var(--border);font-size:14px;font-weight:700;color:var(--heading)}.panel__foot{padding:13px 18px;border-top:1px solid var(--border);background:var(--subtle);font-size:12px;color:var(--sand-500);display:flex;align-items:center;justify-content:space-between;gap:12px}.grid{display:grid;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.cluster{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stat{background:var(--subtle);border:1px solid var(--border);border-radius:var(--r-md);padding:18px}.stat__label{font-size:12px;color:var(--sand-500)}.stat__value{font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--heading);margin-top:4px}.stat__delta{font-size:11px;margin-top:2px;color:var(--sand-500)}.stat__delta--up{color:var(--green-600)}.stat__delta--warn{color:var(--warning-text)}.stat__value--success{color:var(--green-600)}.stat__value--info{color:var(--info)}.stat__value--warn{color:var(--warning-text)}.stat__value--error{color:var(--error)}.balance-card{border-radius:var(--r-md);padding:22px;color:#fff;background:linear-gradient(135deg,var(--green-600),var(--green-500))}.balance-card__label{font-size:13px;opacity:.9;display:flex;justify-content:space-between;align-items:center}.balance-card__value{font-family:var(--font-mono);font-size:34px;font-weight:500;margin:6px 0 2px}.balance-card__sub{font-size:12px;opacity:.85;font-family:var(--font-mono)}.balance-card__toggle{font-size:12px;opacity:.9;font-family:var(--font-mono);background:none;border:none;color:#fff;cursor:pointer}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap}.badge--success{color:var(--badge-success-fg);background:var(--badge-success-bg)}.badge--warning{color:var(--badge-warning-fg);background:var(--badge-warning-bg)}.badge--error{color:var(--badge-error-fg);background:var(--badge-error-bg)}.badge--neutral{color:var(--badge-neutral-fg);background:var(--badge-neutral-bg)}.badge--info{color:var(--badge-info-fg);background:var(--badge-info-bg)}.dtable{border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;background:#fff}.dtable__scroll{flex:1;overflow:auto}.dtable__head,.dtable__row{display:grid;align-items:center;gap:12px;padding:12px 18px}.dtable__head{font-size:11px;font-weight:700;color:var(--sand-400);text-transform:uppercase;letter-spacing:.05em;background:var(--subtle);border-bottom:1px solid var(--border);padding-top:11px;padding-bottom:11px;position:sticky;top:0;z-index:1}.dtable__row{font-size:13px;border-bottom:1px solid var(--sand-100)}.dtable__row:last-child{border-bottom:none}.dtable__row--error{background:#fcf6f5}.dtable__row--clickable{cursor:pointer}.dtable__row--clickable:hover{background:var(--subtle)}.cell-strong{font-weight:700;color:var(--heading)}.cell-sub{font-size:11px;color:var(--sand-400);font-family:var(--font-mono)}.cell-error{font-size:11px;color:var(--error);font-weight:600}.t-right{text-align:right}.t-center{text-align:center}.empty{padding:40px 18px;text-align:center;color:var(--sand-500);font-size:14px}.stepper{display:flex;align-items:center;gap:10px;padding:18px 28px;border-bottom:1px solid var(--border);font-size:13px;flex-wrap:wrap}.stepper__step{display:flex;align-items:center;gap:7px;font-weight:600;color:var(--sand-400)}.stepper__step--active{font-weight:700;color:var(--green-600)}.stepper__step--done{color:var(--green-600)}.stepper__dot{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--sand-300);display:flex;align-items:center;justify-content:center;font-size:11px;flex:none}.stepper__step--active .stepper__dot,.stepper__step--done .stepper__dot{background:var(--green-500);border-color:var(--green-500);color:#fff}.stepper__line{width:30px;height:1.5px;background:var(--border-strong)}.progress{height:8px;border-radius:8px;background:var(--border-strong);overflow:hidden;display:flex}.progress__seg--success{background:var(--green-500)}.progress__seg--info{background:var(--info)}.progress__seg--warn{background:var(--warning)}.progress__seg--error{background:var(--error)}.timeline__item{display:flex;gap:12px;margin-bottom:14px}.timeline__item:last-child{margin-bottom:0}.timeline__rail{display:flex;flex-direction:column;align-items:center}.timeline__dot{width:12px;height:12px;border-radius:50%;background:var(--green-500);flex:none}.timeline__dot--pending{background:#fff;border:2px solid var(--warning)}.timeline__line{width:2px;flex:1;background:var(--green-200);margin-top:2px}.timeline__title{font-size:13px;font-weight:700;color:var(--heading)}.timeline__title--pending{color:var(--warning-text)}.timeline__meta{font-size:11px;color:var(--sand-400)}.alert{display:flex;align-items:flex-start;gap:12px;border-radius:var(--r-md);padding:14px 18px;font-size:13px}.alert__icon{font-size:20px;line-height:1}.alert--warning{background:var(--badge-warning-bg);border:1px solid #f3d9a8;color:#a07a1e}.alert--warning .alert__title{color:#8a6314}.alert--success{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-600)}.alert--success .alert__title{color:var(--green-800)}.alert--info{background:var(--badge-info-bg);border:1px solid #bfe0ee;color:#1d6b8f}.alert__title{font-weight:800;font-size:14px}.chip{font-size:12px;font-weight:600;color:var(--sand-600);background:#fff;border:1px solid var(--border-strong);padding:8px 14px;border-radius:10px;cursor:pointer;font-family:inherit}.chip:hover{background:var(--subtle)}.chip--active{color:#fff;background:var(--green-500);border-color:var(--green-500);font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b1673;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;animation:pa-fade-in .12s ease}.modal{width:100%;max-width:440px;background:#fff;border-radius:18px;padding:26px;box-shadow:0 24px 60px #0e241959;animation:pa-fade-in .16s ease}.modal__icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px}.modal__icon--danger{background:var(--badge-error-bg)}.modal__icon--success{background:var(--green-50)}.modal__title{font-size:20px;font-weight:800;color:var(--heading);margin:0 0 8px}.modal__body{font-size:14px;color:var(--sand-500);line-height:1.5;margin:0 0 18px}.modal__actions{display:flex;gap:10px}.toast-stack{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:100}.toast{display:flex;align-items:center;gap:12px;background:var(--heading);color:#fff;border-radius:16px;padding:14px 18px;box-shadow:var(--shadow-lg);min-width:280px;animation:pa-fade-in .16s ease}.toast__icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;flex:none}.toast__icon--success{background:var(--green-500)}.toast__icon--error{background:var(--error)}.toast__icon--info{background:var(--info)}.toast__title{font-size:14px;font-weight:700}.toast__msg{font-size:12px;opacity:.75}.toast__close{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:16px;margin-left:auto}.avatar-init{width:34px;height:34px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none}.bars{display:flex;align-items:flex-end;gap:6px;flex:1}.bars__bar{flex:1;border-radius:4px 4px 0 0;background:var(--green-300);min-height:4px}.login{min-height:100vh;display:flex;background:var(--canvas);align-items:stretch}.login__hero{flex:1.1;background:linear-gradient(160deg,var(--dark),var(--heading) 60%,var(--green-600));color:#fff;padding:56px;display:flex;flex-direction:column}.login__brand{display:flex;align-items:center;gap:10px}.login__chip{margin-left:8px;font-size:11px;font-family:var(--font-mono);color:var(--dark-muted);border:1px solid #2e5c42;padding:3px 8px;border-radius:6px}.login__hero-body{margin-top:auto}.login__hero h2{color:#fff;font-size:38px;font-weight:800;line-height:1.1;margin:0 0 16px}.login__hero p{font-size:16px;line-height:1.6;color:#ffffffd9;max-width:440px;margin:0}.login__hero-meta{display:flex;gap:24px;margin-top:32px;font-family:var(--font-mono);font-size:12px;color:var(--dark-muted);flex-wrap:wrap}.login__form-wrap{flex:1;background:var(--subtle);padding:56px 64px;display:flex;flex-direction:column;justify-content:center}.login__form{width:100%;max-width:380px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.login__footnote{text-align:center;margin-top:18px;font-size:12px;color:var(--sand-400);font-family:var(--font-mono)}.mfa-inputs{display:flex;gap:10px}.mfa-inputs input{width:52px;height:58px;border:1.5px solid var(--border-strong);background:#fff;border-radius:12px;text-align:center;font-family:var(--font-mono);font-size:24px;color:var(--green-600)}.mfa-inputs input:focus{outline:none;border-color:var(--green-500);background:var(--green-50);box-shadow:var(--ring-soft)}.error{color:var(--error);font-size:13px}.note{background:var(--badge-warning-bg);border:1px solid #f3d9a8;color:#8a6314;padding:12px 16px;border-radius:var(--r-md);font-size:13px}.spinner{width:18px;height:18px;border:2px solid var(--green-200);border-top-color:var(--green-500);border-radius:50%;display:inline-block;animation:pa-spin .7s linear infinite}.loading-row{display:flex;align-items:center;gap:10px;color:var(--sand-500);font-size:14px;padding:24px 0}.pager{display:flex;gap:8px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot--success{background:var(--green-500)}.dot--warn{background:var(--warning-text)}.dot--info{background:var(--info)}.dot--error{background:var(--error)}.live{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--green-600);font-weight:700}.divider{height:1px;background:var(--border);border:none;margin:0}@media (max-width: 1100px){.sidebar{width:76px;padding:18px 10px}.sidebar__brand-name,.sidebar__section,.sidebar__link span:not(.sidebar__link-icon),.sidebar__role{display:none}.login__hero{display:none}}.activity-bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:1000;overflow:hidden;opacity:0;transition:opacity .16s ease;pointer-events:none}.activity-bar--active{opacity:1}.activity-bar__indicator{width:40%;height:100%;border-radius:0 3px 3px 0;background:linear-gradient(90deg,var(--green-400, #3FBA79),var(--green-600, #168653));animation:pa-activity 1.1s ease-in-out infinite}@keyframes pa-activity{0%{transform:translate(-100%)}50%{transform:translate(120%)}to{transform:translate(260%)}}@media (prefers-reduced-motion: reduce){.activity-bar__indicator{animation-duration:2.2s}}.error-fallback{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--sand-50, #f6f4ef);z-index:9999}.error-fallback__card{max-width:420px;width:100%;text-align:center;background:#fff;border:1px solid var(--sand-200, #e7e2d8);border-radius:16px;padding:32px 28px;box-shadow:0 12px 40px #16865314}.error-fallback__logo{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;font-size:22px;color:#fff;background:var(--green-500, #1fa363)}.error-fallback__title{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--heading, #1d2b24)}.error-fallback__msg{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--sand-600, #6b6457)}.error-fallback__id{display:inline-block;margin-bottom:20px;padding:6px 10px;border-radius:8px;font-size:12px;background:var(--sand-100, #efece4);color:var(--sand-600, #6b6457);word-break:break-all}