:root{--bg: #0b1d14;--felt: #0f5132;--felt-light: #146c41;--panel: #142820;--panel-2: #1b3329;--text: #eef4ee;--text-dim: #9db3a6;--accent: #e0b94c;--accent-2: #d94f4f;--danger: #e05252;--success: #3fbf6a;--radius: 14px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font-family:inherit}a{color:inherit}.page{min-height:100%;display:flex;flex-direction:column}.container{width:100%;max-width:1080px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--panel);border-bottom:1px solid #1f3a2c;position:sticky;top:0;z-index:20}.topbar .brand{font-weight:700;font-size:18px;color:var(--accent)}.topbar .user-info{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-dim)}.btn{border:none;border-radius:10px;padding:10px 18px;font-size:15px;font-weight:600;cursor:pointer;color:var(--text);background:var(--panel-2);transition:transform .08s ease,filter .15s ease;touch-action:manipulation}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--accent),#c99a2e);color:#1b1400}.btn-danger{background:linear-gradient(135deg,var(--danger),#a83232);color:#fff}.btn-success{background:linear-gradient(135deg,var(--success),#268a48);color:#052711}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-block{width:100%}.card-panel{background:var(--panel);border-radius:var(--radius);padding:18px;border:1px solid #1f3a2c}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--text-dim)}.field input,.field select{background:var(--panel-2);border:1px solid #2a4838;border-radius:8px;padding:11px 12px;color:var(--text);font-size:16px}.field input:focus,.field select:focus{outline:2px solid var(--accent)}.error-text{color:var(--danger);font-size:13px}table.data-table{width:100%;border-collapse:collapse;font-size:14px}table.data-table th,table.data-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #223a2c;white-space:nowrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--panel-2);color:var(--text-dim)}.tag.on{background:#3fbf6a2e;color:var(--success)}.tag.off{background:#e052522e;color:var(--danger)}@media (max-width: 480px){.container{padding:12px}}