.app-logo[data-v-26b530f2]{display:block;flex:none}*,*:before,*:after{box-sizing:border-box}html,body,#app{margin:0;padding:0;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[data-theme=modern]{--green: #2f9e6b;--green-dark: #257d54;--green-soft: #e6f3ec;--accent-hover: #d8ecdf;--bg: #f3f7f4;--surface: #ffffff;--text: #1e2a23;--muted: #56655d;--muted-soft: #eef2f0;--border: #dde7e1;--danger: #c0492f;--danger-soft: #fde7e0;--gold: #e0a82e;--gold-soft: #fbf0d6;--gold-ink: #9a7012;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(20, 40, 30, .06), 0 4px 16px rgba(20, 40, 30, .06);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--green: #3fb37e;--green-dark: #74d6a6;--green-soft: #1e2c25;--accent-hover: #26392f;--bg: #11161a;--surface: #1b2228;--text: #e7ece9;--muted: #9fb1a8;--muted-soft: #232c31;--border: #2c373d;--danger: #ec7a61;--danger-soft: #3a2521;--gold: #e0a82e;--gold-soft: #392f18;--gold-ink: #e6bd57;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px rgba(0, 0, 0, .4);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}:is([data-theme=modern],[data-theme=dark]){background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5}:is([data-theme=modern],[data-theme=dark]) body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:is([data-theme=modern],[data-theme=dark]) h1,:is([data-theme=modern],[data-theme=dark]) h2,:is([data-theme=modern],[data-theme=dark]) h3{margin:0 0 .5em;line-height:1.2}:is([data-theme=modern],[data-theme=dark]) h1{font-size:1.6rem}:is([data-theme=modern],[data-theme=dark]) .muted{color:var(--muted)}:is([data-theme=modern],[data-theme=dark]) .error{color:var(--danger)}:is([data-theme=modern],[data-theme=dark]) .gold{color:var(--gold)}:is([data-theme=modern],[data-theme=dark]) .container{max-width:680px;margin:0 auto;padding:16px}:is([data-theme=modern],[data-theme=dark]) .stack{display:flex;flex-direction:column;gap:12px}:is([data-theme=modern],[data-theme=dark]) .row{display:flex;align-items:center;gap:10px}:is([data-theme=modern],[data-theme=dark]) .spacer{flex:1}:is([data-theme=modern],[data-theme=dark]) .app-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}:is([data-theme=modern],[data-theme=dark]) .header-left{grid-column:1;display:flex;align-items:center}:is([data-theme=modern],[data-theme=dark]) .app-nav{grid-column:2}:is([data-theme=modern],[data-theme=dark]) .header-right{grid-column:3;display:flex;justify-content:flex-end}:is([data-theme=modern],[data-theme=dark]) .brand{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--green-dark)}:is([data-theme=modern],[data-theme=dark]) .app-nav{display:flex;flex-wrap:wrap;gap:4px 6px;justify-content:center;min-width:0}:is([data-theme=modern],[data-theme=dark]) .app-nav a{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-sm);color:var(--muted);font-weight:500;transition:background .12s,color .12s}:is([data-theme=modern],[data-theme=dark]) .app-nav a:hover{background:var(--green-soft);color:var(--green-dark)}:is([data-theme=modern],[data-theme=dark]) .app-nav a.router-link-active{color:var(--green-dark);background:var(--green-soft)}:is([data-theme=modern],[data-theme=dark]) .nav-icon{display:inline-block;vertical-align:middle}:is([data-theme=modern],[data-theme=dark]) .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--green-soft);color:var(--green-dark);font:inherit;font-weight:600;transition:background .15s,border-color .15s,opacity .15s}:is([data-theme=modern],[data-theme=dark]) .btn:hover{background:var(--accent-hover)}:is([data-theme=modern],[data-theme=dark]) .btn--primary{background:var(--green);color:#fff}:is([data-theme=modern],[data-theme=dark]) .btn--primary:hover{background:var(--green-dark)}:is([data-theme=modern],[data-theme=dark]) .btn--ghost{background:transparent;border-color:var(--border);color:var(--text)}:is([data-theme=modern],[data-theme=dark]) .btn--danger{background:transparent;border-color:var(--danger);color:var(--danger)}:is([data-theme=modern],[data-theme=dark]) .btn--block{width:100%}:is([data-theme=modern],[data-theme=dark]) .btn:disabled{opacity:.55;cursor:default}:is([data-theme=modern],[data-theme=dark]) input,:is([data-theme=modern],[data-theme=dark]) select,:is([data-theme=modern],[data-theme=dark]) textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit}:is([data-theme=modern],[data-theme=dark]) input:focus,:is([data-theme=modern],[data-theme=dark]) select:focus,:is([data-theme=modern],[data-theme=dark]) textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}:is([data-theme=modern],[data-theme=dark]) .field{display:flex;flex-direction:column;gap:5px}:is([data-theme=modern],[data-theme=dark]) .field>label{font-size:.85rem;font-weight:600;color:var(--muted)}:is([data-theme=modern],[data-theme=dark]) .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}:is([data-theme=modern],[data-theme=dark]) .list{display:flex;flex-direction:column;gap:8px}:is([data-theme=modern],[data-theme=dark]) .list-row{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}:is([data-theme=modern],[data-theme=dark]) a.list-row:hover{border-color:var(--green);box-shadow:var(--shadow)}:is([data-theme=modern],[data-theme=dark]) .avatar{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-dark);font-weight:700}:is([data-theme=modern],[data-theme=dark]) .badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--green-soft);color:var(--green-dark)}:is([data-theme=modern],[data-theme=dark]) .badge--gold{background:var(--gold-soft);color:var(--gold-ink)}:is([data-theme=modern],[data-theme=dark]) .badge--warn{background:var(--danger-soft);color:var(--danger)}:is([data-theme=modern],[data-theme=dark]) .badge--muted{background:var(--muted-soft);color:var(--muted)}:is([data-theme=modern],[data-theme=dark]) .stat{flex:1;text-align:center;padding:12px;border-radius:var(--radius);background:var(--green-soft)}:is([data-theme=modern],[data-theme=dark]) .stat .num{font-size:1.6rem;font-weight:800;color:var(--green-dark)}:is([data-theme=modern],[data-theme=dark]) .stat .cap{font-size:.8rem;color:var(--muted)}:is([data-theme=modern],[data-theme=dark]) .sphere-chip{cursor:pointer;transition:background .12s,color .12s}:is([data-theme=modern],[data-theme=dark]) .sphere-chip:hover{background:var(--danger-soft);color:var(--danger)}:is([data-theme=modern],[data-theme=dark]) .sphere-add{cursor:pointer;transition:background .12s,color .12s}:is([data-theme=modern],[data-theme=dark]) .sphere-add:hover{background:var(--green-soft);color:var(--green-dark)}:is([data-theme=modern],[data-theme=dark]) .theme-choice{display:flex;gap:10px;flex-wrap:wrap}:is([data-theme=modern],[data-theme=dark]) .theme-card{flex:1;min-width:140px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}:is([data-theme=modern],[data-theme=dark]) .theme-card:hover{border-color:var(--green)}:is([data-theme=modern],[data-theme=dark]) .theme-card.active{border-color:var(--green);background:var(--green-soft)}:is([data-theme=modern],[data-theme=dark]) .theme-card-label{font-weight:600}:is([data-theme=modern],[data-theme=dark]) .amount-picker{display:flex;gap:8px}:is([data-theme=modern],[data-theme=dark]) .amount-picker button{flex:1;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-weight:700}:is([data-theme=modern],[data-theme=dark]) .amount-picker button.active{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}[data-theme=win98]{background:teal;font-size:14px}[data-theme=win98] body{background:teal;color:#000;font-size:14px;line-height:1.4;-webkit-font-smoothing:none}[data-theme=win98] input:not([type=checkbox]):not([type=radio]),[data-theme=win98] select,[data-theme=win98] textarea{width:100%;font-size:13px;padding:4px 6px}[data-theme=win98] .field{display:flex;flex-direction:column;gap:4px}[data-theme=win98] .field>label{font-weight:700}[data-theme=win98] input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:static;opacity:1;flex:none;width:16px!important;height:16px;margin:0;padding:0;background:#fff;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}[data-theme=win98] input[type=checkbox]:checked{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M3.5 8.5l3 3 6-7' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center no-repeat}[data-theme=win98] h1{font-size:1.5rem;line-height:1.2;margin:0 0 .5em}[data-theme=win98] h2{font-size:1.2rem;line-height:1.2;margin:0 0 .5em}[data-theme=win98] h3{font-size:1.05rem;margin:0 0 .4em}[data-theme=win98] .container{max-width:680px;margin:0 auto;padding:16px}[data-theme=win98] .stack{display:flex;flex-direction:column;gap:12px}[data-theme=win98] .row{display:flex;align-items:center;gap:8px}[data-theme=win98] .spacer{flex:1}[data-theme=win98] .muted{color:#2a2a2a}[data-theme=win98] .error{color:#a00}[data-theme=win98] .gold{color:#806000;font-weight:700}[data-theme=win98] .app-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;background:linear-gradient(to right,navy,#1084d0);color:#fff;font-weight:700;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #dfdfdf,inset -2px -2px gray,inset 2px 2px #fff}[data-theme=win98] .header-left{grid-column:1;display:flex;align-items:center}[data-theme=win98] .app-nav{grid-column:2}[data-theme=win98] .header-right{grid-column:3;display:flex;align-items:center;justify-content:flex-end}[data-theme=win98] .brand{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:700;text-shadow:1px 1px 0 #00004a}[data-theme=win98] .app-nav{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;min-width:0}[data-theme=win98] .app-nav a{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;color:#fff;text-decoration:none;font-weight:400;border:1px solid transparent}[data-theme=win98] .app-nav a:hover{border-color:#aed6f8 #1a5fa8 #1a5fa8 #aed6f8;background:#ffffff1f}[data-theme=win98] .app-nav a.router-link-active{font-weight:700;border-color:#1a5fa8 #aed6f8 #aed6f8 #1a5fa8;background:#0000001f}[data-theme=win98] .nav-icon{display:inline-block;vertical-align:middle}[data-theme=win98] .card,[data-theme=win98] .list-row{background:silver;padding:12px;box-shadow:inset -1px -1px #0a0a0a,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf;border-radius:0}[data-theme=win98] .card .qr-box{border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}[data-theme=win98] .list{display:flex;flex-direction:column;gap:6px}[data-theme=win98] .avatar{flex:none;width:38px;height:38px;display:grid;place-items:center;background:silver;font-weight:700;border-radius:0;box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a}[data-theme=win98] .badge{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;background:silver;border-radius:0;font-size:.85rem;box-shadow:inset -1px -1px gray,inset 1px 1px #fff}[data-theme=win98] .badge--warn{color:#a00}[data-theme=win98] .badge--gold{color:#806000}[data-theme=win98] .stat{flex:1;text-align:center;padding:10px;background:silver;box-shadow:inset -1px -1px #fff,inset 1px 1px gray}[data-theme=win98] .stat .num{font-size:1.5rem;font-weight:700}[data-theme=win98] .stat .cap{font-size:.8rem;color:#2a2a2a}[data-theme=win98] .sphere-chip:hover{background:maroon;color:#fff}[data-theme=win98] .sphere-add:hover{background:navy;color:#fff}[data-theme=win98] .theme-choice{display:flex;gap:8px}[data-theme=win98] .theme-card{flex:1;display:flex;flex-direction:column;gap:4px;padding:10px;text-align:left;cursor:default;background:silver}[data-theme=win98] .theme-card.active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;font-weight:700}[data-theme=win98] .theme-card-label{font-weight:700}[data-theme=win98] .amount-picker{display:flex;gap:6px}[data-theme=win98] .amount-picker button{flex:1;padding:6px 10px}[data-theme=win98] .amount-picker button.active{box-shadow:inset -1px -1px #fff,inset 1px 1px gray,inset -2px -2px #dfdfdf,inset 2px 2px #0a0a0a;font-weight:700}[data-theme=win98] ::-webkit-scrollbar-button:vertical:start:increment,[data-theme=win98] ::-webkit-scrollbar-button:vertical:end:decrement,[data-theme=win98] ::-webkit-scrollbar-button:horizontal:start:increment,[data-theme=win98] ::-webkit-scrollbar-button:horizontal:end:decrement{display:none}