:root{--primary: #373b56;--primary-light: #4b5078;--bg: #f4f5f7;--card: #ffffff;--text: #1f2430;--muted: #6b7280;--border: #e3e5ea;--active: #16a34a;--pending: #d97706;--expired: #6b7280;--danger: #dc2626;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Cairo,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.topbar{background:var(--primary);color:#fff;padding:0 20px;height:60px;display:flex;align-items:center;gap:20px;position:sticky;top:0;z-index:10}.topbar .brand{font-weight:900;font-size:20px;letter-spacing:1px}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav a{padding:8px 14px;border-radius:8px;font-weight:700;font-size:14px;opacity:.85}.topbar nav a.active,.topbar nav a:hover{background:#ffffff26;opacity:1}.topbar .user{display:flex;align-items:center;gap:10px;font-size:13px}.topbar .logout{background:#ffffff26;color:#fff;border:none;padding:7px 14px;border-radius:8px;font-weight:700;font-size:13px}.topbar .logout:hover{background:#ffffff47}.page{max-width:1080px;margin:24px auto;padding:0 20px}.page h1{font-size:22px;margin-bottom:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.chip{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 16px;font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px}.chip.active{border-color:var(--primary);background:#eef0f7;color:var(--primary)}.chip .num{background:var(--primary);color:#fff;border-radius:999px;padding:1px 9px;font-size:12px}.chip.active .num{background:var(--primary)}.searchbar{display:flex;gap:10px;margin-bottom:16px}.searchbar input{flex:1;padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-size:14px}.searchbar input:focus{outline:2px solid var(--primary-light)}.tbl{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border)}.tbl th,.tbl td{padding:12px 14px;text-align:right;font-size:14px}.tbl th{background:#fafafb;color:var(--muted);font-weight:700;font-size:12px;border-bottom:1px solid var(--border)}.tbl tbody tr{border-bottom:1px solid var(--border);cursor:pointer}.tbl tbody tr:last-child{border-bottom:none}.tbl tbody tr:hover{background:#f8f9fb}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.active{background:#dcfce7;color:var(--active)}.badge.pending{background:#fef3c7;color:var(--pending)}.badge.expired{background:#f3f4f6;color:var(--expired)}.badge.disabled{background:#fee2e2;color:var(--danger)}.badge.demo{background:#ede9fe;color:#7c3aed;margin-inline-start:6px}.btn{border:none;border-radius:9px;padding:10px 18px;font-weight:800;font-size:14px;background:var(--primary);color:#fff}.btn:hover{background:var(--primary-light)}.btn.sm{padding:7px 12px;font-size:13px}.btn.ghost{background:#eef0f7;color:var(--primary)}.btn.ghost:hover{background:#e0e3ef}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b91c1c}.btn.ok{background:var(--active)}.btn.ok:hover{background:#15803d}.btn:disabled{opacity:.55;cursor:not-allowed}.field{margin-bottom:14px}.field label{display:block;font-weight:700;font-size:13px;margin-bottom:6px}.field input,.field select{width:100%;padding:11px 13px;border:1px solid var(--border);border-radius:9px;font-size:14px}.field input:focus,.field select:focus{outline:2px solid var(--primary-light)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.alert{padding:11px 14px;border-radius:9px;font-weight:700;font-size:14px;margin-bottom:14px}.alert.err{background:#fee2e2;color:var(--danger)}.alert.ok{background:#dcfce7;color:var(--active)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--primary);padding:20px}.login-card{background:var(--card);border-radius:16px;padding:36px 30px;width:100%;max-width:380px}.login-card .logo{text-align:center;font-weight:900;font-size:30px;color:var(--primary);letter-spacing:2px;margin-bottom:4px}.login-card .sub{text-align:center;color:var(--muted);font-size:13px;margin-bottom:22px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:8px}.detail-grid .k{color:var(--muted);font-size:13px}.detail-grid .v{font-weight:700;font-size:14px}.action-block{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.action-block h3{font-size:15px;margin-bottom:10px}.action-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.action-row input,.action-row select{padding:9px 12px;border:1px solid var(--border);border-radius:8px;font-size:14px}.muted{color:var(--muted);font-size:13px}.center{text-align:center;padding:40px;color:var(--muted)}.back-link{display:inline-block;margin-bottom:12px;color:var(--primary);font-weight:700;font-size:14px}