#app{min-height:100vh}:root{--font-primary: "Inter", system-ui, -apple-system, sans-serif;--bg-dark: #0b1120;--text-primary: #ffffff;--primary-blue: #00d2ff}body{margin:0;padding:0;font-family:var(--font-primary);background-color:var(--bg-dark);color:var(--text-primary);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0b1120}::-webkit-scrollbar-thumb{background:#334;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#556}:root{--ro-primary-blue: #00A0E9;--ro-text-main: #555555;--ro-text-muted: #888888;--btn-account-bg: linear-gradient(180deg, #2ae0ff 0%, #009ce7 100%);--btn-account-shadow: 0 4px 0 #007eb8;--btn-download-bg: linear-gradient(180deg, #d86bd1 0%, #9e3692 100%);--btn-download-shadow: 0 4px 0 #7a2b70;--btn-payment-bg: linear-gradient(180deg, #ffb547 0%, #ff7f00 100%);--btn-payment-shadow: 0 4px 0 #cc6600;--ro-container-width: 1200px;--ro-header-height: 500px;--ro-sidebar-width: 260px}body{background-color:#f3f5f9;margin:0;font-family:Microsoft JhengHei,Arial,sans-serif;color:var(--ro-text-main);overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none;padding:0;margin:0}.ro-card-shadow{box-shadow:0 5px 15px #0000000d}.ro-rounded{border-radius:12px}:root{--color-bg: #0f172a;--color-bg-light: #1e293b;--color-bg-dark: #020617;--color-secondary: #0f172a;--color-secondary-hover: #1e293b;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-text: #f8fafc;--color-text-light: #cbd5e1;--color-text-muted: #94a3b8;--color-border: #334155;--color-border-light: #334155;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}.card{background-color:var(--color-bg-light);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-border);overflow:hidden}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text);display:flex;justify-content:space-between;align-items:center}.card-body{padding:var(--spacing-lg)}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:500}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:var(--font-size-sm);gap:6px;text-decoration:none}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background-color:var(--color-bg-light);border-color:var(--color-text-muted)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{filter:brightness(.9)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:var(--spacing-md);color:var(--color-text-muted);font-weight:500;font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border)}.table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);color:var(--color-text-light);font-size:var(--font-size-sm)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#ffffff05}.badge{display:inline-block;padding:2px 8px;border-radius:9999px;font-size:var(--font-size-xs);font-weight:500}.badge-success{background-color:#10b98133;color:var(--color-success)}.badge-warning{background-color:#f59e0b33;color:var(--color-warning)}.badge-info{background-color:#3b82f633;color:var(--color-info)}.text-right{text-align:right}.text-center{text-align:center}