.val-permission-center{--perm-line:rgba(255,255,255,.105);--perm-panel:rgba(8,12,22,.72);--perm-muted:rgba(230,235,255,.62);display:grid;gap:14px;color:#f7f8ff}
.val-permission-loading,.val-perm-empty{min-height:140px;display:grid;place-items:center;text-align:center;padding:24px;border:1px dashed var(--perm-line);border-radius:18px;color:var(--perm-muted);background:rgba(255,255,255,.025)}
.val-perm-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:20px;border:1px solid rgba(130,104,255,.28);border-radius:22px;background:radial-gradient(circle at 8% 15%,rgba(124,91,255,.22),transparent 36%),linear-gradient(145deg,rgba(18,22,38,.96),rgba(7,10,19,.88));box-shadow:0 18px 55px rgba(0,0,0,.22)}
.val-perm-hero:after{content:"";position:absolute;inset:auto -40px -80px auto;width:190px;height:190px;border-radius:50%;background:rgba(91,218,255,.08);filter:blur(4px);pointer-events:none}
.val-perm-core{width:70px;height:70px;border-radius:22px;display:grid;place-items:center;font-size:28px;background:linear-gradient(145deg,rgba(122,87,255,.35),rgba(62,216,255,.13));border:1px solid rgba(172,152,255,.4);box-shadow:inset 0 0 28px rgba(133,103,255,.16),0 0 30px rgba(88,62,255,.12)}
.val-perm-hero-copy span,.val-perm-kicker{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#a998ff;font-weight:800}
.val-perm-hero-copy h3{margin:5px 0 4px;font-size:23px;line-height:1.05}
.val-perm-hero-copy p{margin:0;color:var(--perm-muted);font-size:13px;line-height:1.5}
.val-perm-refresh{position:relative;z-index:1;width:38px;height:38px;border-radius:13px;border:1px solid var(--perm-line);background:rgba(255,255,255,.045);color:#fff;cursor:pointer}
.val-perm-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.val-perm-summary>div{padding:12px;border-radius:15px;border:1px solid var(--perm-line);background:var(--perm-panel);display:grid;gap:3px;text-align:center}
.val-perm-summary strong{font-size:20px}.val-perm-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--perm-muted)}
.val-perm-card{border:1px solid var(--perm-line);border-radius:20px;background:var(--perm-panel);overflow:hidden}
.val-perm-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 17px;border-bottom:1px solid rgba(255,255,255,.07)}
.val-perm-card-head h4{margin:3px 0 0;font-size:16px}.val-perm-card-head small{color:var(--perm-muted)}
.val-perm-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.val-perm-btn{appearance:none;border:1px solid rgba(163,143,255,.28);background:rgba(125,96,255,.1);color:#f8f7ff;border-radius:12px;padding:9px 12px;font-weight:750;font-size:12px;cursor:pointer;transition:.18s ease}
.val-perm-btn:hover{transform:translateY(-1px);border-color:rgba(181,164,255,.58)}
.val-perm-btn.primary{background:linear-gradient(135deg,#7658ff,#4f7eff);border-color:transparent}.val-perm-btn.danger{background:rgba(255,75,108,.11);border-color:rgba(255,85,117,.3);color:#ffb4c2}.val-perm-btn:disabled{opacity:.46;cursor:not-allowed;transform:none}
.val-perm-lockdown{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:17px}
.val-perm-lockdown strong{display:block;font-size:14px}.val-perm-lockdown p{margin:4px 0 0;color:var(--perm-muted);font-size:12px;line-height:1.45}
.val-perm-switch{position:relative;width:50px;height:28px}.val-perm-switch input{position:absolute;opacity:0;pointer-events:none}.val-perm-switch i{position:absolute;inset:0;border-radius:99px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);transition:.2s}.val-perm-switch i:after{content:"";position:absolute;width:20px;height:20px;top:3px;left:4px;border-radius:50%;background:#d9dded;transition:.2s}.val-perm-switch input:checked+i{background:rgba(255,64,103,.28);border-color:rgba(255,86,119,.55)}.val-perm-switch input:checked+i:after{transform:translateX(21px);background:#ff718d}
.val-perm-pending-list,.val-perm-grant-list,.val-perm-audit{display:grid;gap:9px;padding:12px}
.val-perm-request{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px;border:1px solid rgba(255,186,87,.2);border-radius:16px;background:linear-gradient(145deg,rgba(255,167,55,.085),rgba(255,255,255,.025))}
.val-perm-request-main{min-width:0}.val-perm-request-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.val-perm-request h5{font-size:14px;margin:0}.val-perm-request p{margin:6px 0 0;color:var(--perm-muted);font-size:12px;line-height:1.45}.val-perm-request small{display:block;margin-top:7px;color:rgba(255,255,255,.42);font-size:10px}
.val-perm-request-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.val-perm-scope{min-width:112px;border:1px solid var(--perm-line);background:#111625;color:#fff;border-radius:11px;padding:8px;font-size:11px}
.val-perm-risk{display:inline-flex;align-items:center;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.val-perm-risk.low{background:rgba(70,224,163,.1);color:#7df1bf;border-color:rgba(70,224,163,.2)}.val-perm-risk.medium{background:rgba(100,167,255,.1);color:#90c2ff;border-color:rgba(100,167,255,.2)}.val-perm-risk.high{background:rgba(255,188,70,.1);color:#ffd07b;border-color:rgba(255,188,70,.2)}.val-perm-risk.critical{background:rgba(255,74,111,.1);color:#ff93a8;border-color:rgba(255,74,111,.22)}
.val-perm-category{border-top:1px solid rgba(255,255,255,.065)}.val-perm-category:first-child{border-top:0}.val-perm-category>button{width:100%;border:0;background:transparent;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 17px;cursor:pointer;text-align:left}.val-perm-category>button span{display:grid;gap:3px}.val-perm-category>button small{color:var(--perm-muted);font-size:11px}.val-perm-category>button i{transition:.18s}.val-perm-category.closed>button i{transform:rotate(-90deg)}.val-perm-category.closed .val-perm-actions{display:none}
.val-perm-actions{display:grid;padding:0 12px 12px;gap:8px}
.val-perm-action{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.075);border-radius:15px;padding:12px;background:rgba(255,255,255,.025)}.val-perm-action-copy{min-width:0}.val-perm-action-title{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.val-perm-action-title strong{font-size:13px}.val-perm-action p{margin:5px 0 0;color:var(--perm-muted);font-size:11px;line-height:1.45}.val-perm-action code{font-size:9px;color:rgba(255,255,255,.34);word-break:break-all}.val-perm-modes{display:flex;padding:3px;border:1px solid var(--perm-line);background:rgba(0,0,0,.2);border-radius:12px}.val-perm-modes button{border:0;background:transparent;color:rgba(255,255,255,.48);border-radius:9px;padding:7px 8px;font-size:10px;font-weight:850;cursor:pointer}.val-perm-modes button.active[data-mode="allow"]{background:rgba(61,218,155,.17);color:#81f1c1}.val-perm-modes button.active[data-mode="ask"]{background:rgba(105,134,255,.19);color:#abc1ff}.val-perm-modes button.active[data-mode="deny"]{background:rgba(255,72,108,.17);color:#ff9caf}.val-perm-modes button:disabled{opacity:.45;cursor:not-allowed}
.val-perm-protected{display:flex;align-items:center;gap:7px;font-size:10px;color:#ff9caf;font-weight:800}.val-perm-protected i{font-size:11px}
.val-perm-grant,.val-perm-audit-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.02)}.val-perm-grant>i,.val-perm-audit-row>i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(122,91,255,.12);color:#b6a8ff}.val-perm-grant strong,.val-perm-audit-row strong{display:block;font-size:12px}.val-perm-grant small,.val-perm-audit-row small{color:var(--perm-muted);font-size:10px}.val-perm-audit-row time{font-size:9px;color:rgba(255,255,255,.35);white-space:nowrap}
.val-perm-admin-test{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr) auto;gap:8px;padding:13px}.val-perm-admin-test select,.val-perm-admin-test input{border:1px solid var(--perm-line);background:#111625;color:#fff;border-radius:12px;padding:10px;font-size:12px;min-width:0}
.val-perm-notice{position:fixed;z-index:99999;right:18px;bottom:18px;max-width:min(390px,calc(100vw - 36px));display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:14px;border:1px solid rgba(255,187,82,.34);border-radius:16px;background:rgba(12,15,25,.97);box-shadow:0 20px 60px rgba(0,0,0,.42);animation:valPermIn .22s ease}.val-perm-notice>i{color:#ffc66d}.val-perm-notice strong{display:block;font-size:12px}.val-perm-notice small{color:var(--perm-muted);font-size:10px}.val-perm-notice button{border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:9px;padding:7px 9px;cursor:pointer}@keyframes valPermIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.val-perm-lockdown-on .val-perm-hero{border-color:rgba(255,81,116,.42);background:radial-gradient(circle at 8% 15%,rgba(255,70,106,.2),transparent 36%),linear-gradient(145deg,rgba(26,15,25,.96),rgba(8,9,16,.9))}.val-perm-lockdown-on .val-perm-core{border-color:rgba(255,91,123,.42);background:rgba(255,65,103,.13);color:#ff9eb1}
@media(max-width:760px){.val-permission-center{gap:11px}.val-perm-hero{grid-template-columns:auto 1fr;padding:15px}.val-perm-core{width:54px;height:54px;border-radius:17px;font-size:21px}.val-perm-refresh{position:absolute;right:12px;top:12px}.val-perm-hero-copy{padding-right:35px}.val-perm-hero-copy h3{font-size:19px}.val-perm-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.val-perm-summary>div:nth-child(4),.val-perm-summary>div:nth-child(5){grid-column:span 1}.val-perm-request{grid-template-columns:1fr}.val-perm-request-actions{justify-content:flex-start}.val-perm-action{grid-template-columns:1fr}.val-perm-modes{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.val-perm-admin-test{grid-template-columns:1fr}.val-perm-audit-row{grid-template-columns:auto 1fr}.val-perm-audit-row time{grid-column:2}.val-perm-card-head{align-items:flex-start}.val-perm-toolbar{justify-content:flex-end}.val-perm-summary strong{font-size:17px}}