*, *::before, *::after { box-sizing: border-box; }
        body, h1,h2,h3,h4,h5,h6,input,select,textarea,button,label { font-family:'Outfit','Inter',sans-serif !important; }
        .adm-main { display:flex; justify-content:center; padding:28px 4% 50px; margin-left:100px; }
        .adm-card { width:100%; max-width:1100px; background:rgba(255,255,255,0.88); backdrop-filter:blur(28px); border:1px solid rgba(255,255,255,0.65); padding:38px 42px; border-radius:28px; box-shadow:0 18px 55px rgba(0,0,0,0.10); }
        .section-box { background:#ffffff; border-radius:18px; padding:22px 26px; box-shadow:0 3px 12px rgba(0,0,0,0.04); border:1px solid rgba(0,0,0,0.06); }
        .section-title { font-size:0.95rem; color:#0f172a; margin:0 0 18px 0; display:flex; align-items:center; gap:11px; font-weight:800; letter-spacing:-0.3px; }
        .section-title i { color:var(--primary); }
        .fi { background:#f8fafc; color:#0f172a; border:1px solid #e2e8f0; width:100%; padding:11px 13px; border-radius:11px; font-weight:600; font-size:0.88rem; box-sizing:border-box; transition:border 0.2s,box-shadow 0.2s; font-family:inherit; }
        .fi:focus { outline:none; border-color:var(--primary); box-shadow:0 0 0 3px rgba(59,130,246,0.12); }
        .fi::placeholder { color:#94a3b8; font-weight:500; }
        .label-sm { font-size:0.72rem; font-weight:800; color:#475569; margin-bottom:7px; display:block; letter-spacing:0.8px; text-transform:uppercase; }
        .form-grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
        .form-grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; }
        .btn-save { width:100%; padding:15px; background:var(--grad-premium,linear-gradient(135deg,#1e40af,#3b82f6)); border:none; border-radius:13px; color:white; font-size:0.95rem; font-weight:800; cursor:pointer; box-shadow:0 8px 22px hsla(221,83%,53%,0.28); transition:transform 0.2s,opacity 0.2s; margin-top:16px; }
        .btn-save:hover { opacity:0.92; transform:translateY(-2px); }
        .btn-danger { width:100%; padding:15px; background:linear-gradient(135deg,#dc2626,#ef4444); border:none; border-radius:13px; color:white; font-size:0.95rem; font-weight:800; cursor:pointer; box-shadow:0 8px 22px rgba(220,38,38,0.25); transition:transform 0.2s,opacity 0.2s; margin-top:16px; }
        .btn-danger:hover { opacity:0.92; transform:translateY(-2px); }
        .inv-table { width:100%; border-collapse:collapse; }
        .inv-table thead tr { background:#e8edf4; }
        .inv-table th { color:#475569; padding:10px 14px; text-align:left; font-size:0.75rem; font-weight:800; letter-spacing:0.5px; }
        .inv-table tbody td { padding:11px 14px; color:#0f172a; font-size:0.86rem; border-bottom:1px solid #f1f5f9; font-weight:500; }
        .inv-table tbody tr:hover td { background:#f8fbff; }
        .table-wrap { background:#f8fafc; border:1px solid #e2e8f0; border-radius:14px; overflow:hidden; }
        .role-badge { display:inline-block; border-radius:6px; padding:3px 10px; font-size:0.76rem; font-weight:700; }
        .role-admin { background:#dbeafe; color:#1e40af; }
        .role-user  { background:#dcfce7; color:#15803d; }
        .role-viewer{ background:#fef9c3; color:#a16207; }
        .btn-action { background:none; border:none; cursor:pointer; padding:6px 8px; border-radius:7px; font-size:0.9rem; transition:background 0.15s; }
        .btn-action.edit { color:#1e40af; } .btn-action.edit:hover { background:#eff6ff; }
        .btn-action.del  { color:#ef4444; } .btn-action.del:hover  { background:#fee2e2; }
        .toggle-switch { position:relative; display:inline-block; width:46px; height:24px; }
        .toggle-switch input { opacity:0; width:0; height:0; }
        .toggle-slider { position:absolute; cursor:pointer; top:0;left:0;right:0;bottom:0; background:#cbd5e1; border-radius:24px; transition:0.3s; }
        .toggle-slider:before { position:absolute; content:""; height:18px; width:18px; left:3px; bottom:3px; background:white; border-radius:50%; transition:0.3s; }
        input:checked + .toggle-slider { background:var(--primary,#3b82f6); }
        input:checked + .toggle-slider:before { transform:translateX(22px); }
        .config-row { display:flex; justify-content:space-between; align-items:center; padding:14px 0; border-bottom:1px solid #f1f5f9; }
        .config-row:last-child { border-bottom:none; }
        .config-label { font-size:0.88rem; font-weight:700; color:#0f172a; }
        .config-desc  { font-size:0.78rem; color:#64748b; font-weight:500; margin-top:2px; }
        .tab-bar { display:flex; gap:8px; margin-bottom:22px; flex-wrap:wrap; }
        .tab-btn { padding:8px 18px; border-radius:20px; font-size:0.83rem; font-weight:700; cursor:pointer; border:1px solid #e2e8f0; background:#f8fafc; color:#64748b; transition:all 0.2s; }
        .tab-btn.active { background:var(--primary,#3b82f6); color:white; border-color:var(--primary,#3b82f6); }
        .tab-panel { display:none; } .tab-panel.active { display:block; }