.portal-login,.admin-luminous{--bg-sidebar: var(--sidebar-bg);position:relative;background:radial-gradient(circle at top left,rgba(3,252,251,.18),transparent 28%),radial-gradient(circle at top right,rgba(0,106,105,.08),transparent 24%),var(--bg-primary);color:var(--text-primary)}.portal-login:before,.admin-luminous:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(180deg,#ffffff8a,#f8fafbe6),radial-gradient(circle at 10% 18%,rgba(3,252,251,.12),transparent 24%)}[data-theme=dark].portal-login:before,[data-theme=dark].admin-luminous:before{background:linear-gradient(180deg,#121617d6,#121617f5),radial-gradient(circle at 10% 18%,rgba(3,252,251,.08),transparent 24%)}.portal-login{display:block;min-height:100vh;overflow:auto}.login-wrapper{min-height:100vh;padding:40px 24px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px}.portal-shell{width:min(430px,100%);display:block}.login-card{position:relative;overflow:hidden;border-radius:34px;border:1px solid rgba(106,122,122,.14);box-shadow:var(--shadow-popup);backdrop-filter:blur(18px)}.portal-badge,.admin-topbar-eyebrow{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 14px;border-radius:999px;background:#03fcfb29;color:var(--accent-primary-deep);font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.portal-title{margin-top:22px;max-width:12ch;font-size:clamp(42px,5vw,64px);line-height:.96;letter-spacing:-.06em;color:var(--text-bright)}.portal-description{margin-top:20px;max-width:560px;font-size:16px;line-height:1.75;color:var(--text-secondary)}.portal-points{margin-top:30px;display:grid;gap:12px}.portal-point{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:20px;background:#ffffff85;border:1px solid rgba(106,122,122,.1)}.portal-point-dot{width:12px;height:12px;margin-top:6px;border-radius:999px;background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary));flex-shrink:0}.login-card{width:100%;max-width:none;padding:34px 32px 36px;text-align:center;background:#ffffffe0}.login-theme-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px auto 0;padding:6px;border-radius:999px;background:#006a6914;border:1px solid rgba(106,122,122,.12)}.login-theme-btn{min-width:96px;min-height:38px;padding:0 16px;border-radius:999px;font-family:var(--font-label);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.login-theme-btn:hover{transform:translateY(-1px)}.login-theme-btn.active{background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary));color:#fff;box-shadow:0 10px 22px #006a692e}.login-brand{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.login-brand-mark,.admin-brand-mark{width:52px;height:52px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary));box-shadow:0 18px 32px #006a6929;flex-shrink:0}.login-brand-icon,.admin-logo{width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1)}.login-brand-logo{display:block;width:min(100%,348px);height:auto;object-fit:contain}.login-brand-logo-dark,[data-theme=dark] .login-brand-logo-light{display:none}[data-theme=dark] .login-brand-logo-dark{display:block}.login-brand-copy,.admin-brand-copy{min-width:0}.login-brand-title{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--text-bright)}.login-brand-subtitle,.admin-subtitle{margin-top:7px;font-family:var(--font-label);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted)}.login-heading{font-size:22px;line-height:1;letter-spacing:-.05em;color:var(--text-bright);margin-bottom:22px}.login-copy{margin:12px auto 24px;max-width:28ch;color:var(--text-secondary);font-size:15px;line-height:1.7}.portal-login .form-group{margin-bottom:14px;text-align:center}.portal-login .form-input{padding:16px 18px;border-radius:18px;border:1px solid rgba(106,122,122,.14);background:#fffffff0;color:var(--text-bright);font-family:var(--font-family);font-size:15px;text-align:center;caret-color:var(--text-bright)}.portal-login .form-input::placeholder{color:var(--text-muted);text-align:center}.portal-login .form-input:focus{border-color:#03fcfb80;box-shadow:0 0 0 4px #03fcfb1f}.submit-btn{margin-top:6px;height:52px;border-radius:999px;background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary));color:#fff;font-family:var(--font-label);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 28px #006a692e}.submit-btn:hover{opacity:1;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.error-msg,.success-msg{border-radius:18px;padding:12px 14px;text-align:center}[data-theme=dark] .login-theme-toggle{background:#ffffff0f;border-color:#b9cac91f}[data-theme=dark] .login-card{background:#191c1de0}[data-theme=dark] .portal-login .form-input{background:#ffffff14;border-color:#b9cac929;color:var(--text-bright);caret-color:var(--text-bright)}[data-theme=dark] .portal-login .form-input::placeholder{color:var(--text-muted)}[data-theme=dark] .portal-login .form-input:-webkit-autofill,[data-theme=dark] .portal-login .form-input:-webkit-autofill:hover,[data-theme=dark] .portal-login .form-input:-webkit-autofill:focus,[data-theme=dark] .portal-login .form-input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-bright);caret-color:var(--text-bright);box-shadow:0 0 0 1000px #ffffff14 inset;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.08) inset;transition:background-color 9999s ease-out 0s}.login-footer{color:var(--text-muted)}.login-footer a{color:var(--accent-primary-deep)!important}.admin-luminous{display:flex;min-height:100vh;overflow:hidden}.admin-sidebar{width:286px;min-width:286px;background:#f2f4f5e0;border-right:1px solid rgba(106,122,122,.12);backdrop-filter:blur(20px);box-shadow:inset -1px 0 #ffffff2e}.admin-sidebar-header{padding:28px 22px 18px;border-bottom:0;align-items:flex-start;gap:14px}.admin-sidebar-title{font-size:28px;font-weight:800;line-height:1;letter-spacing:-.05em;color:var(--text-bright)}.admin-nav{padding:8px 14px 18px}.admin-nav-item{min-height:46px;margin-bottom:4px;border-radius:18px;color:var(--sidebar-text);font-size:14px;font-weight:600}.admin-nav-item:hover{background:var(--sidebar-bg-hover);color:var(--text-bright)}.admin-nav-item.active{background:var(--sidebar-bg-active);color:var(--text-bright);box-shadow:inset 0 0 0 1px #006a6914}.admin-nav-item .nav-icon{opacity:.78}.admin-nav-footer{padding:16px;border-top:0;flex-direction:column}.admin-nav-footer a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffffa8;border:1px solid rgba(106,122,122,.12);color:var(--text-secondary);font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:var(--shadow-sm)}.admin-nav-footer a:hover{background:#fffffff0;color:var(--text-bright)}.admin-main{background:transparent}.admin-topbar{padding:28px 32px 20px;border-bottom:0;align-items:flex-end}.admin-topbar-copy{display:flex;flex-direction:column;gap:10px}.admin-topbar h1{font-size:38px;line-height:.96;letter-spacing:-.05em}.admin-topbar-actions{gap:10px;flex-wrap:wrap}.admin-content{padding:0 32px 32px}.stat-card,.admin-table,.team-card,.csv-help,.moderation-panel,.moderation-alert-item,.moderation-word-row,.import-result,.admin-table-wrapper{background:#ffffffbd;border:1px solid rgba(106,122,122,.12);box-shadow:var(--shadow-sm)}.stat-card,.team-card,.csv-help,.moderation-panel,.moderation-alert-item,.moderation-word-row,.import-result{border-radius:24px}.stat-card{padding:22px}.stat-card:hover,.team-card:hover{border-color:#006a6929;transform:translateY(-2px)}.stat-value{font-size:34px;line-height:1;letter-spacing:-.04em}.stat-label,.section-title{font-family:var(--font-label);letter-spacing:.12em}.admin-table{border-radius:24px;overflow:hidden}.admin-table th{background:var(--bg-tertiary);border-bottom:1px solid rgba(106,122,122,.12)}.admin-table td{border-bottom:1px solid rgba(106,122,122,.08)}.admin-table tr:hover td{background:#006a690a}.badge{border-radius:999px}.badge-admin{background:#006a6924;color:var(--accent-primary-deep)}.badge-supervisor{background:#03fcfb29;color:var(--accent-primary-deep)}.badge-agent,.badge-active,.badge-online{background:#00b2b11f;color:var(--accent-primary-deep)}.badge-inactive{background:#ba1a1a1f;color:#9c1120}.badge-offline{background:#6a7a7a1f;color:var(--text-muted)}.user-cell .avatar{border-radius:999px}.btn{min-height:42px;border-radius:999px;font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.btn-primary{background:linear-gradient(135deg,var(--accent-primary-deep),var(--accent-primary))}.btn-primary:hover{box-shadow:0 14px 28px #006a692e}.btn-secondary{background:#ffffffb8;border-color:#6a7a7a1f}.btn-secondary:hover{background:#fffffff5}.btn-danger{background:#ba1a1a14;color:#a01727;border-color:#ba1a1a24}.form-input,.form-select,.form-textarea,.table-search{background:#ffffffe6;border:1px solid rgba(106,122,122,.14);border-radius:18px;color:var(--text-bright)}.form-input:focus,.form-select:focus,.form-textarea:focus,.table-search:focus{border-color:#03fcfb80;box-shadow:0 0 0 4px #03fcfb1a}.modal-overlay{background:#121c1d33;backdrop-filter:blur(10px)}.modal{background:#fffffff0;border:1px solid rgba(106,122,122,.14);border-radius:30px;box-shadow:var(--shadow-popup)}.modal-header,.modal-footer{border-color:#6a7a7a1f}.modal-close{border-radius:12px}.modal-close:hover{background:#006a690f}.toast{background:#fffffff0;border:1px solid rgba(106,122,122,.12);border-radius:18px;color:var(--text-bright);box-shadow:var(--shadow-md);backdrop-filter:blur(18px)}.team-color-dot{border-radius:999px}.csv-help code,.moderation-alert-content,.moderation-word-text{background:#ffffffb8;color:var(--text-bright)}.moderation-alert-content{border:1px solid rgba(106,122,122,.12)}.moderation-tag{color:#a01727;border-color:#ba1a1a29;background:#ba1a1a1a}.import-result.success{background:#00b2b11f;border-color:#00b2b12e;color:var(--accent-primary-deep)}.import-result.error{background:#ba1a1a1a;border-color:#ba1a1a29;color:#a01727}@media(max-width:980px){.portal-shell{width:min(430px,100%)}}@media(max-width:860px){.admin-luminous{flex-direction:column;overflow:auto;min-height:100dvh}.admin-sidebar{position:sticky;top:0;z-index:20;width:100%;min-width:0;border-right:0;border-bottom:1px solid rgba(106,122,122,.12);background:#f2f4f5f5;backdrop-filter:blur(18px)}[data-theme=dark] .admin-sidebar{background:#121617f5}.admin-sidebar-header{padding:12px 14px 8px;align-items:center;gap:10px}.admin-logo{width:74px}.admin-sidebar-title{font-size:16px;letter-spacing:0}.admin-subtitle{display:none}.admin-nav{display:flex;overflow-x:auto;gap:8px;padding:8px 14px 12px;scrollbar-width:none}.admin-nav::-webkit-scrollbar{display:none}.admin-nav-item{flex:0 0 auto;min-height:40px;padding:0 12px;border-radius:999px;white-space:nowrap;margin-bottom:0;font-size:12px;gap:7px}.admin-nav-item .nav-icon{width:auto;font-size:15px}.admin-nav-footer{flex-direction:row;padding:10px 14px 12px;gap:8px}.admin-nav-footer a{min-height:38px;display:inline-flex;align-items:center;justify-content:center}.admin-topbar{padding:16px 14px 12px;flex-direction:column;align-items:stretch;gap:12px}.admin-topbar h1{font-size:24px;line-height:1.05;letter-spacing:0}.admin-topbar-eyebrow{min-height:28px;font-size:11px}.admin-topbar-actions{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.admin-topbar-actions .btn,.admin-topbar-actions .table-search,.admin-topbar-actions .form-select{width:100%;min-height:42px;justify-content:center}.admin-main{min-height:0;overflow:visible}.admin-content{padding:0 14px 24px;overflow:visible}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-card{min-width:0;padding:14px;border-radius:12px}.stat-value{font-size:24px}.stat-label{font-size:12px}.stat-icon{font-size:20px}.admin-table-wrapper{margin:0 -14px;padding:0 14px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-table{min-width:680px;border-radius:10px}.admin-table th,.admin-table td{padding:10px 12px;font-size:12px}.actions-cell{flex-wrap:wrap;min-width:112px}.btn{min-height:38px}.btn-sm{min-height:32px;padding:6px 10px}.btn-icon{min-width:32px}.users-filters,.login-log-toolbar{grid-template-columns:1fr;padding:12px;border-radius:12px}.table-search,.channel-members-toolbar .table-search{width:100%;min-width:0}.team-cards,.backup-grid,.moderation-grid{grid-template-columns:1fr}.team-card{align-items:flex-start;flex-direction:column;gap:12px;padding:16px}.backup-actions{flex-direction:column}.backup-actions .btn{width:100%;justify-content:center}.moderation-panel{padding:14px}.moderation-panel-title,.moderation-alert-top,.moderation-word-row,.moderation-offender-row,.channel-member-chip{align-items:stretch;flex-direction:column}.moderation-list,.channel-members-current,.channel-member-list{max-height:none}.modal-overlay{align-items:flex-start;justify-content:center;padding:12px;overflow-y:auto}.modal{max-width:100%;max-height:none;margin:12px 0;border-radius:14px}.modal-header,.modal-body,.modal-footer{padding-left:16px;padding-right:16px}.modal-footer{flex-direction:column-reverse;align-items:stretch}.modal-footer .btn{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.form-textarea{min-height:120px}.toast{left:12px;right:12px;bottom:12px;max-width:none;text-align:center}}@media(max-width:420px){.admin-sidebar-title{font-size:14px}.stats-grid{grid-template-columns:1fr}.admin-nav-item{min-height:38px;padding:0 10px}.admin-table{min-width:620px}}