:root{--primary: #8B6914;--primary-light: #B8860B;--primary-dark: #6B4F12;--accent: #D4A843;--bg: #FAF7F2;--bg-card: #FFFFFF;--text: #2C2416;--text-secondary: #8B7355;--border: #E8DDD0;--success: #4CAF50;--warning: #FF9800;--danger: #F44336;--info: #2196F3;--radius: 8px;--shadow: 0 2px 8px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6}#app{height:100%}a{color:var(--primary);text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:inherit}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.w-full{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;border-radius:var(--radius);border:none;cursor:pointer;font-size:14px;transition:all .2s;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover{background:var(--bg)}.btn-danger{background:#fff;color:var(--danger);border:1px solid var(--danger)}.btn-sm{padding:4px 12px;font-size:13px}.btn-block{width:100%}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.tag{display:inline-block;padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.tag-diamond{background:#e8eaf6;color:#3949ab}.tag-gold{background:#fff8e1;color:#e6a817}.tag-silver{background:#eceff1;color:#607d8b}.tag-vip{background:#f3e5f5;color:#7b1fa2}.tag-normal{background:#f5f5f5;color:#9e9e9e}.tag-active{background:#e8f5e9;color:#388e3c}.tag-churn{background:#ffebee;color:#d32f2f}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-size:14px;color:var(--text-secondary)}.form-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);outline:none;background:#fff;transition:border-color .2s}.form-input:focus{border-color:var(--primary)}.form-select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);outline:none;background:#fff}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:13px;color:var(--text-secondary);font-weight:500;background:var(--bg);white-space:nowrap}td{font-size:14px}tr:hover td{background:#faf8f5}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;padding:12px 24px;border-radius:var(--radius);color:#fff;font-size:14px;animation:toastIn .3s ease}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.hide-mobile{display:none!important}th,td{padding:8px 10px;font-size:13px}.card{padding:12px}}@media (min-width: 769px){.hide-desktop{display:none!important}}