:root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-tertiary: #f0f2f5;--bg-card: #ffffff;--bg-sidebar: #f6f8fa;--bg-input: #ffffff;--border-color: rgba(0,0,0,.1);--border-subtle: rgba(0,0,0,.06);--text-primary: #1f2328;--text-secondary: #656d76;--text-tertiary: #8b949e;--accent: #e94560;--accent-hover: #c73652;--green: #1a7f37;--green-bg: rgba(26,127,55,.1);--yellow: #9a6700;--yellow-bg: rgba(154,103,0,.1);--orange: #bc4c00;--orange-bg: rgba(188,76,0,.1);--red-text: #cf222e;--red-bg: rgba(207,34,46,.1)}[data-theme=dark]{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #1c2333;--bg-card: #161b22;--bg-sidebar: #161b22;--bg-input: #0d1117;--border-color: rgba(255,255,255,.1);--border-subtle: rgba(255,255,255,.06);--text-primary: #f0f6fc;--text-secondary: #c9d1d9;--text-tertiary: #8b949e;--accent: #e94560;--accent-hover: #f06273;--green: #2ecc71;--green-bg: rgba(46,204,113,.15);--yellow: #f1c40f;--yellow-bg: rgba(241,196,15,.15);--orange: #e67e22;--orange-bg: rgba(230,126,34,.15);--red-text: #e74c3c;--red-bg: rgba(231,76,60,.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-sidebar);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;border-right:1px solid var(--border-subtle)}.sidebar-header{padding:20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{background:var(--accent);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:18px;margin:0;color:#fff}.sidebar-title{font-size:16px;font-weight:600;color:var(--text-primary)}.nav-links{list-style:none;padding:10px 0;flex:1}.nav-links li a{display:block;padding:10px 20px;color:var(--text-tertiary);text-decoration:none;font-size:14px;transition:all .2s}.nav-links li a:hover,.nav-links li a.router-link-active{color:var(--accent);background:var(--red-bg)}.nav-sub{list-style:none;padding:0;margin:0}.nav-sub li a{padding-left:36px!important;font-size:13px!important}.sidebar-footer{padding:15px 20px;border-top:1px solid var(--border-color)}.theme-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;margin-bottom:10px;background:transparent;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:12px;color:var(--text-tertiary);transition:all .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-icon{font-size:14px}.user-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px}.user-name{color:var(--text-primary)}.user-role{background:var(--red-bg);padding:2px 8px;border-radius:10px;font-size:11px;color:var(--accent);text-transform:uppercase}.btn-logout{width:100%;padding:6px;background:transparent;border:1px solid var(--border-color);color:var(--text-tertiary);border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:var(--red-bg);color:var(--accent);border-color:var(--accent)}.main-content{margin-left:240px;padding:30px;flex:1}h1{font-size:24px;margin-bottom:20px;color:var(--text-primary)}h2{font-size:18px;margin-bottom:15px;color:var(--text-primary)}.card{background:var(--bg-card);border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid var(--border-subtle)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.stat{text-align:center}.stat .value{font-size:32px;font-weight:700;color:var(--accent)}.stat .label{font-size:13px;color:var(--text-tertiary);margin-top:4px}.btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:14px;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary)}.btn-outline:hover{background:var(--bg-secondary)}.btn-sm{padding:4px 10px;font-size:12px}input,select,textarea{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}label{display:block;margin-bottom:4px;font-size:13px;color:var(--text-tertiary)}table{width:100%;border-collapse:collapse}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border-subtle)}th{color:var(--text-tertiary);font-weight:500;font-size:12px;text-transform:uppercase}td{font-size:14px;color:var(--text-secondary)}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:500}.badge-active{background:var(--green-bg);color:var(--green)}.badge-pending{background:var(--yellow-bg);color:var(--yellow)}.badge-paused{background:var(--orange-bg);color:var(--orange)}.badge-expired{background:var(--red-bg);color:var(--red-text)}