:root{--sec-blue:#126fe5;--sec-dark:#092f69;--sec-gold:#c7982e;--sec-text:#10213b;--sec-muted:#748398;--sec-border:#dce5ef;--sec-bg:#f2f6fb;--sec-surface:#fff}.nama-security-body{min-height:100vh;margin:0;background:var(--sec-bg);color:var(--sec-text);font-family:Tajawal,Cairo,Arial,sans-serif}.nama-login-layout{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}.nama-login-brand-panel{display:flex;align-items:center;padding:60px;color:#fff;background:linear-gradient(135deg,#06162f,#0b4d98 60%,#1579e8)}.nama-login-brand-panel h1{font-size:54px;margin:0 0 15px}.nama-login-brand-panel p{font-size:17px;color:rgba(255,255,255,.78)}.nama-login-form-panel,.nama-access-denied-layout{display:flex;align-items:center;justify-content:center;padding:30px}.nama-login-card,.nama-access-denied-card{width:min(100%,480px);padding:34px;border:1px solid var(--sec-border);border-radius:24px;background:var(--sec-surface);box-shadow:0 24px 70px rgba(30,50,80,.14)}.nama-login-card h2,.nama-access-denied-card h1{margin:0 0 20px;font-size:28px}.nama-security-field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.nama-security-field label{font-size:13px;font-weight:850}.nama-security-input{width:100%;box-sizing:border-box;min-height:46px;padding:10px 14px;border:1px solid var(--sec-border);border-radius:12px;font-family:inherit}.nama-security-primary-button,.nama-security-secondary-button,.nama-security-primary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:12px;font-family:inherit;font-weight:900;text-decoration:none;cursor:pointer}.nama-security-primary-button,.nama-security-primary-link{border:1px solid var(--sec-blue);color:#fff;background:linear-gradient(135deg,var(--sec-blue),#0751b5)}.nama-login-card .nama-security-primary-button{width:100%}.nama-security-secondary-button{border:1px solid var(--sec-border);background:#fff;color:var(--sec-text)}.nama-security-message{padding:13px 16px;margin-bottom:16px;border-radius:12px;font-size:12px}.nama-security-message.success{color:#116c48;background:rgba(22,135,90,.09)}.nama-security-message.danger{color:#b72e3a;background:rgba(217,67,80,.09)}.nama-access-denied-card{text-align:center}.nama-access-denied-permission{margin:22px 0;padding:14px;border-radius:12px;background:#f6f8fb}.nama-security-page{display:flex;flex-direction:column;gap:20px;padding-bottom:35px}.nama-security-page-header>div{display:flex;align-items:center;gap:14px}.nama-security-page-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--sec-blue),var(--sec-dark));font-weight:900}.nama-security-page-header h1{margin:0 0 4px;font-size:25px}.nama-security-page-header p{margin:0;color:var(--sec-muted);font-size:12px}.nama-security-card{overflow:hidden;border:1px solid var(--nama-border-color,var(--sec-border));border-radius:20px;background:var(--nama-surface-primary,#fff)}.nama-security-card-body,.nama-security-form-grid{padding:22px}.nama-security-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nama-security-check-field{display:flex;align-items:center;gap:18px;padding-top:27px}.nama-security-card-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid var(--nama-border-color,var(--sec-border));background:var(--nama-surface-secondary,#f8fafd)}.nama-security-inline-button{width:auto}.nama-security-table-wrapper{overflow-x:auto}.nama-security-table{width:100%;min-width:800px;border-collapse:collapse}.nama-security-table th,.nama-security-table td{padding:14px 16px;border-bottom:1px solid var(--nama-border-color,var(--sec-border));font-size:11px;text-align:right}.nama-security-table th{color:var(--sec-muted);background:var(--nama-surface-secondary,#f8fafd)}.nama-security-action-button{display:inline-flex;padding:7px 11px;border-radius:9px;color:var(--sec-blue);background:rgba(18,111,229,.08);text-decoration:none}.nama-security-check-list{margin-top:18px;padding:18px;border:1px solid var(--nama-border-color,var(--sec-border));border-radius:14px;background:var(--nama-surface-secondary,#f8fafd)}.nama-security-check-list table{width:100%}.nama-security-check-list td{padding:8px;font-size:11px}@media(max-width:900px){.nama-login-layout{grid-template-columns:1fr}.nama-login-brand-panel{display:none}.nama-security-form-grid{grid-template-columns:1fr}}