@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap");
@font-face{font-family:CairoLocal;src:local("Cairo");font-weight:100 900;font-style:normal;font-display:swap}
:root{
 --bg:#f4f6f9;--surface:#fff;--surface-soft:#f8fafc;--ink:#17202b;--muted:#7b8794;
 --line:#e5e9ef;--accent:#c91f24;--accent2:#e42d32;--accent-soft:#fff1f1;
 --dark:#0d1218;--dark2:#171d24;--dark3:#202731;--success:#16834b;--warning:#b66a08;
 --shadow:0 18px 55px rgba(18,25,34,.08);--shadow-lg:0 28px 80px rgba(18,25,34,.14);--radius:22px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:CairoLocal,"Cairo",Tahoma,Arial,sans-serif;font-size:14px;line-height:1.8}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.app-shell{display:flex;min-height:100vh}
.sidebar{width:294px;background:
 radial-gradient(circle at 20% 8%,rgba(201,31,36,.14),transparent 26%),
 linear-gradient(180deg,#0d1218 0%,#151b22 55%,#10151b 100%);
 color:#fff;padding:22px 16px;position:fixed;right:0;top:0;bottom:0;z-index:20;
 box-shadow:-18px 0 55px rgba(0,0,0,.12);overflow:hidden;display:flex;flex-direction:column;min-height:100vh}
.brand{display:flex;gap:13px;align-items:center;padding:8px 10px 22px;border-bottom:1px solid rgba(255,255,255,.08)}
.brand img{width:62px;height:62px;object-fit:contain;background:#fff;border-radius:50%;padding:5px;box-shadow:0 8px 28px rgba(0,0,0,.28)}
.brand strong{display:block;font-size:15px;font-weight:900;letter-spacing:-.2px}.brand small{display:block;color:#929daa;margin-top:2px;font-size:10px}
.nav-caption{font-size:9px;color:#68727d;font-weight:800;padding:20px 13px 7px;letter-spacing:.4px}
nav{padding-top:2px}
nav a,.logout-link{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;border-radius:14px;color:#bfc7d0;margin:4px 0;font-size:12px;transition:.22s ease}
.nav-icon{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.045);color:#8f99a4;flex:0 0 30px;transition:.22s}
.nav-icon svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
nav a:hover,nav a.active{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.055);color:#fff;transform:translateX(-2px)}
nav a:hover .nav-icon,nav a.active .nav-icon{background:rgba(201,31,36,.18);color:#ff6267}
nav a.active:after{content:"";margin-right:auto;width:5px;height:5px;border-radius:50%;background:#e42d32;box-shadow:0 0 12px rgba(228,45,50,.65)}
.sidebar-bottom{position:sticky;bottom:0;margin-top:24px;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,#10151b 20%)}
.logout-link{color:#aeb7c1}.logout-link .nav-icon{color:#aeb7c1}
.main{margin-right:294px;min-height:100vh;width:calc(100% - 294px)}
.topbar{padding:19px 38px;background:rgba(255,255,255,.88);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}
.topbar-left{display:flex;align-items:center;gap:12px}.page-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(145deg,#fff1f1,#fff);border:1px solid #f2d8d8;color:var(--accent);display:grid;place-items:center;box-shadow:0 7px 18px rgba(201,31,36,.08)}
.page-mark svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.topbar h1{margin:2px 0 0;font-size:22px;letter-spacing:-.6px}.eyebrow{font-size:10px;color:var(--accent);font-weight:900}
.user-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:7px 10px 7px 12px;min-width:180px;box-shadow:0 8px 25px rgba(18,25,34,.045)}
.user-avatar{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#202832,#11161c);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:900}
.user-chip span{display:block;font-weight:900;font-size:12px}.user-chip small{display:block;color:var(--muted);font-size:9px}
.content{padding:30px 38px 42px;max-width:1650px;margin:auto}.footer{text-align:center;color:#9aa3ad;font-size:10px;padding:24px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:21px;box-shadow:var(--shadow)}
.cards .card{position:relative;overflow:hidden;transition:.22s}.cards .card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.cards .card:after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,var(--accent2),var(--accent));opacity:.9}
.stat-label{color:var(--muted);font-size:11px;font-weight:700}.stat{font-size:30px;font-weight:900;line-height:1.25;margin-top:6px}
.stat-icon{position:absolute;left:18px;top:18px;width:40px;height:40px;border-radius:13px;background:var(--surface-soft);display:grid;place-items:center;color:var(--accent)}
.stat-icon svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:12px}.section-head h2{font-size:16px;margin:0;font-weight:900}
.section-head p{margin:2px 0 0;color:var(--muted);font-size:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:13px;padding:10px 17px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#fff;font-family:inherit;font-weight:900;cursor:pointer;box-shadow:0 9px 22px rgba(201,31,36,.18);transition:.2s}
.btn:hover{filter:brightness(.96);transform:translateY(-2px);box-shadow:0 13px 28px rgba(201,31,36,.23)}.btn.secondary{background:#eef2f5;color:#2a333d;box-shadow:none}.btn.secondary:hover{background:#e6ebef}.btn.danger{background:#8f1519}.btn.small{padding:7px 11px;font-size:10px}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 35px rgba(20,25,30,.045)}
.table{width:100%;border-collapse:collapse;min-width:850px}.table th,.table td{padding:13px 15px;border-bottom:1px solid var(--line);text-align:right;font-size:11px}.table th{background:#fafbfc;color:#66717d;font-weight:900;white-space:nowrap}.table tr:hover td{background:#fff9f9}.table tr:last-child td{border-bottom:0}
.form-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.form-card-head{padding:23px 25px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcfd);display:flex;align-items:center;justify-content:space-between;gap:15px}
.form-card-head h2{margin:0;font-size:17px;font-weight:900}.form-card-head p{margin:3px 0 0;color:var(--muted);font-size:10px}.form-card-body{padding:25px}
.form-section{padding:20px 0;border-bottom:1px solid #edf0f3}.form-section:first-child{padding-top:0}.form-section:last-child{border-bottom:0;padding-bottom:0}
.form-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}.form-section-title .mini-icon{width:34px;height:34px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.form-section-title svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.form-section-title strong{font-size:13px;font-weight:900}.form-section-title span{display:block;color:var(--muted);font-size:9px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.field label{display:block;font-size:11px;font-weight:900;margin-bottom:7px}.required{color:var(--accent)}
.field input,.field select,.field textarea{width:100%;padding:11px 13px;border:1px solid #dfe4e9;border-radius:12px;font-family:inherit;background:#fff;color:var(--ink);outline:none;transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#dc696c;box-shadow:0 0 0 4px rgba(201,31,36,.07);transform:translateY(-1px)}
.field input:disabled{background:#f5f7f9;color:#78838f}.field textarea{min-height:120px;resize:vertical}.full{grid-column:1/-1}.form-actions{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:900}.badge:before{content:"";width:6px;height:6px;border-radius:50%}.active{background:#e9f8ef;color:#16733b}.active:before{background:#1fa15a}.frozen{background:#fff3df;color:#a35b05}.frozen:before{background:#d98a17}.martyr{background:#eeeef1;color:#343940}.martyr:before{background:#6a6f78}
.alert{padding:12px 14px;border-radius:13px;margin-bottom:16px;background:#fff0f0;color:#8b1515;border:1px solid #ffd6d6;font-size:11px}.success{background:#ebf8ef;color:#176b37;border-color:#cdebd5}
.profile{display:grid;grid-template-columns:285px 1fr;gap:20px}.profile-side{text-align:center;position:relative;overflow:hidden}.profile-side:before{content:"";position:absolute;inset:0 0 auto;height:105px;background:radial-gradient(circle at 50% 0,#fff1f1,transparent 70%);pointer-events:none}
.avatar{width:158px;height:158px;border-radius:50%;object-fit:cover;border:6px solid #fff;box-shadow:0 13px 35px rgba(0,0,0,.13);background:#eef1f4;margin:17px auto 0;position:relative}.profile-name{font-size:19px;font-weight:900;margin-top:13px}.profile-meta{color:var(--muted);font-size:10px;margin:2px 0 12px}
.profile-info{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.info-item{padding:14px;border:1px solid #edf0f3;background:#fbfcfd;border-radius:14px}.info-item b{display:block;color:#7b8794;font-size:9px;margin-bottom:3px}.info-item p{margin:0;font-size:12px;font-weight:800}
.profile-card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.profile-card-title h2{margin:0;font-size:16px;font-weight:900}.profile-card-title p{margin:0;color:var(--muted);font-size:9px}
.photo-upload{display:flex;align-items:center;gap:14px;padding:13px;border:1px dashed #d7dde4;border-radius:15px;background:#fafbfc}.photo-preview{width:66px;height:66px;border-radius:16px;object-fit:cover;background:#eef1f4;border:1px solid #e2e7ec}.photo-upload small{display:block;color:var(--muted);font-size:9px;margin-top:3px}
.status-panel{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;border:1px solid #eee;border-radius:16px;background:linear-gradient(135deg,#fff,#fafbfc)}
.status-panel strong{font-size:12px}.status-panel p{margin:2px 0 0;color:var(--muted);font-size:9px}

/* Premium authentication */
.login-page{min-height:100vh;display:grid;grid-template-columns:1.12fr .88fr;background:#0d1218;overflow:hidden;position:relative;isolation:isolate}
.login-hero{padding:70px 8%;display:flex;flex-direction:column;justify-content:center;color:#fff;position:relative;background:
 radial-gradient(circle at 75% 20%,rgba(201,31,36,.28),transparent 33%),
 radial-gradient(circle at 15% 82%,rgba(201,31,36,.13),transparent 30%),
 linear-gradient(145deg,#0d1218,#1b2129)}
.login-hero:before{content:"";position:absolute;inset:0;opacity:.055;background-image:linear-gradient(135deg,transparent 0 49%,#fff 49% 50%,transparent 50% 100%);background-size:52px 52px}
.login-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.055);border-radius:50%;left:-170px;bottom:-240px;box-shadow:0 0 0 34px rgba(255,255,255,.018),0 0 0 68px rgba(255,255,255,.012);animation:authOrbit 11s ease-in-out infinite}
.login-hero>*{position:relative;z-index:1}.hero-logo-wrap{position:relative;width:124px;height:124px;margin-bottom:28px}
.login-hero img{width:118px;height:118px;object-fit:contain;background:#fff;border-radius:50%;padding:7px;box-shadow:0 22px 55px rgba(0,0,0,.3)}
.hero-logo-ring{position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:ringSpin 13s linear infinite}.hero-logo-ring:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#e42d32;right:11px;top:17px;box-shadow:0 0 18px rgba(228,45,50,.8)}
.login-hero h1{font-size:39px;max-width:760px;line-height:1.45;margin:0 0 14px;letter-spacing:-1px}.login-hero p{color:#b9c1ca;max-width:670px;line-height:2.05;font-size:13px}
.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-pill{padding:7px 11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);border-radius:999px;color:#bfc7cf;font-size:9px}
.login-box{background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:35px;position:relative;overflow:hidden}
.login-box:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,#fff0f0,transparent 66%);left:-240px;top:-170px}
.login-box:after{content:"";position:absolute;width:330px;height:330px;border:1px solid rgba(201,31,36,.08);border-radius:50%;right:-180px;bottom:-120px}
.login-card{width:min(470px,100%);padding:42px;background:#fff;border:1px solid #e7ebef;border-radius:27px;box-shadow:var(--shadow-lg);position:relative;z-index:1;overflow:hidden}
.login-card:before{content:"";position:absolute;right:0;top:0;width:115px;height:4px;background:linear-gradient(90deg,var(--accent),#f04b50);border-radius:0 27px 0 0}
.login-card h2{font-size:28px;margin:0 0 5px;font-weight:900;letter-spacing:-.6px}.login-card .sub{color:var(--muted);margin:0 0 27px;font-size:11px}
.login-card .field{margin-bottom:16px}.login-card .btn{min-height:48px;width:100%}
.input-icon{position:relative}.input-icon svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:#929ca7;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.input-icon input{padding-right:40px}
.login-foot{margin-top:16px;text-align:center;color:#9aa3ad;font-size:9px}

/* Motion */
.login-page::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;border:1px solid rgba(201,31,36,.14);left:20%;top:10%;z-index:-1;animation:authOrbit 9s ease-in-out infinite}
.login-hero{animation:heroReveal .8s cubic-bezier(.2,.75,.2,1) both}.login-box{animation:boxReveal .8s .05s cubic-bezier(.2,.75,.2,1) both}.login-card{animation:cardReveal .8s .16s cubic-bezier(.2,.75,.2,1) both}
.hero-logo-wrap{animation:logoReveal .8s cubic-bezier(.2,.75,.2,1) both}.login-hero h1{animation:textReveal .75s .12s cubic-bezier(.2,.75,.2,1) both}.login-hero p{animation:textReveal .75s .22s cubic-bezier(.2,.75,.2,1) both}
.login-card .field{animation:fieldReveal .55s cubic-bezier(.2,.75,.2,1) both}.login-card .field:nth-of-type(1){animation-delay:.28s}.login-card .field:nth-of-type(2){animation-delay:.36s}.login-card form .btn{animation:buttonReveal .6s .44s cubic-bezier(.2,.75,.2,1) both}
.login-card .btn{position:relative;overflow:hidden}.login-card .btn:after{content:"";position:absolute;top:-60%;bottom:-60%;width:35px;right:-55px;transform:rotate(20deg);background:rgba(255,255,255,.23);animation:buttonShine 3.8s 1.1s ease-in-out infinite}
.logout-screen .login-card{text-align:center}.logout-success-icon{width:88px;height:88px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:rgba(201,31,36,.08);border:1px solid rgba(201,31,36,.14);position:relative;animation:logoutIcon .7s cubic-bezier(.2,.9,.2,1) both}
.logout-success-icon:before{content:"";width:56px;height:56px;border-radius:50%;border:2px solid var(--accent);animation:logoutRing 1.1s .15s ease-out both}.logout-success-icon:after{content:"✓";position:absolute;font-size:30px;font-weight:900;color:var(--accent);animation:checkPop .5s .48s cubic-bezier(.2,.9,.2,1) both}
@keyframes heroReveal{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}@keyframes boxReveal{from{opacity:0;transform:translateX(-35px)}to{opacity:1;transform:none}}
@keyframes cardReveal{from{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:none}}@keyframes logoReveal{from{opacity:0;transform:scale(.72) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@keyframes textReveal{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes fieldReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes buttonReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes buttonShine{0%{right:-55px}22%,100%{right:120%}}@keyframes authOrbit{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(18px,22px) rotate(8deg)}}
@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes logoutIcon{from{opacity:0;transform:scale(.4) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes logoutRing{from{transform:scale(.35);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes checkPop{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@media(max-width:1100px){.sidebar{width:255px}.main{margin-right:255px;width:calc(100% - 255px)}.cards{grid-template-columns:repeat(2,1fr)}.login-page{grid-template-columns:1fr}.login-hero{display:none}}
@media(max-width:780px){.sidebar{position:static;width:100%;height:auto}.app-shell{display:block}.main{margin:0;width:100%}.sidebar-bottom{position:static}.topbar{position:static}.content{padding:22px}.form-grid,.profile{grid-template-columns:1fr}.profile-info{grid-template-columns:1fr}}
@media(max-width:600px){.cards{grid-template-columns:1fr}.content,.topbar{padding:17px}.topbar{display:block}.user-chip{margin-top:11px}.form-card-body{padding:18px}.login-box{padding:15px}.login-card{padding:29px 22px}.login-hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* V1.05 — unified motion system */
.app-body{animation:siteIn .55s cubic-bezier(.2,.75,.2,1) both}
.app-body .sidebar{animation:sidebarIn .7s cubic-bezier(.2,.75,.2,1) both}
.app-body .brand{animation:brandIn .65s .08s cubic-bezier(.2,.75,.2,1) both}
.app-body nav a,.app-body .sidebar-bottom .logout-link{animation:navIn .5s cubic-bezier(.2,.75,.2,1) both}
.app-body nav a:nth-child(1){animation-delay:.10s}.app-body nav a:nth-child(2){animation-delay:.14s}.app-body nav a:nth-child(3){animation-delay:.18s}.app-body nav a:nth-child(4){animation-delay:.22s}.app-body nav a:nth-child(5){animation-delay:.26s}.app-body nav a:nth-child(6){animation-delay:.30s}.app-body nav a:nth-child(7){animation-delay:.34s}.app-body nav a:nth-child(8){animation-delay:.38s}
.app-body .topbar{animation:topbarIn .55s .12s cubic-bezier(.2,.75,.2,1) both}
.app-body .content>*{animation:contentIn .55s .16s cubic-bezier(.2,.75,.2,1) both}
.btn,.logout-link,nav a{position:relative;overflow:hidden}
.btn:after,.logout-link:after,nav a:after{content:"";position:absolute;top:-80%;bottom:-80%;width:34px;right:-60px;transform:rotate(20deg);background:rgba(255,255,255,.22);pointer-events:none;transition:none}
.btn:hover:after,.logout-link:hover:after,nav a:hover:after{animation:globalShine .8s ease-out}
nav a:after{background:rgba(255,255,255,.10)}
nav a.active:after{content:"";position:absolute;right:auto;margin:0;left:10px;top:50%;bottom:auto;width:4px;height:18px;border-radius:99px;background:linear-gradient(180deg,#ff6a6f,#c91f24);box-shadow:0 0 18px rgba(228,45,50,.35);transform:translateY(-50%);animation:none}
.sidebar .nav-icon{transform:translateZ(0)}nav a:hover .nav-icon{animation:iconPulse .42s ease-out}
.dashboard-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px 30px;margin-bottom:20px;border:1px solid #eceff3;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#fff8f8 100%);box-shadow:var(--shadow);position:relative;overflow:hidden}
.dashboard-hero:before{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(201,31,36,.08);border-radius:50%;left:-130px;top:-130px}.dashboard-hero h2{margin:2px 0 4px;font-size:25px;font-weight:900}.dashboard-hero p{margin:0;color:var(--muted);font-size:11px}.dashboard-hero>*{position:relative;z-index:1}
.stat-card{min-height:140px}.stat-note{display:block;color:#9aa3ad;font-size:9px;margin-top:4px}
.region-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.region-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:var(--shadow);position:relative;overflow:hidden;transition:.28s cubic-bezier(.2,.75,.2,1)}.region-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.region-card span{font-size:9px;color:var(--accent);font-weight:900}.region-card h3{margin:3px 0 0;font-size:15px}.region-card>strong{position:absolute;left:20px;top:20px;font-size:25px;font-weight:900}.region-card small{display:block;color:var(--muted);font-size:9px;margin-top:8px}.region-progress{height:6px;border-radius:99px;background:#f0f2f5;margin-top:18px;overflow:hidden}.region-progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent2),var(--accent));transition:width 1s cubic-bezier(.2,.75,.2,1)}
.quick-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.quick-card h2{margin:0;font-size:16px}.quick-card p{margin:2px 0 0;color:var(--muted);font-size:10px}.quick-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.search-bar{display:grid;grid-template-columns:1fr 190px auto;gap:10px}.search-bar input,.search-bar select{padding:12px 14px;border:1px solid #dfe4ea;border-radius:13px;background:#fff;outline:none}.search-bar input:focus,.search-bar select:focus{border-color:#d96a6d;box-shadow:0 0 0 4px rgba(201,31,36,.06)}
.row-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.row-actions form{margin:0}.btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.danger{background:linear-gradient(135deg,#8e1a1e,#c91f24)}
.spouse-section{display:none}.spouse-section.is-visible{display:block;animation:sectionReveal .45s cubic-bezier(.2,.75,.2,1) both}.conditional{display:none}.conditional.is-visible{display:block;animation:sectionReveal .38s cubic-bezier(.2,.75,.2,1) both}.notice-badge{background:#eef4ff;color:#2f5f9e}.notice-badge:before{background:#4f7fc2}
.profile-actions{justify-content:center}.profile-actions form{margin:0}.martyr-profile{background:linear-gradient(180deg,#fff,#f7f7f8)}
.migration-card{max-width:850px;margin:auto}
@keyframes siteIn{from{opacity:0}to{opacity:1}}@keyframes sidebarIn{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}@keyframes brandIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes navIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}@keyframes topbarIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}@keyframes contentIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes globalShine{0%{right:-60px}100%{right:125%}}@keyframes iconPulse{0%{transform:scale(1)}45%{transform:scale(1.12) rotate(-4deg)}100%{transform:scale(1)}}@keyframes sectionReveal{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:900px){.region-cards{grid-template-columns:repeat(2,1fr)}.search-bar{grid-template-columns:1fr}.quick-card,.dashboard-hero{align-items:flex-start;flex-direction:column}.quick-actions{justify-content:flex-start}}
@media(max-width:600px){.region-cards{grid-template-columns:1fr}.dashboard-hero{padding:22px}.dashboard-hero h2{font-size:21px}.row-actions{display:grid;grid-template-columns:1fr 1fr}.row-actions form{width:100%}.row-actions form .btn{width:100%}}
/* V1.06 additions */
.topbar-actions{display:flex;align-items:center;margin-inline-start:auto;margin-inline-end:12px}.notification-link{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:14px;display:grid;place-items:center;position:relative;transition:.25s;box-shadow:0 8px 25px rgba(18,25,34,.05)}.notification-link:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.notification-link .nav-icon{width:20px;height:20px}.notification-link b{position:absolute;top:-5px;left:-5px;min-width:20px;height:20px;border-radius:99px;background:var(--accent);color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.comms-card{background:linear-gradient(135deg,#fff,#fff7f7);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#f5f7fa;border:1px solid var(--line);padding:6px 10px;border-radius:10px;font-size:11px}.notification-list,.message-list,.announcement-list{display:grid;gap:12px}.notification-card,.message-card,.announcement-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:var(--shadow);transition:.25s}.notification-card:hover,.message-card:hover,.announcement-card:hover{transform:translateY(-2px)}.notification-card.unread,.message-card.unread{border-color:rgba(201,31,36,.22);background:linear-gradient(135deg,#fff,#fffafa)}.notification-dot{width:10px;height:10px;border-radius:50%;background:#cfd5dc;margin-top:8px;flex:0 0 auto}.unread .notification-dot{background:var(--accent);box-shadow:0 0 0 5px rgba(201,31,36,.08)}.notification-main,.message-main,.announcement-main{flex:1}.notification-head,.message-head,.announcement-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-head small,.message-head small,.announcement-main>small{color:var(--muted);font-size:9px}.notification-main p,.message-main p,.announcement-main p{margin:7px 0;color:#56616c}.notification-actions{display:flex;gap:7px}.message-icon,.announcement-badge{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;flex:0 0 auto}.message-icon svg,.announcement-badge svg{width:20px;height:20px}.message-from{font-size:10px;color:var(--muted)}.announcement-head h3{margin:2px 0 0;font-size:18px}.announcement-meta{display:flex;gap:14px;flex-wrap:wrap;color:#68727c;font-size:10px;margin:10px 0}.empty-state{padding:35px;text-align:center;background:#fff;border:1px dashed #dfe4ea;border-radius:20px;color:var(--muted)}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.topbar-actions{margin-inline-start:0;margin-bottom:10px}}
/* Chat v1.1 */
.chat-app{height:calc(100vh - 160px);min-height:620px;display:grid;grid-template-columns:330px minmax(0,1fr);background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(16,24,40,.08);animation:contentIn .5s ease both}.chat-sidebar{background:#fbfcfe;border-left:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.chat-sidebar-top{padding:24px 20px 14px;display:flex;align-items:center;justify-content:space-between}.chat-sidebar-top h2{margin:2px 0 0;font-size:23px}.chat-live{font-size:10px;color:#16834a;background:#eaf9f0;border-radius:99px;padding:6px 9px}.chat-search{margin:4px 14px 14px;background:#f0f3f7;border-radius:14px;display:flex;align-items:center;padding:0 12px}.chat-search span{font-size:21px;color:#8b95a7}.chat-search input{border:0;background:transparent;box-shadow:none;width:100%}.chat-contacts{overflow:auto;padding:0 7px 14px}.chat-contact{width:100%;display:flex;align-items:center;gap:11px;text-align:right;border:0;background:transparent;border-radius:15px;padding:12px 10px;margin:2px 0;cursor:pointer;transition:.18s}.chat-contact:hover{background:#f0f6ff;transform:translateX(-2px)}.chat-contact.selected{background:#eaf3ff;box-shadow:inset -3px 0 #3b82f6}.chat-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#dbeaff,#dff6e8);color:#25639b;font-weight:800}.chat-avatar.large{width:48px;height:48px}.chat-contact-main{min-width:0;flex:1}.chat-contact-top{display:flex;justify-content:space-between;gap:8px}.chat-contact-top strong{font-size:13px}.chat-contact-top time{font-size:9px;color:#98a2b3}.chat-contact-main small{display:block;color:#8b95a7;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.chat-unread{background:#2f80ed;color:#fff;border-radius:99px;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;font-size:9px}.chat-loading{text-align:center;color:#98a2b3;padding:30px 10px;font-size:12px}.chat-main{min-width:0;background:#f7f9fc;position:relative}.chat-welcome{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#8b95a7}.chat-welcome-icon{width:78px;height:78px;border-radius:25px;background:linear-gradient(135deg,#e1efff,#e4f7eb);display:grid;place-items:center;color:#367ec4;margin-bottom:16px}.chat-welcome-icon svg{width:38px;height:38px;stroke:currentColor;fill:none;stroke-width:1.6}.chat-welcome h2{color:#172033;margin:0 0 5px}.chat-welcome p{margin:0;font-size:13px}.chat-room{height:100%;display:flex;flex-direction:column}.chat-room-head{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:12px 20px}.chat-room-head strong{display:block;font-size:14px}.chat-room-head small{display:block;color:#8b95a7;font-size:10px}.chat-status{margin-right:auto;color:#1d9655;font-size:10px}.chat-messages{flex:1;overflow:auto;padding:25px 6%;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}.chat-row{display:flex;max-width:75%;animation:sectionReveal .2s ease both}.chat-row.mine{align-self:flex-start}.chat-row.theirs{align-self:flex-end}.chat-bubble{padding:10px 13px;border-radius:18px;box-shadow:0 5px 16px rgba(16,24,40,.06);min-width:80px}.chat-row.mine .chat-bubble{background:#dceeff;border-bottom-left-radius:5px}.chat-row.theirs .chat-bubble{background:#dff6e7;border-bottom-right-radius:5px}.chat-body{font-size:13px;line-height:1.8;word-break:break-word}.chat-meta{display:flex;justify-content:flex-end;gap:6px;font-size:9px;color:#7c8798;margin-top:4px}.chat-check{color:#287bea}.chat-attachment{display:block;margin-top:7px;color:#236bb0;font-size:11px;text-decoration:none}.chat-composer{margin:0 16px 16px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:8px;display:flex;gap:7px;align-items:flex-end;box-shadow:0 12px 35px rgba(16,24,40,.08)}.compose-box{flex:1}.compose-box textarea{display:block;width:100%;resize:none;border:0;outline:0;background:transparent;font-family:inherit;padding:9px 5px;max-height:130px}.attach-btn{width:42px;height:42px;border-radius:13px;background:#f2f5f8;display:grid;place-items:center;color:#687386;font-size:23px;cursor:pointer}.chat-send{height:42px;border:0;border-radius:13px;padding:0 17px;background:linear-gradient(135deg,#287bea,#5ba9ff);color:#fff;font-weight:800;box-shadow:0 8px 20px rgba(47,128,237,.2)}.file-preview{font-size:10px;color:#3571a9;padding:4px 5px}.chat-bubble[title]{cursor:pointer}.chat-bubble[title]:hover{filter:brightness(.98)}
@media(max-width:900px){.chat-app{grid-template-columns:290px}.chat-row{max-width:82%}}@media(max-width:700px){.chat-app{height:calc(100vh - 125px);min-height:560px;grid-template-columns:1fr}.chat-sidebar{display:block}.chat-main{display:none}.chat-app.chat-open .chat-sidebar{display:none}.chat-app.chat-open .chat-main{display:block}.chat-row{max-width:88%}}

.occupation-detail,.education-field{display:none}.occupation-detail.is-visible,.education-field.is-visible{display:block;animation:sectionReveal .38s cubic-bezier(.2,.75,.2,1) both}
/* V1.28 polish */
.inline-create{display:flex;gap:10px;align-items:center}.inline-create input{flex:1;padding:12px 14px;border:1px solid #dfe4ea;border-radius:13px;background:#fff;outline:none}.inline-edit{display:inline-flex;align-items:center}.inline-edit input{width:220px;padding:8px 10px;border:1px solid #dfe4ea;border-radius:10px;background:#fff;outline:none}.backup-hero{background:radial-gradient(circle at 10% 20%,rgba(22,131,75,.10),transparent 25%),linear-gradient(135deg,#fff,#f5fbf7)}.backup-shield{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:#e9f8ef;color:#16834b;font-size:36px;font-weight:900;box-shadow:0 15px 35px rgba(22,131,75,.12)}.backup-action{position:relative;overflow:hidden}.backup-icon{width:58px;height:58px;border-radius:18px;background:#e9f8ef;color:#16834b;display:grid;place-items:center;font-size:30px;font-weight:900}.backup-action h2{font-size:21px;margin:14px 0 4px}.backup-action p{color:var(--muted);font-size:11px}.backup-points{display:grid;gap:12px;color:#52606d;font-size:12px}.attachment-box{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fafbfc;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.attachment-box img{display:block;max-width:280px;max-height:190px;border-radius:12px;border:1px solid var(--line);object-fit:cover}.announcement-card.event-feature{border:1px solid rgba(201,31,36,.18);background:linear-gradient(135deg,#fff,#fff7f7);padding:24px}.announcement-card.event-feature .announcement-badge{width:54px;height:54px;border-radius:17px}.announcement-card.event-feature .announcement-head h3{font-size:25px}.announcement-card.event-feature .announcement-meta{font-size:12px}.announcement-card.event-feature .announcement-meta strong{background:#fff;border:1px solid #f0dfe0;border-radius:10px;padding:7px 10px}.announcement-card.event-feature p{font-size:14px;color:#4f5965}.section-head .btn{flex:0 0 auto}
@media(max-width:700px){.inline-create{flex-direction:column;align-items:stretch}.inline-edit input{width:150px}.backup-shield{width:62px;height:62px}.announcement-card.event-feature .announcement-head h3{font-size:20px}}

/* V1.29 dynamic member classification */
#occupationDetailWrap,#schoolWrap,#universityWrap,#specializationWrap{display:none}
#occupationDetailWrap.is-visible,#schoolWrap.is-visible,#universityWrap.is-visible,#specializationWrap.is-visible{display:block;animation:sectionReveal .3s cubic-bezier(.2,.75,.2,1) both}
#occupationList option{font-family:CairoLocal,"Cairo",Tahoma,Arial,sans-serif}
.education-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.education-admin-grid .card{min-width:0}
.mini-table{margin-top:16px;max-height:460px;overflow:auto}
.mini-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.mini-row form:first-child{display:flex;gap:7px;min-width:0}
.mini-row input{min-width:0;width:100%;padding:8px 10px;border:1px solid #dfe4ea;border-radius:10px;background:#fff}
@media(max-width:1100px){.education-admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.education-admin-grid{grid-template-columns:1fr}.inline-create{flex-wrap:wrap}}

/* V1.30 - announcements create panel */
.announcement-toggle{min-width:190px;box-shadow:0 12px 28px rgba(201,31,36,.14)}
.comms-card{display:flex;align-items:center;justify-content:space-between;gap:20px}
.announcement-create-panel[hidden]{display:none}
.announcement-create-panel{animation:announceOpen .28s ease both}
@keyframes announceOpen{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.comms-card{align-items:stretch;flex-direction:column}.announcement-toggle{width:100%}}


/* V1.33 — fixed logout + independently scrollable sidebar navigation */
.sidebar{overflow:hidden;display:flex;flex-direction:column;min-height:100vh}
.sidebar .brand,.sidebar>.nav-caption,.sidebar-bottom{flex:0 0 auto}
.sidebar>.nav-caption{padding-bottom:7px}
.sidebar .side-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:2px 4px 14px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}
.sidebar .side-nav nav{padding:0}
.sidebar .side-nav::-webkit-scrollbar{width:6px}
.sidebar .side-nav::-webkit-scrollbar-track{background:transparent}
.sidebar .side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:20px}
.sidebar-bottom{margin-top:10px;padding:12px 0 0;border-top:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(16,21,27,.35),#10151b 30%)}
.sidebar-bottom .logout-link{margin:0}
@media(max-width:700px){.sidebar{position:relative;min-height:auto;overflow:visible}.sidebar .side-nav{overflow-y:visible;max-height:none}}


/* V1.33 — logout screen aligned with the voter-register identity */
.logout-modern-v133{place-items:center;padding:24px}
.logout-shell-v133{width:min(620px,100%);position:relative;z-index:2}
.logout-card-v133{background:rgba(255,255,255,.94);border:1px solid rgba(224,228,236,.95);border-radius:30px;padding:42px 40px 34px;box-shadow:0 28px 80px rgba(26,40,67,.14);text-align:center;animation:logoutIn133 .65s cubic-bezier(.2,.75,.2,1) both;position:relative;overflow:hidden}
.logout-card-v133:before{content:'';position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#9f1018,#d52b34,#9f1018);background-size:200% 100%;animation:shine133 3s linear infinite}
.logout-logo-v133{position:relative;width:116px;height:116px;margin:0 auto 22px;padding:6px;border-radius:50%;background:#fff;box-shadow:0 15px 35px rgba(183,31,40,.18)}
.logout-logo-v133 img{width:100%;height:100%;object-fit:cover;border-radius:50%}.logout-logo-v133 span{position:absolute;right:-2px;bottom:4px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#b71f28;color:#fff;border:3px solid #fff;font-weight:900;box-shadow:0 5px 15px rgba(183,31,40,.25)}
.logout-heading-v133{justify-content:center;margin-bottom:10px}.logout-card-v133>p{color:#7d8799;font-size:12px;line-height:2;max-width:430px;margin:0 auto}.logout-status-v133{margin:21px auto 20px;color:#536078;font-size:11px;display:flex;justify-content:center;align-items:center;gap:8px}.logout-status-v133 i{width:8px;height:8px;border-radius:50%;background:#27a45a;box-shadow:0 0 0 5px rgba(39,164,90,.09);animation:blink133 1.6s ease-in-out infinite}.logout-actions-v133{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.logout-actions-v133 .btn{min-width:200px}.logout-actions-v133 b{font-size:16px}.logout-note-v133{display:block;margin-top:17px;color:#a0a8b6;font-size:9px}@keyframes logoutIn133{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}@keyframes shine133{to{background-position:200% 0}}@keyframes blink133{50%{opacity:.35}}
@media(max-width:520px){.logout-card-v133{padding:34px 20px 27px;border-radius:24px}.logout-logo-v133{width:96px;height:96px}.logout-actions-v133 .btn{width:100%;min-width:0}}


/* V1.34 — restored modern login screen */
/* Modern login */
.login-page-v214{min-height:100vh;position:relative;overflow:hidden;display:grid;place-items:center;padding:28px;background:linear-gradient(135deg,#f7f8fb 0%,#eef1f6 48%,#fbf7f7 100%)}
.login-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(1px)}
.orb-one{width:420px;height:420px;right:-150px;top:-160px;background:radial-gradient(circle,rgba(183,31,40,.10),rgba(183,31,40,0) 68%)}
.orb-two{width:360px;height:360px;left:-140px;bottom:-170px;background:radial-gradient(circle,rgba(24,42,75,.09),rgba(24,42,75,0) 68%)}
.login-shell-v214{position:relative;z-index:1;width:min(930px,100%);display:grid;grid-template-columns:1fr 1fr;direction:ltr;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.85);border-radius:30px;box-shadow:0 28px 80px rgba(26,40,67,.14);overflow:hidden;backdrop-filter:blur(14px);animation:loginIn214 .65s cubic-bezier(.2,.75,.2,1) both}
@keyframes loginIn214{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
.login-visual-v214{direction:rtl;min-height:560px;display:grid;place-items:center;padding:45px;background:linear-gradient(145deg,#111a2d 0%,#182642 58%,#7f171f 160%);color:#fff;position:relative;overflow:hidden}
.login-visual-v214:before{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.08);border-radius:50%;top:-135px;left:-115px;box-shadow:0 0 0 35px rgba(255,255,255,.02),0 0 0 70px rgba(255,255,255,.015)}
.login-visual-v214:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-90px;bottom:-110px;background:rgba(255,255,255,.035)}
.login-visual-inner-v214{text-align:center;position:relative;z-index:2;max-width:340px}
.login-logo-ring-v214{width:190px;height:190px;margin:0 auto 25px;padding:7px;border-radius:50%;background:linear-gradient(145deg,#fff,#dce1e8);box-shadow:0 20px 42px rgba(0,0,0,.25),0 0 0 1px rgba(255,255,255,.18);animation:logoFloat214 4s ease-in-out infinite}
.login-logo-ring-v214 img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
@keyframes logoFloat214{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.login-overline-v214{font-size:11px;color:#c7cfdd;letter-spacing:.2px}.login-visual-v214 h1{font-size:31px;margin:8px 0 7px;font-weight:800}.login-visual-v214 p{margin:0;color:#aeb8ca;font-size:12px;line-height:2}.login-line-v214{display:flex;align-items:center;gap:8px;justify-content:center;margin-top:24px}.login-line-v214 span{width:42px;height:1px;background:rgba(255,255,255,.16)}.login-line-v214 i{width:7px;height:7px;border-radius:50%;background:#d52630;box-shadow:0 0 0 6px rgba(213,38,48,.10)}
.login-card-v214{direction:rtl;background:#fff;padding:55px 48px;display:flex;flex-direction:column;justify-content:center;min-height:560px}
.login-heading-v214{display:flex;align-items:center;gap:12px;margin-bottom:30px}.login-dot-v214{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 7px rgba(183,31,40,.08)}.login-heading-v214 small{display:block;color:#8b97aa;font-size:11px}.login-heading-v214 h2{margin:2px 0 0;color:#14213d;font-size:26px}
.login-label-v214{display:block;color:#63718a;font-size:11px;font-weight:700;margin-bottom:17px}.login-label-v214 input{margin-top:8px;height:49px;border-radius:13px;border-color:#e1e6ee;background:#fbfcfe;padding:0 14px;font-size:12px;transition:border-color .2s,box-shadow .2s,background .2s}.login-label-v214 input::placeholder{color:#adb6c4}.login-label-v214 input:focus{background:#fff;border-color:#c52a33;box-shadow:0 0 0 4px rgba(197,42,51,.08)}
.password-wrap-v214{position:relative}.password-wrap-v214 input{padding-left:68px!important}.password-toggle{position:absolute;left:8px;top:8px;height:33px;padding:0 9px;border:0;border-radius:8px;background:#eef1f5;color:#68758a;font:600 10px Cairo,sans-serif;cursor:pointer;transition:.2s}.password-toggle:hover{background:#e6e9ef;color:#a81720}
.login-submit-v214{width:100%;height:51px;border-radius:13px!important;margin:7px 0 0!important;background:linear-gradient(135deg,#c5232d,#9d111a)!important;box-shadow:0 11px 22px rgba(183,31,40,.20);font-size:12px!important;justify-content:space-between!important;padding:0 17px!important;transition:transform .22s,box-shadow .22s!important}.login-submit-v214:hover{transform:translateY(-2px)!important;box-shadow:0 15px 28px rgba(183,31,40,.25)!important}.login-submit-v214 b{font-size:18px;font-weight:500}.login-submit-v214:disabled{opacity:.8;cursor:wait;transform:none!important}
.login-error-v214{display:flex;flex-direction:column;gap:2px;border-radius:12px!important;border:1px solid #ffd5d7;margin-bottom:19px!important}.login-error-v214 b{font-size:11px}.login-error-v214 span{font-size:10px}.login-footer-v214{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:24px;color:#9aa5b5;font-size:9px}.secure-dot-v214{width:6px;height:6px;border-radius:50%;background:#24a05a;box-shadow:0 0 0 4px rgba(36,160,90,.08)}
@media(max-width:780px){.login-shell-v214{grid-template-columns:1fr;max-width:500px}.login-visual-v214{min-height:310px;padding:30px}.login-logo-ring-v214{width:125px;height:125px;margin-bottom:16px}.login-visual-v214 h1{font-size:25px}.login-visual-v214 p{font-size:10px}.login-card-v214{min-height:auto;padding:34px 28px 30px}}
@media(max-width:430px){.login-page-v214{padding:14px}.login-shell-v214{border-radius:22px}.login-visual-v214{min-height:270px}.login-card-v214{padding:29px 21px 25px}.login-heading-v214 h2{font-size:23px}}

/* V1.35 — login layout polish & perfect centering */
.login-page-v214{
  min-height:100svh;
  width:100%;
  display:grid;
  place-items:center;
  padding:24px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 12%,rgba(201,31,36,.08),transparent 22%),
    radial-gradient(circle at 8% 88%,rgba(24,42,75,.08),transparent 24%),
    linear-gradient(135deg,#f8f9fb 0%,#eef2f7 52%,#fcf8f8 100%);
}
.login-page-v214:before{
  content:'';position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:linear-gradient(rgba(24,42,75,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(24,42,75,.025) 1px,transparent 1px);
  background-size:42px 42px;
}
.login-shell-v214{
  width:min(1040px,100%);
  max-height:calc(100svh - 48px);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  direction:ltr;
  background:#fff;
  border:1px solid rgba(255,255,255,.95);
  border-radius:32px;
  box-shadow:0 30px 90px rgba(24,42,75,.16),0 4px 18px rgba(24,42,75,.05);
  overflow:hidden;
}
.login-visual-v214{
  min-height:540px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 52px;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,255,255,.08),transparent 25%),
    radial-gradient(circle at 90% 90%,rgba(214,39,48,.13),transparent 28%),
    linear-gradient(145deg,#101a2e 0%,#182642 58%,#422337 125%);
}
.login-visual-inner-v214{max-width:390px;width:100%;text-align:center}
.login-logo-ring-v214{
  width:174px;height:174px;margin:0 auto 25px;padding:7px;
  background:linear-gradient(145deg,#fff,#e6eaf0);
  box-shadow:0 24px 55px rgba(0,0,0,.28),0 0 0 8px rgba(255,255,255,.045);
  transition:transform .35s ease,box-shadow .35s ease;
}
.login-logo-ring-v214:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 30px 65px rgba(0,0,0,.34),0 0 0 10px rgba(213,38,48,.08)}
.login-visual-v214 h1{font-size:34px;line-height:1.35;margin:9px 0 10px;letter-spacing:-.7px}
.login-visual-v214 p{font-size:12px;line-height:2.05;color:#b9c2d1}
.login-line-v214{margin-top:26px}
.login-card-v214{
  min-height:540px;
  padding:54px 58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(255,255,255,.98);
}
.login-heading-v214{margin-bottom:31px;gap:14px}
.login-heading-v214 small{font-size:11px;color:#8c98aa}
.login-heading-v214 h2{font-size:30px;line-height:1.3;letter-spacing:-.7px}
.login-dot-v214{width:12px;height:12px;flex:0 0 12px}
.login-label-v214{font-size:11px;margin-bottom:19px;color:#59677d}
.login-label-v214 input{height:54px;border-radius:14px;margin-top:8px;background:#f9fafc;border:1px solid #dfe5ed;font-size:12px}
.login-submit-v214{height:54px;border-radius:14px!important;margin-top:9px!important;font-size:12px!important}
.login-footer-v214{margin-top:26px;font-size:9px}
@media(max-width:820px){
 .login-page-v214{padding:18px;overflow:auto}
 .login-shell-v214{max-height:none;grid-template-columns:1fr;max-width:520px}
 .login-visual-v214{min-height:330px;padding:32px 28px}
 .login-logo-ring-v214{width:128px;height:128px;margin-bottom:18px}
 .login-visual-v214 h1{font-size:27px}
 .login-visual-v214 p{font-size:10px}
 .login-card-v214{min-height:auto;padding:38px 32px 34px}
}
@media(max-width:430px){
 .login-page-v214{padding:12px}
 .login-shell-v214{border-radius:23px}
 .login-visual-v214{min-height:285px;padding:26px 20px}
 .login-logo-ring-v214{width:112px;height:112px}
 .login-visual-v214 h1{font-size:24px}
 .login-card-v214{padding:30px 22px 28px}
 .login-heading-v214 h2{font-size:25px}
}