:root{--primary: #1a5276;--primary-light: #2980b9;--primary-dark: #0e3750;--accent: #d4a843;--accent-light: #f0d78c;--success: #27ae60;--danger: #e74c3c;--warning: #f39c12;--info: #3498db;--bg: #f0f2f5;--bg-card: #ffffff;--bg-dark: #1a1f2e;--bg-darker: #141824;--border: #e4e7ed;--text: #2c3e50;--text-secondary: #7f8c8d;--text-light: #bdc3c7;--text-white: #ecf0f1;--level-visitor: #95a5a6;--level-normal: #3498db;--level-silver: #7f8c8d;--level-gold: #f1c40f;--level-platinum: #1abc9c;--level-diamond: #9b59b6;--level-supreme: #e74c3c;--level-rich: #e67e22;--level-tycoon: #c0392b;--level-admin: #e74c3c;--level-assistant: #2ecc71;--level-service: #3498db;--gap-xs: 4px;--gap-sm: 8px;--gap-md: 12px;--gap-lg: 16px;--gap-xl: 24px;--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--font: "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;font-family:var(--font);color:var(--text);background:var(--bg);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--primary-light);text-decoration:none}a:hover{color:var(--primary)}input,textarea,select,button{font-family:inherit;font-size:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:var(--radius);border:none;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#c49a37}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--primary-light);color:var(--primary-light)}.btn-sm{padding:4px 12px;font-size:12px}.btn-block{width:100%}.input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .2s;font-size:14px}.input:focus{border-color:var(--primary-light);box-shadow:0 0 0 3px #2980b91a}.input::placeholder{color:var(--text-light)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500;line-height:1.4}.level-badge{padding:1px 6px;border-radius:3px;font-size:11px;color:#fff;font-weight:500}.level--1{background:var(--level-visitor)}.level-0{background:var(--level-normal)}.level-1{background:var(--level-silver)}.level-2{background:var(--level-gold);color:#333}.level-3{background:var(--level-platinum)}.level-4{background:var(--level-diamond)}.level-5{background:var(--level-supreme)}.level-6{background:var(--level-rich)}.level-7{background:var(--level-tycoon)}.level--2{background:var(--level-admin)}.level--3{background:var(--level-assistant)}.level--4{background:var(--level-service)}.modal-mask{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-box{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:440px;animation:scaleIn .25s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border);font-weight:600;font-size:16px}.modal-body{padding:20px}.modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end}.modal-close{cursor:pointer;font-size:20px;color:var(--text-light);background:none;border:none;line-height:1}.modal-close:hover{color:var(--text)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:10px 24px;border-radius:var(--radius);color:#fff;font-weight:500;z-index:9999;animation:slideUp .3s ease}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.flex-1{flex:1;min-width:0}.gap-sm{gap:var(--gap-sm)}.gap-md{gap:var(--gap-md)}.room-layout{display:flex;height:100vh;overflow:hidden}@media (max-width: 900px){.room-layout{flex-direction:column}}