*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;color:#111b21;background:#f7f8fa;-webkit-font-smoothing:antialiased}:root{--sable: #060606;--cadmium: #FDDA0D;--header-bg: #060606;--header-fg: #FDDA0D;--danger: #E03131;--success: #06A23B;--divider: #E9EDEF;--surface: #FFFFFF;--text-primary: #111B21;--text-secondary: #667781;--r-card: 8px}button{cursor:pointer;border:none;background:none;font:inherit}a{color:#027eb5;text-decoration:none}input,textarea,select{font:inherit}:focus-visible{outline:2px solid var(--cadmium);outline-offset:2px}.cms-layout{display:flex;height:100%}.cms-sidebar{width:220px;background:var(--sable);color:var(--header-fg);display:flex;flex-direction:column;padding:0;flex-shrink:0}.cms-sidebar-logo{padding:20px 16px;font-size:18px;font-weight:600;color:var(--cadmium);border-bottom:1px solid rgba(255,255,255,.1)}.cms-sidebar-logo span{font-size:11px;opacity:.6;display:block;margin-top:2px}.cms-nav{flex:1;padding:8px 0}.cms-nav-item{display:flex;align-items:center;gap:10px;padding:12px 16px;color:#ffffffb3;font-size:14px;cursor:pointer;transition:background .1s,color .1s;border:none;background:none;width:100%;text-align:left}.cms-nav-item:hover,.cms-nav-item.active{background:#fdda0d1a;color:var(--cadmium)}.cms-content{flex:1;overflow-y:auto;padding:24px}.cms-page-title{font-size:20px;font-weight:600;margin-bottom:20px}.cms-card{background:var(--surface);border-radius:var(--r-card);box-shadow:0 1px 2px #00000014;padding:20px;margin-bottom:16px}.cms-table{width:100%;border-collapse:collapse}.cms-table th,.cms-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--divider);font-size:13px}.cms-table th{font-weight:600;color:var(--text-secondary);background:#f7f8fa}.btn{padding:7px 14px;border-radius:6px;font-size:13px;font-weight:500;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sable);color:var(--cadmium)}.btn-danger{background:var(--danger);color:#fff}.btn-success{background:var(--success);color:#fff}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge-pending{background:#fff3cd;color:#856404}.badge-active{background:#d1fae5;color:#065f46}.badge-suspended{background:#fee2e2;color:#991b1b}.badge-banned{background:#f3f4f6;color:#6b7280}.cms-login{display:flex;align-items:center;justify-content:center;height:100%;background:var(--sable)}.cms-login-card{background:#fff;border-radius:12px;padding:40px 32px;width:360px}.cms-login-title{font-size:22px;font-weight:600;margin-bottom:4px}.cms-login-sub{color:var(--text-secondary);font-size:13px;margin-bottom:24px}.cms-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.cms-field label{font-size:13px;font-weight:500;color:var(--text-secondary)}.cms-field input{height:40px;padding:0 12px;border:1.5px solid var(--divider);border-radius:6px;font-size:14px}.cms-field input:focus{outline:none;border-color:var(--sable)}.cms-error{font-size:13px;color:var(--danger);padding:8px;background:#e0313114;border-radius:6px;margin-bottom:12px}