#app{width:100%;height:100%}:root{--primary-color: #07c160;--bg-color: #f5f5f5;--card-bg: #ffffff;--text-color: #333;--text-secondary: #666;--border-color: #e5e5e5}body{background-color:var(--bg-color);color:var(--text-color)}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--card-bg);border-radius:8px;box-shadow:0 2px 8px #00000014;padding:20px}.btn{display:inline-block;padding:10px 24px;border-radius:4px;cursor:pointer;border:none;font-size:14px;transition:all .3s}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:#06ad56}.btn:disabled{opacity:.6;cursor:not-allowed}