:root{--ink: #14202E;--ink-soft: #4A5B6E;--ink-faint: #7C8CA0;--line: #D7DEE6;--line-soft: #E7ECF1;--canvas: #EDF1F4;--surface: #FFFFFF;--teal: #0F6E62;--teal-dark: #0B564C;--teal-wash: #E6F2F0;--amber: #A65A08;--amber-wash: #FDF1E3;--red: #B42318;--red-wash: #FDECEA;--blue: #1D4ED8;--blue-wash: #E8EEFD;--green: #17663F;--green-wash: #E6F3EC;--radius: 10px;--radius-sm: 6px;--rail: 232px;--shadow-pop: 0 18px 44px rgba(20, 32, 46, .18);font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant-numeric:tabular-nums;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--canvas);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:1.45rem}h2{font-size:1.1rem}h3{font-size:.95rem}p{margin:0}a{color:var(--teal)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:flex;min-height:100%}.rail{width:var(--rail);flex:0 0 var(--rail);background:var(--ink);color:#c6d2de;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.rail-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.02em}.rail-mark{width:28px;height:28px;border-radius:7px;background:#2fb39b;color:var(--ink);display:grid;place-items:center;font-size:.95rem;font-weight:700}.rail-brand small{display:block;font-size:.7rem;font-weight:500;color:#8698ac;letter-spacing:.04em}.rail-nav{padding:4px 10px 20px;overflow-y:auto;flex:1}.rail-nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;margin-bottom:1px;border-radius:var(--radius-sm);color:#b7c5d3;text-decoration:none;font-size:.9rem;font-weight:500}.rail-nav a:hover{background:#ffffff0f;color:#fff}.rail-nav a.active{background:#2fb39b;color:var(--ink);font-weight:600}.rail-nav .pip{background:var(--red);color:#fff;border-radius:999px;font-size:.68rem;font-weight:700;padding:1px 6px;min-width:18px;text-align:center}.rail-nav a.active .pip{background:var(--ink);color:#fff}.rail-foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem}.rail-foot .who{color:#fff;font-weight:600}.rail-foot button{margin-top:8px;width:100%;background:transparent;color:#b7c5d3;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm);padding:6px;font:inherit;font-size:.82rem;cursor:pointer}.rail-foot button:hover{background:#ffffff14;color:#fff}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:none;align-items:center;gap:12px;background:var(--ink);color:#fff;padding:10px 14px;position:sticky;top:0;z-index:30}.topbar button{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:var(--radius-sm);padding:5px 9px;font:inherit;cursor:pointer}.content{padding:24px 28px 64px;max-width:1280px;width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head .sub{color:var(--ink-soft);font-size:.88rem;margin-top:3px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel+.panel{margin-top:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line-soft)}.panel-body{padding:16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--line-soft);gap:1px}.stat{background:var(--surface);padding:14px 16px;min-width:0}.stat .n{font-size:1.55rem;font-weight:700;line-height:1.15}.stat .k{font-size:.8rem;color:var(--ink-soft);margin-top:2px}.stat.money .n{color:var(--teal)}.stat.alert .n{color:var(--amber)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;font-weight:600;font-size:.78rem;color:var(--ink-soft);padding:10px 14px;background:#f7f9fb;border-bottom:1px solid var(--line);white-space:nowrap}tbody td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:#f7f9fb}td .muted,.muted{color:var(--ink-faint)}td.num,th.num{text-align:right;white-space:nowrap}.ref{font-weight:600;white-space:nowrap}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:600;white-space:nowrap;background:var(--line-soft);color:var(--ink-soft)}.badge.teal{background:var(--teal-wash);color:var(--teal-dark)}.badge.amber{background:var(--amber-wash);color:var(--amber)}.badge.red{background:var(--red-wash);color:var(--red)}.badge.blue{background:var(--blue-wash);color:var(--blue)}.badge.green{background:var(--green-wash);color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:8px 14px;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;white-space:nowrap}.btn:hover:not(:disabled){background:#f4f7f9}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn.primary:hover:not(:disabled){background:var(--teal-dark)}.btn.danger{background:var(--red);border-color:var(--red);color:#fff}.btn.danger:hover:not(:disabled){background:#91180f}.btn.small{padding:5px 10px;font-size:.82rem}.btn.link{border:0;background:none;color:var(--teal);padding:4px 0}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:.82rem;font-weight:600;color:var(--ink-soft);margin-bottom:5px}.field .hint{font-weight:500;color:var(--ink-faint)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],input[type=search],select,textarea{width:100%;padding:9px 11px;font:inherit;font-size:.9rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink)}textarea{min-height:84px;resize:vertical}input:disabled,select:disabled{background:#f4f7f9;color:var(--ink-faint)}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:14px 16px;border-bottom:1px solid var(--line-soft);background:#f9fbfc}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.stack{display:flex;flex-direction:column;gap:14px}.checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:6px;max-height:210px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px}.checks label{display:flex;align-items:center;gap:7px;font-size:.86rem;font-weight:500}.checks input{width:auto}.picker{border:1px dashed var(--line);border-radius:var(--radius-sm);padding:14px;text-align:center}.picker img{max-width:100%;max-height:170px;border-radius:var(--radius-sm);display:block;margin:0 auto 10px}.picker .row{justify-content:center}.thumb{width:40px;height:40px;border-radius:var(--radius-sm);object-fit:cover;background:var(--line-soft)}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--teal-wash);color:var(--teal-dark);display:inline-grid;place-items:center;font-size:.8rem;font-weight:700}.empty{padding:44px 20px;text-align:center;color:var(--ink-soft)}.empty h3{margin-bottom:5px;color:var(--ink)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--teal);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;align-items:center;gap:9px;padding:34px;color:var(--ink-soft);justify-content:center}.alert{border-radius:var(--radius-sm);padding:10px 12px;font-size:.87rem;background:var(--red-wash);color:var(--red);border:1px solid #F3C9C4}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14202e80;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:60;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;box-shadow:var(--shadow-pop)}.modal.wide{max-width:760px}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.modal-body{padding:18px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 18px;border-top:1px solid var(--line-soft)}.x{background:none;border:0;font-size:1.3rem;line-height:1;color:var(--ink-faint);cursor:pointer;padding:2px 6px}.toasts{position:fixed;right:16px;bottom:16px;z-index:90;display:flex;flex-direction:column;gap:8px;max-width:min(380px,calc(100vw - 32px))}.toast{background:var(--ink);color:#fff;padding:11px 14px;border-radius:var(--radius-sm);font-size:.88rem;box-shadow:var(--shadow-pop);display:flex;gap:10px;align-items:flex-start}.toast.error{background:var(--red)}.toast.success{background:var(--teal-dark)}.toast button{background:none;border:0;color:inherit;opacity:.7;cursor:pointer;font-size:1rem;line-height:1}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--ink)}.login-card{background:var(--surface);border-radius:var(--radius);padding:30px;width:100%;max-width:392px}.login-card .mark{width:40px;height:40px;border-radius:9px;background:var(--ink);color:#2fb39b;display:grid;place-items:center;font-weight:700;margin-bottom:16px}.login-card h1{margin-bottom:4px}.login-card .sub{color:var(--ink-soft);font-size:.88rem;margin-bottom:22px}.dl{display:grid;grid-template-columns:150px 1fr;gap:9px 14px;font-size:.89rem}.dl dt{color:var(--ink-soft)}.dl dd{margin:0}.charges{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft)}.charge{background:var(--surface);padding:15px 16px}.charge .k{font-size:.78rem;color:var(--ink-soft)}.charge .v{font-size:1.3rem;font-weight:700;margin-top:3px}.charge .who{font-size:.76rem;color:var(--ink-faint);margin-top:3px}.charge.platform .v{color:var(--teal)}.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:.87rem}.timeline li:last-child{border-bottom:0}.timeline time{color:var(--ink-faint);white-space:nowrap;font-size:.8rem;min-width:128px}@media (max-width: 960px){.rail{position:fixed;z-index:50;left:0;top:0;transform:translate(-100%);transition:transform .18s ease}.rail.open{transform:none;box-shadow:var(--shadow-pop)}.topbar{display:flex}.content{padding:16px 14px 56px}.dl{grid-template-columns:1fr;gap:2px 0}.dl dd{margin-bottom:9px}.grid-2,.charges{grid-template-columns:1fr}.timeline li{flex-direction:column;gap:2px}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14202e73;z-index:45}@media (min-width: 961px){.scrim{display:none}}