@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{color-scheme:light;--background: #FAFBFC;--foreground: #232A38;--card: #FFFFFF;--primary: #2E3D87;--primary-foreground: #FFFFFF;--muted: #F4F6F8;--muted-foreground: #5C677A;--accent-soft: #E8ECF8;--accent-foreground: #2E3D87;--border: #E9ECF1;--border-strong: #D8DEE7;--text-dim: #8A95A8;--brand-indigo: #2E3D87;--brand-indigo-3: #4A5BA8;--brand-teal: #7BC4C9;--brand-teal-2: #5BA9AE;--brand-orange: #F26B43;--brand-gradient: linear-gradient(135deg, #2E3D87 0%, #46579F 50%, #5BA9AE 100%);--status-open-soft: #FFEEE6;--status-open-border: #FFD5C2;--status-open-text: #B23D1C;--status-closed-soft: #E6F4F0;--status-closed-border: #BFE3D8;--status-closed-text: #1F6E5F;--status-warn-soft: #FFF4E0;--status-warn-border: #F5D9A0;--status-warn-text: #92610A;--radius: .625rem;--shadow-sm: 0 1px 2px rgba(19, 24, 36, .06), 0 1px 1px rgba(19, 24, 36, .04);--shadow-md: 0 4px 12px rgba(19, 24, 36, .06), 0 2px 4px rgba(19, 24, 36, .04);--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{color-scheme:dark;--background: #0F131A;--foreground: #E6EAF2;--card: #171C26;--primary: #5B6BC9;--primary-foreground: #FFFFFF;--muted: #1E242F;--muted-foreground: #9AA5B8;--accent-soft: #232B44;--accent-foreground: #AEB9EC;--border: #262D3A;--border-strong: #333C4C;--text-dim: #6B7688;--status-open-soft: #3A241D;--status-open-border: #5A3527;--status-open-text: #FFB59B;--status-closed-soft: #17322B;--status-closed-border: #275247;--status-closed-text: #8FE0CD;--status-warn-soft: #362B16;--status-warn-border: #574526;--status-warn-text: #F3C77A;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .24);--shadow-md: 0 4px 12px rgba(0, 0, 0, .34), 0 2px 4px rgba(0, 0, 0, .26)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}#app{display:flex;flex-direction:column}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:16px}a{color:var(--primary);text-decoration:none}.mono{font-family:var(--font-mono)}.dim{color:var(--text-dim)}.app{min-height:100%;display:flex;flex-direction:column}.app-header{padding:calc(var(--safe-top) + 16px) 16px 16px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:10;box-shadow:var(--shadow-md)}.app-header .title{font-size:17px;font-weight:600;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-btn{background:transparent;border:0;color:#ffffffeb;display:grid;place-items:center;width:38px;height:38px;border-radius:10px}.header-btn:active{background:#ffffff29}.back-btn{display:inline-flex;align-items:center;justify-content:center;background:#ffffff24;border:0;color:#fff;width:38px;height:38px;border-radius:10px;flex-shrink:0}.back-btn:active{background:#ffffff42}.page{flex:1;padding:18px 18px calc(var(--safe-bottom) + 24px)}.page.has-nav{padding-bottom:calc(var(--safe-bottom) + 84px)}.bottomnav{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--border);padding-bottom:var(--safe-bottom);box-shadow:0 -4px 20px #1318240f;z-index:20}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 9px;color:var(--text-dim);text-decoration:none;font-size:11px;font-weight:500;position:relative}.bn-item.router-link-active{color:var(--primary)}.bn-item.router-link-active:before{content:"";position:absolute;top:0;width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--brand-gradient)}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-sm)}.card:active{border-color:var(--border-strong)}.grad-chip{background:var(--brand-gradient);color:#fff;display:grid;place-items:center;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 18px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--card);color:var(--foreground);font-size:15px;font-weight:500}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;transform:none}.btn.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn.block{width:100%}.pill{display:inline-block;font-size:11px;font-weight:500;padding:3px 9px;border-radius:20px}.pill.tag{background:var(--muted);color:var(--muted-foreground)}.pill.accent{background:var(--accent-soft);color:var(--accent-foreground)}.pill.open{background:var(--status-open-soft);color:var(--status-open-text);border:1px solid var(--status-open-border)}.pill.closed{background:var(--status-closed-soft);color:var(--status-closed-text);border:1px solid var(--status-closed-border)}.field{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border:1px solid var(--border);background:var(--card);border-radius:var(--radius)}.field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 22%,transparent)}.field input,.field select{flex:1;min-width:0;border:0;outline:none;background:transparent;color:var(--foreground)}.field .ic{color:var(--text-dim);flex-shrink:0;display:grid;place-items:center}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meta-grid .k{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.meta-grid .v{font-size:14px;font-weight:500;margin-top:2px;word-break:break-word}.tabs{display:flex;gap:6px;margin-bottom:14px}.tab{flex:1;background:transparent;border:0;padding:8px 6px;border-radius:8px;color:var(--muted-foreground);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px}.tab.active{background:var(--accent-soft);color:var(--accent-foreground);font-weight:500}.tab .count{font-size:11px;background:color-mix(in srgb,var(--muted-foreground) 14%,transparent);padding:1px 7px;border-radius:20px}.state{text-align:center;padding:48px 16px;color:var(--muted-foreground)}.state .ic{width:52px;height:52px;margin:0 auto 14px;border-radius:14px;background:var(--muted);color:var(--text-dim);display:grid;place-items:center}.state h4{font-size:15px;color:var(--foreground);margin-bottom:4px}.state p{font-size:13px}