/* FIX: hidden elements must stay hidden until JavaScript opens them */
[hidden]{display:none!important}

:root{--bg:#17100d;--side:#24150f;--panel:#2d1c14;--panel2:#3b2418;--line:#68422b;--text:#fff5e6;--muted:#d5b99e;--brand:#e0963b;--brand2:#bd6828;--green:#36b36c;--danger:#e45f54;--shadow:0 22px 70px rgba(0,0,0,.38)}
:root.light{--bg:#f5eee7;--side:#fffaf5;--panel:#fff;--panel2:#f6e7da;--line:#dbc0aa;--text:#2f1b11;--muted:#7e6656;--shadow:0 18px 50px rgba(72,42,23,.14)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Segoe UI","Noto Sans Bengali",Arial,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}
.auth-gate{position:fixed;inset:0;z-index:100;background:linear-gradient(145deg,#2b160d,#4b2613 55%,#24120b);display:grid;place-items:center;padding:22px}
.login-window{width:min(1180px,96vw);height:min(720px,94vh);display:grid;grid-template-columns:52% 48%;border:1px solid rgba(255,211,159,.28);border-radius:28px;overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.52);background:#28150d}
.login-visual{position:relative;background:radial-gradient(circle at 25% 20%,rgba(232,151,55,.28),transparent 34%),linear-gradient(150deg,#492613,#21120d);overflow:hidden}.login-visual:after{content:"";position:absolute;inset:0;background-image:linear-gradient(30deg,rgba(255,255,255,.022) 12%,transparent 12.5%,transparent 87%,rgba(255,255,255,.022) 87.5%);background-size:44px 76px}.visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.12))}
.visual-content{position:relative;z-index:1;height:100%;padding:42px 44px;display:flex;flex-direction:column}.enterprise-logo{width:58px;height:58px;border-radius:16px;background:var(--brand);display:grid;place-items:center;color:#3d1c09;font-weight:900;font-size:23px}
.visual-content h1{font-size:37px;letter-spacing:1px;margin:16px 0 2px}.visual-content h1 span{color:#f5b85c}.visual-content h1 small{display:block;font-size:14px;color:#e8c7a5;letter-spacing:.3px;margin-top:5px}.visual-subtitle{color:#f5c47f;font-size:20px;line-height:1.5;margin:12px 0 20px;max-width:520px}
.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.feature-list div{display:flex;align-items:center;gap:10px;background:rgba(10,6,4,.28);border:1px solid rgba(255,211,159,.14);padding:11px 12px;border-radius:12px}.feature-list i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#7b401f;color:#ffd18d;font-style:normal}
.contact-card{margin-top:19px;width:max-content;max-width:100%;display:flex;gap:10px;align-items:center;padding:10px 13px;border:1px solid rgba(255,211,159,.18);border-radius:12px;background:rgba(0,0,0,.19)}.contact-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#3b1d0c;font-weight:900}.contact-card small,.contact-card a{display:block;color:#e7c5a3;text-decoration:none;font-size:12px}
.visual-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:end}.visual-slogan{font-family:Georgia,serif;font-style:italic;color:#f0ab52;font-size:24px;line-height:1.13}.product-note{text-align:right}.product-note small{color:#d8baa0}
.login-formpane{background:#301b12;padding:28px 34px;display:flex;flex-direction:column;overflow:auto}.auth-utility-bar{display:flex;gap:12px;align-items:center;justify-content:space-between}.install-banner{flex:1;display:flex;gap:10px;align-items:center;text-align:left;border:1px solid #71482d;background:#3a2115;color:#fff0d8;padding:10px 12px;border-radius:12px;cursor:pointer}.install-banner small{display:block;color:#d9b795}.download-icon{font-size:24px;color:#efb15b}.banner-arrow{margin-left:auto;font-size:25px}
.lang-switch{display:flex;border:1px solid #6b432b;border-radius:10px;overflow:hidden}.lang-switch button{border:0;background:#3b2115;color:#d7b89a;padding:9px 11px;cursor:pointer}.lang-switch button.active{background:var(--brand);color:#3a1b09;font-weight:800}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:23px 0 20px;background:#24130d;padding:5px;border-radius:12px}.auth-tabs button{border:0;background:transparent;color:#d3b296;padding:10px;border-radius:9px;cursor:pointer}.auth-tabs button.active{background:#6b3519;color:#ffd595;font-weight:800}
.login-heading h2,.register-title h2{font-size:30px;margin:0 0 6px}.login-heading p,.register-title p{margin:0 0 16px;color:#d1b299}.auth-form label{display:block;margin:11px 0 6px;color:#efd6be}.field-wrap{position:relative}.field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#d99b50}.field-wrap input{padding-left:40px}
input,select,textarea{width:100%;border:1px solid #6d452d;border-radius:10px;background:#20120d;color:#fff5e9;padding:11px 12px;outline:none}.auth-options{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:11px 0}.auth-options a{color:#efb25f;text-decoration:none;font-size:13px}.check{display:flex!important;gap:6px;align-items:center;margin:0!important;font-size:13px}.check input{width:auto}
.signin-btn{width:100%;border:0;border-radius:11px;padding:12px;background:linear-gradient(90deg,#2f9f61,#44c277);color:white;font-weight:800;cursor:pointer}.form-message{min-height:23px;color:#ffb0a8;padding-top:7px;font-size:13px}.device-card{margin-top:13px;padding:10px 12px;border:1px solid #69422c;border-radius:11px;display:flex;justify-content:space-between;align-items:center;background:#26150f}.device-card small{display:block;color:#c9a98c}.device-card strong{font-size:11px;word-break:break-all}.device-card button{border:0;background:transparent;color:#f1b15c;cursor:pointer}.local-privacy-line{margin-top:14px;font-size:11.5px;color:#bfa28a;text-align:center}
.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:var(--side);border-right:1px solid var(--line);padding:16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:3px 4px 16px}.brand-mark{width:42px;height:42px;border-radius:10px;background:var(--brand);color:#3b1d0c;display:grid;place-items:center;font-weight:900}.sidebar-brand small{display:block;color:var(--muted);margin-top:2px}
#nav{display:flex;flex-direction:column;gap:4px;overflow:auto}.nav-item{border:0;background:transparent;color:var(--muted);text-align:left;padding:10px 11px;border-radius:9px;cursor:pointer}.nav-item:hover,.nav-item.active{background:var(--panel2);color:var(--text)}.sidebar-foot{margin-top:auto;display:grid;gap:7px}.chip{font-size:11px;border:1px solid var(--line);padding:7px 8px;border-radius:999px;text-align:center}.chip.warn{color:#f4c979}
.main{min-width:0}.topbar{height:84px;display:flex;align-items:center;gap:16px;padding:15px 22px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(9px)}.topbar h2{margin:0 0 4px}.top-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.icon-btn,.logout-btn{border:1px solid var(--line);background:var(--panel);color:var(--text);padding:8px 10px;border-radius:9px;cursor:pointer}.profile{display:flex;gap:7px;align-items:center}.dot{width:8px;height:8px;border-radius:50%;background:#43c47a}.privacy-banner{margin:16px 22px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:10px;background:var(--panel);color:var(--muted);font-size:13px}.content{padding:18px 22px 28px}
.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}.card{padding:15px}.card h3{margin:0 0 7px;font-size:13px;color:var(--muted)}.metric{font-size:27px;font-weight:900}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.panel{padding:16px}.panel h3{margin-top:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.primary,.secondary,.danger{border:1px solid var(--line);padding:9px 12px;border-radius:9px;cursor:pointer}.primary{background:var(--brand);border-color:var(--brand);color:#3b1c09;font-weight:800}.secondary{background:var(--panel2);color:var(--text)}.danger{background:var(--danger);color:white}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;min-width:760px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left}th{background:var(--panel2);font-size:13px}.badge{display:inline-block;padding:4px 7px;border-radius:99px;background:rgba(54,179,108,.16);color:#8ff0b3;font-size:11px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-grid label{display:block;color:var(--muted)}.full{grid-column:1/-1}.policy{line-height:1.65;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:18px}.modal-card{position:relative;width:min(740px,96vw);max-height:90vh;overflow:auto;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:var(--text);font-size:28px;cursor:pointer}.toast{position:fixed;right:18px;bottom:18px;z-index:300;background:var(--panel);border:1px solid var(--brand);padding:10px 13px;border-radius:10px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(max-width:1050px){.login-window{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:220px 1fr}}
@media(max-width:780px){.login-window{display:block;height:auto;max-height:96vh;overflow:auto}.login-visual{display:none}.login-formpane{min-height:620px}.app-shell{display:block}.sidebar{position:fixed;left:-260px;width:248px;z-index:50;transition:.2s}.menu-open .sidebar{left:0}.cards,.grid2,.form-grid{grid-template-columns:1fr}.topbar{height:auto;flex-wrap:wrap}.top-actions{margin-left:0;flex-wrap:wrap}.feature-list{grid-template-columns:1fr}}

.modal[hidden]{display:none!important}

/* FINAL MODAL SAFETY */
[hidden]{display:none!important}.modal:not(.is-open){display:none!important}.modal.is-open{display:grid!important}