:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-text: #212529;--color-text-secondary: #6c757d;--color-border: #dee2e6;--color-primary: #212529;--color-primary-hover: #343a40;--color-danger: #dc3545;--color-success: #28a745;--color-warning: #ffc107;--sidebar-width: 220px;--radius: 4px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg-secondary)}a{color:var(--color-text);text-decoration:none}.admin-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-text);color:#fff;position:fixed;top:0;left:0;height:100vh;overflow-y:auto}.sidebar-header{padding:20px;font-size:18px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-menu{list-style:none;padding:10px 0}.sidebar-menu a{display:block;padding:12px 20px;color:#ffffffb3;transition:all .2s}.sidebar-menu a:hover,.sidebar-menu a.router-link-active{color:#fff;background:#ffffff1a}.main-content{flex:1;margin-left:var(--sidebar-width);padding:24px}.page-header{margin-bottom:24px}.page-title{font-size:24px;font-weight:600}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);padding:20px}.stat-card h3{font-size:12px;color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:8px}.stat-card .value{font-size:28px;font-weight:700}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;text-align:left;border-bottom:1px solid var(--color-border)}th{background:var(--color-bg-secondary);font-weight:600}tr:hover td{background:var(--color-bg-secondary)}.btn{display:inline-block;padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s}.btn:hover{background:var(--color-bg-secondary)}.btn-primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{background:var(--color-danger);border-color:var(--color-danger);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.btn-block{display:block;width:100%}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:6px;font-weight:500}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary)}.form-textarea{min-height:100px;resize:vertical}.alert{padding:12px 16px;border-radius:var(--radius);margin-bottom:16px}.alert-danger{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.badge{display:inline-block;padding:4px 8px;border-radius:var(--radius);font-size:12px}.badge-success{background:#d4edda;color:#155724}.badge-warning{background:#fff3cd;color:#856404}.badge-danger{background:#f8d7da;color:#721c24}.text-center{text-align:center}.text-muted{color:var(--color-text-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.flex{display:flex}.flex-between{justify-content:space-between}.items-center{align-items:center}.gap-1{gap:8px}.gap-2{gap:16px}.loading{text-align:center;padding:40px;color:var(--color-text-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--color-bg);padding:24px;border-radius:var(--radius);width:500px;max-width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:18px;font-weight:600}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-secondary)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary)}.login-card{width:400px;padding:40px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius)}.login-card h1{text-align:center;margin-bottom:30px}