*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #c0c0c0;--bg-light: #d4d0c8;--bg-dark: #808080;--bg-input: #ffffff;--border-light: #ffffff;--border-dark: #404040;--border-mid: #808080;--text: #000000;--text-muted: #404040;--link: #0000cc;--link-hover: #0000ff;--accent: #000080;--accent-text: #ffffff;--danger: #cc0000;--success: #008000;--warning: #cc6600;--phase-prep: #4a86c8;--phase-tack: #8b5e3c;--phase-base: #2e8b57;--phase-clear: #daa520;--phase-flash: #cd5c5c;--phase-bake: #ff6347;--phase-cool: #6495ed;--alarm: #ff0000;--font-main: Arial, Verdana, Helvetica, sans-serif;--font-mono: "Courier New", Courier, monospace}html{font-size:13px}body{font-family:var(--font-main);background:var(--bg);color:var(--text);line-height:1.4;min-height:100vh}a{color:var(--link);text-decoration:underline}a:hover{color:var(--link-hover)}#app{display:flex;flex-direction:column;min-height:100vh}.app-nav{background:var(--accent);color:var(--accent-text);padding:4px 8px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--border-dark)}.app-nav a{color:var(--accent-text);text-decoration:none;padding:2px 8px;font-weight:700;font-size:13px}.app-nav a:hover,.app-nav a.router-link-active{background:var(--border-dark);outline:1px dotted var(--accent-text)}.app-nav .nav-brand{font-family:var(--font-mono);font-size:14px;letter-spacing:1px;margin-right:8px;border-right:1px solid var(--bg-dark);padding-right:12px}.app-nav .nav-right{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px}.app-main{flex:1;padding:8px}.panel{background:var(--bg-light);border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);margin-bottom:8px}.panel-title{background:var(--accent);color:var(--accent-text);padding:2px 6px;font-weight:700;font-size:12px}.panel-body{padding:8px}label{display:block;font-size:12px;font-weight:700;margin-bottom:2px}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea{font-family:var(--font-main);font-size:13px;padding:2px 4px;border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);background:var(--bg-input);color:var(--text);width:100%;max-width:300px}select{max-width:310px}textarea{max-width:400px;min-height:60px;resize:vertical}.form-group{margin-bottom:8px}button,.btn{font-family:var(--font-main);font-size:12px;padding:3px 12px;border:2px solid;border-color:var(--border-light) var(--border-dark) var(--border-dark) var(--border-light);background:var(--bg-light);color:var(--text);cursor:pointer}button:active,.btn:active{border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark)}button:disabled{color:var(--bg-dark);cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:1px 8px;font-size:11px}table{width:100%;border-collapse:collapse;font-size:12px}th{background:var(--accent);color:var(--accent-text);text-align:left;padding:3px 6px;border:1px solid var(--border-dark);font-weight:700;white-space:nowrap}td{padding:2px 6px;border:1px solid var(--border-mid);background:var(--bg-input)}tr:nth-child(2n) td{background:var(--bg-light)}.status-bar{background:var(--bg-light);border-top:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);padding:2px 8px;font-size:11px;display:flex;gap:16px}.msg-error{color:var(--danger);font-weight:700;font-size:12px}.msg-success{color:var(--success);font-weight:700;font-size:12px}.qr-container{border:2px solid var(--border-dark);background:#fff;padding:8px;display:inline-block}@media(max-width:768px){.app-nav{flex-direction:column;align-items:flex-start}.app-nav .nav-right{margin-left:0;width:100%;justify-content:flex-end}table{font-size:11px}th,td{padding:2px 3px}}.update-banner[data-v-92aaa702]{position:fixed;top:0;left:0;right:0;background:#ff9800;color:#fff;padding:12px 16px;text-align:center;z-index:9999;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;gap:16px;font-weight:500}.refresh-btn[data-v-92aaa702]{padding:6px 16px;background:#fff;color:#ff9800;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.refresh-btn[data-v-92aaa702]:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0003}.refresh-btn[data-v-92aaa702]:active{transform:translateY(0)}.nav-shifted[data-v-92aaa702]{margin-top:44px}