:root{--bg:#111019;--panel:#1b1925;--line:#343041;--text:#f4f0f8;--muted:#a39cad;--purple:#b69af3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'IBM Plex Sans Arabic',sans-serif;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(ellipse at 50% 15%,#392b50,transparent 55%)}.login-card{width:min(430px,100%);padding:40px;background:#1a1824;border:1px solid #40374e;border-radius:20px}.brand{font:700 27px 'DM Sans';margin-bottom:25px}.brand span{color:var(--purple)}.eyebrow{font:600 10px 'DM Sans';letter-spacing:2px;color:var(--purple)}h1{font:600 38px/1.1 'DM Sans';margin:10px 0}h1 em,h3 em{color:var(--purple);font-family:Georgia,serif;font-weight:400}.muted{color:var(--muted)}label{display:block;font-size:13px;margin:17px 0}.login-card input,.fields input,.fields select,.fields textarea{display:block;width:100%;padding:13px;margin-top:7px;border-radius:8px;border:1px solid var(--line);background:#111019;color:var(--text)}.primary,.secondary{padding:12px 18px;border:0;border-radius:8px;font-weight:600}.primary{background:var(--purple);color:#21192d}.primary:hover{background:#cbb8ff}.full{width:100%;margin:12px 0}.error{color:#ff9b9b;font-size:12px}.login-card small{color:var(--muted)}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.sidebar{background:#16141e;border-left:1px solid var(--line);padding:25px 18px}.sidebar .brand{padding-bottom:30px}.nav{display:block;width:100%;text-align:right;padding:13px;margin:6px 0;background:none;border:0;border-radius:8px;color:#aaa4b5}.nav.active,.nav:hover{background:#30263f;color:#eadfff}.side-bottom{position:absolute;bottom:25px;display:grid;gap:12px;color:var(--muted);font-size:12px}.side-bottom button{background:none;border:1px solid var(--line);color:var(--text);padding:8px;border-radius:7px}.main{padding:32px clamp(18px,4vw,55px);max-width:1450px;width:100%;margin:auto}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}header h2{margin:0}header a{color:#d9c9ff;text-decoration:none;border:1px solid #514566;padding:9px 12px;border-radius:8px;font-size:12px}.welcome{display:flex;justify-content:space-between;align-items:center;padding:30px 0 22px}.welcome h3{font-size:27px;margin:0 0 8px}.welcome p{font-size:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:var(--panel);border:1px solid var(--line);padding:17px;border-radius:10px;color:var(--muted);font-size:12px}.stats b{display:block;color:var(--text);font:600 26px 'DM Sans';margin-top:7px}.filters{display:flex;gap:8px;margin:25px 0 15px}.chip{background:none;border:1px solid var(--line);color:var(--muted);padding:7px 16px;border-radius:25px}.chip.selected{background:#332a46;color:#eadfff;border-color:#6b548c}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:11px;overflow:hidden}.card img,.card video{width:100%;height:185px;object-fit:cover;background:#08080c}.card-info{padding:12px}.card-info b{font-size:13px}.card-info p{font-size:10px;color:var(--muted)}.card-info button{margin:4px 4px 0 0;background:#292634;color:#ddd;border:1px solid var(--line);border-radius:6px;padding:7px 10px;font-size:11px}.card-info .delete{color:#ff9b9b}.drop{display:grid;place-items:center;gap:10px;padding:40px;border:1px dashed #725a96;border-radius:12px;background:#1c1927;text-align:center;cursor:pointer}.drop input{margin:auto}.drop small{color:var(--muted)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.fields .wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:8px}.actions{display:flex;gap:10px}.secondary{background:#292634;color:var(--text);border:1px solid var(--line)}@media(max-width:850px){.app{grid-template-columns:175px 1fr}.grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.app{display:block}.sidebar{padding:12px;display:flex;align-items:center;gap:6px}.sidebar .brand{margin:0 auto 0 0;padding:0;font-size:17px}.nav{width:auto;padding:9px;font-size:11px}.side-bottom{display:none}.main{padding:20px 14px}.grid{grid-template-columns:1fr 1fr;gap:8px}.card img,.card video{height:130px}.welcome{align-items:flex-start;gap:12px;flex-direction:column}.fields{grid-template-columns:1fr}.fields .wide{grid-column:auto}.login-card{padding:28px 22px}}
.password-field{display:flex;align-items:stretch;position:relative;z-index:2;direction:ltr;margin-top:7px}.password-field input{flex:1;min-width:0;margin:0!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;cursor:text;position:relative;z-index:2}.password-field button{background:#30283c;color:#e9defb;border:1px solid var(--line);border-right:0;padding:0 14px;border-radius:8px 0 0 8px;cursor:pointer}.password-field input{border-radius:8px 0 0 8px!important}.password-field button{border-radius:0 8px 8px 0!important}.login-card form{position:relative;z-index:1}.login-card label{cursor:text}.login-card input{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;position:relative;z-index:2;direction:ltr;text-align:left}.login-card input:focus{outline:2px solid var(--purple);outline-offset:2px}
/* Login interaction hardening */
#loginView{position:relative;isolation:isolate;z-index:20;pointer-events:auto}#loginView .login-card{position:relative;z-index:21;pointer-events:auto}#loginView form,#loginView .login-field,#loginView input,#loginView .password-field{position:relative;pointer-events:auto!important}#loginView input{display:block;width:100%;min-height:48px;z-index:22;touch-action:manipulation;user-select:text!important;-webkit-user-select:text!important;cursor:text}#loginView .login-field{margin:17px 0}#loginView .login-field>label{display:block;margin:0 0 7px;position:relative;z-index:22;pointer-events:auto}#loginView .password-field input{z-index:23}#loginView .password-field button{position:relative;z-index:24;flex:0 0 auto}


/* Simplified, native login controls */
#loginView{isolation:isolate}
#loginView .login-card{transform:none;filter:none}
#loginView .login-field{display:block;width:100%;margin:18px 0;position:static}
#loginView .login-field>label{display:block;position:static;margin:0 0 8px;cursor:pointer}
#loginView .login-field input{display:block;width:100%;height:52px;padding:14px!important;margin:0!important;border:1px solid #514866!important;border-radius:9px!important;background:#111019!important;color:#fff!important;font-size:16px!important;line-height:1.4;direction:ltr;text-align:left;position:static!important;z-index:auto!important;pointer-events:auto!important;touch-action:auto;opacity:1;visibility:visible}
#loginView .password-field{display:flex;width:100%;margin:0;position:static;z-index:auto;direction:ltr}
#loginView .password-field input{flex:1;min-width:0;border-radius:9px 0 0 9px!important}
#loginView .password-field button{position:static;z-index:auto;min-width:66px;border-radius:0 9px 9px 0!important}
#loginView input:focus{outline:2px solid var(--purple)!important;outline-offset:1px}