.sa-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,6,20,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-y:auto}.sa-card{width:100%;max-width:440px;background:var(--color-surface,#12163a);border:1px solid var(--color-border,rgba(255,107,0,.2));border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg,0 12px 40px rgba(0,0,0,.5));padding:28px;position:relative;animation:sa-pop .25s ease}@keyframes sa-pop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sa-header{text-align:center;margin-bottom:18px;position:relative}.sa-logo{font-size:44px;margin-bottom:6px}.sa-header h2{font-size:var(--font-size-lg,20px);letter-spacing:.5px;color:var(--color-text,#fff)}.sa-header p{font-size:var(--font-size-xs,12px);color:var(--color-text-muted,#7a7f9e);margin-top:2px}.sa-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border,rgba(255,107,0,.2));background:var(--color-bg-elevated,#1a1a3e);color:var(--color-text,#fff);font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:background var(--transition-fast,.15s ease),transform var(--transition-fast,.15s ease)}.sa-close:hover{background:var(--color-danger,#ef4444);border-color:var(--color-danger,#ef4444);transform:scale(1.08)}.sa-tabs{display:flex;background:var(--color-bg,#0a0e27);border-radius:var(--radius-md,10px);padding:4px;margin-bottom:20px}.sa-tab{flex:1 1;padding:10px;border:none;border-radius:var(--radius-sm,6px);background:transparent;color:var(--color-text-secondary,#b0b0b0);font-weight:600;font-size:var(--font-size-sm,14px);cursor:pointer;transition:all var(--transition-fast,.15s ease)}.sa-tab.active{background:var(--color-primary,#ff6b00);color:#fff;box-shadow:var(--shadow-glow,0 0 24px rgba(255,107,0,.35))}.sa-register-types{display:flex;gap:10px}.sa-type{flex:1 1;padding:10px 12px;border-radius:var(--radius-sm,6px);border:1px solid var(--color-border,rgba(255,107,0,.2));background:rgba(255,255,255,.02);color:var(--color-text-secondary,#b0b0b0);font-weight:700;cursor:pointer;transition:all var(--transition-fast,.15s ease)}.sa-type.active{background:rgba(255,107,0,.16);border-color:var(--color-primary,#ff6b00);color:#fff}.sa-type:disabled{cursor:not-allowed;opacity:.7}.sa-form{gap:14px}.sa-field,.sa-form{display:flex;flex-direction:column}.sa-field{gap:6px}.sa-field label{font-weight:600}.sa-field input,.sa-field label{font-size:var(--font-size-sm,14px);color:var(--color-text,#fff)}.sa-field input{width:100%;padding:11px 14px;border:1px solid var(--color-border,rgba(255,107,0,.2));border-radius:var(--radius-sm,6px);background:var(--color-bg,#0a0e27);transition:border-color var(--transition-fast,.15s ease)}.sa-field input:focus{outline:none;border-color:var(--color-primary,#ff6b00);box-shadow:0 0 0 3px var(--color-primary-glow,rgba(255,107,0,.35))}.sa-field small{font-size:var(--font-size-xs,12px);color:var(--color-text-muted,#7a7f9e)}.sa-field input[readonly]{opacity:.9}.sa-row{display:flex;gap:12px}.sa-row .sa-field{flex:1 1}.sa-password-wrap{position:relative}.sa-password-wrap input{padding-right:44px}.sa-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:16px;cursor:pointer;padding:8px}.sa-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:10px 14px;border-radius:var(--radius-sm,6px);font-size:var(--font-size-sm,14px)}.sa-submit{margin-top:6px;padding:13px;border:none;border-radius:var(--radius-sm,6px);background:linear-gradient(135deg,var(--color-primary,#ff6b00),var(--color-primary-dark,#e05e00));color:#fff;font-size:var(--font-size-md,16px);font-weight:700;cursor:pointer;transition:transform var(--transition-fast,.15s ease),box-shadow var(--transition-fast,.15s ease)}.sa-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-glow,0 0 24px rgba(255,107,0,.35))}.sa-submit:disabled{opacity:.6;cursor:not-allowed}.sa-footer{text-align:center;margin-top:16px;font-size:var(--font-size-sm,14px);color:var(--color-text-secondary,#b0b0b0)}.sa-link{background:none;border:none;color:var(--color-primary,#ff6b00);font-weight:700;cursor:pointer;padding:0 2px}.sa-link:hover{text-decoration:underline}@media (max-width:480px){.sa-card{padding:20px}.sa-register-types,.sa-row{flex-direction:column}.sa-row{gap:14px}}.header{background:linear-gradient(180deg,rgba(0,0,0,.95),rgba(20,20,50,.9));border-bottom:2px solid #ff6b00;height:70px;overflow:visible;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{max-width:1400px;height:100%;margin:0 auto;justify-content:space-between;padding:0 20px;overflow:visible}.header-container,.logo{display:flex;align-items:center}.logo{gap:10px;cursor:pointer}.logo-img{height:100px;width:auto;object-fit:contain;display:block;transition:opacity .3s ease,transform .3s ease}.logo:hover .logo-img{opacity:.85;transform:scale(1.03)}.nav-menu{display:flex;gap:30px;align-items:center}.nav-link{color:#FFFFFF;text-decoration:none;font-size:13px;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:#FF6B00}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#FF6B00;transition:width .3s ease}.nav-link:hover:after{width:100%}@media (max-width:768px){.header-container{flex-direction:column;gap:15px}.nav-menu{flex-wrap:wrap;gap:15px;justify-content:center}.nav-link{font-size:12px}}.nav-link-admin{border:1px solid rgba(255,107,0,.5);padding:5px 12px;border-radius:6px;color:#FF8C00!important;background:rgba(255,107,0,.08);transition:all .3s ease}.nav-link-admin:hover{background:rgba(255,107,0,.18);border-color:#FF6B00;color:#FF6B00!important}.nav-link-admin:after{display:none!important}.header-auth{display:flex;align-items:center;margin-left:20px}.header-login-btn{background:linear-gradient(135deg,#ff6b00,#e05e00);border:none;color:#fff;padding:8px 16px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .2s ease,box-shadow .2s ease}.header-login-btn:hover{transform:translateY(-2px);box-shadow:0 0 18px rgba(255,107,0,.4)}.header-user{gap:10px;background:rgba(255,107,0,.08);border:1px solid rgba(255,107,0,.3);border-radius:999px;padding:5px 8px 5px 5px}.header-avatar,.header-user{display:flex;align-items:center}.header-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ff6b00,#ff8c00);justify-content:center;font-weight:800;font-size:14px;color:#fff}.header-user-info{display:flex;flex-direction:column;line-height:1.2}.header-user-name{font-size:12px;font-weight:700;color:#fff;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-mssv{font-size:10px;color:#ff8c00}.header-logout{background:none;border:none;font-size:15px;cursor:pointer;padding:4px;border-radius:50%;transition:background .2s ease}.header-logout:hover{background:rgba(239,68,68,.2)}@media (max-width:768px){.header-auth{margin-left:0;margin-top:4px}}