*{box-sizing:border-box}html,body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#15213d;background:#eef3fb}button,input,select{font:inherit}button{cursor:pointer}.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}aside{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#101936,#09152c 65%,#08162b);color:#cbd7f3;padding:18px 16px;overflow:auto;z-index:20}.side-brand{height:58px;display:flex;align-items:center;gap:13px;padding:0 8px 14px;border-bottom:1px solid #24314d}.brandmark,.header-avatar,.table-avatar,.big-avatar{display:grid;place-items:center;color:white;font-weight:800;background:linear-gradient(135deg,#7b4cff,#3d6cff);box-shadow:0 8px 20px #4e4dff44}.brandmark{width:46px;height:46px;border-radius:12px;font-size:24px}.side-brand b{font-size:20px;color:#fff}.side-brand small{display:block;font-size:10px;letter-spacing:1.4px;color:#8291b4}.collapse-btn{margin-left:auto;border:0;background:#172543;color:#aab9d8;border-radius:50%;width:34px;height:34px;color:white}.nav-label{font-size:11px;letter-spacing:1.5px;font-weight:800;color:#7384a9;margin:24px 12px 10px}.nav-label.sub{padding-top:18px;border-top:1px solid #1f2d49}nav a{display:flex;align-items:center;gap:13px;color:#b9c8e7;text-decoration:none;padding:12px 13px;margin:3px 0;border-radius:9px;font-size:14px;position:relative}nav a:hover{background:#162442;color:white}nav a.on{background:linear-gradient(90deg,#7247ff,#4c5eff);color:white;box-shadow:0 8px 22px #514eff45}.ico{font-style:normal;width:24px;text-align:center;font-size:19px;color:#79c9ff}.ico.gold{color:#ffc62d}.ico.cyan{color:#26d9e7}.ico.green{color:#5ce0b1}.ico.pink{color:#ff6c9f}.notify{margin-left:auto;background:#ff365a;color:#fff;border-radius:20px;padding:2px 7px;font-size:10px}.side-health{position:sticky;bottom:0;margin-top:26px;padding:13px;border:1px solid #233453;background:#11203a;border-radius:11px}.side-health span{display:block;color:#bdeaff;font-weight:700;font-size:12px}.side-health span i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#23dca0;box-shadow:0 0 12px #23dca0;margin-right:7px}.side-health small{display:block;color:#7286aa;font-size:10px;margin-top:5px}.content{grid-column:2;min-width:0}header{height:74px;background:linear-gradient(90deg,#16274b,#0c1a38);display:flex;align-items:center;justify-content:space-between;padding:0 24px;color:#dce7ff;position:sticky;top:0;z-index:15;box-shadow:0 2px 14px #0b16351c}.top-search{width:460px;height:42px;border:1px solid #40527a;background:#26385d;border-radius:10px;display:flex;align-items:center;padding:0 13px;color:#9fb2d7}.top-search input{flex:1;background:transparent;border:0;outline:0;color:white;padding:0 10px}.top-search kbd{font-size:11px;border:1px solid #53668c;border-radius:5px;padding:3px 7px}.header-actions{display:flex;align-items:center;gap:11px}.head-btn,.theme-switch,.chev{border:0;background:#17294d;color:#dce7ff;border-radius:10px;height:38px;min-width:38px;position:relative}.bubble{position:absolute;right:-3px;top:-5px;background:#ff3159;border-radius:12px;font-size:9px;padding:2px 5px}.header-avatar{width:40px;height:40px;border-radius:10px;text-decoration:none}.head-user{min-width:120px}.head-user b{display:block;font-size:12px;color:#fff}.head-user small{font-size:9px;color:#8499bf}.profile-menu{display:none;position:fixed;right:20px;top:68px;background:white;padding:10px;border-radius:10px;box-shadow:0 16px 40px #0b173530;z-index:40}.profile-menu.show{display:block}.profile-menu a,.profile-menu button{display:block;padding:10px 18px;border:0;background:none;text-decoration:none;color:#17213c}.page{padding:22px 30px 45px;max-width:1700px;margin:auto}.crumbline{font-size:12px;color:#7584a6;margin-bottom:14px}.crumbline span{padding:0 8px}.user-titlebar{display:flex;align-items:center;gap:17px;margin-bottom:18px}.title-icon{width:58px;height:58px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#8753ff,#6338f2);color:#fff;font-size:27px;box-shadow:0 10px 24px #7149ff45}.user-titlebar h1{font-size:29px;margin:0 0 2px;color:#101c39}.user-titlebar p{margin:0;color:#7786a7;font-size:14px}.title-actions{margin-left:auto;display:flex;gap:10px}.title-actions button,.filter-panel button{border:1px solid #dce4f2;background:#fff;color:#243252;padding:11px 18px;border-radius:9px;font-weight:700}.primary{background:linear-gradient(135deg,#7147ff,#5d45f4)!important;color:#fff!important;border:0!important;box-shadow:0 8px 18px #6548ff30}.stat-grid.six{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-bottom:18px}.stat-card{background:#fff;border:1px solid #e2e8f4;border-radius:13px;min-height:108px;padding:17px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 4px 16px #16274b08}.sicon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:22px}.sicon.blue{background:#e9efff;color:#315cff}.sicon.green{background:#dcf9eb;color:#13b972}.sicon.orange{background:#fff0df;color:#ff8a31}.sicon.purple{background:#f2e4ff;color:#a23be8}.sicon.cyan{background:#ddfafa;color:#08bec7}.sicon.pink{background:#ffe4ee;color:#f13f74}.stat-card span{font-size:12px;font-weight:700;color:#61708e}.stat-card strong{font-size:25px;display:block;margin-top:4px}.stat-card small{font-size:9px;color:#8190aa}.filter-panel{background:#fff;border:1px solid #e1e7f2;border-radius:13px;padding:18px;margin-bottom:16px}.searchrow{display:flex;gap:12px}.searchbox{height:44px;border:1px solid #d6dfed;border-radius:9px;display:flex;align-items:center;padding:0 13px;flex:1;color:#8390aa}.searchbox input{border:0;outline:0;flex:1;padding-left:9px}.search-btn{background:linear-gradient(135deg,#7a48ff,#613ff2)!important;color:white!important;width:100px}.filterrow{display:grid;grid-template-columns:1fr 1fr 1fr 120px 170px;gap:12px;margin-top:14px;align-items:end}.filterrow label{font-size:11px;font-weight:700;color:#34405e}.filterrow select{display:block;width:100%;height:42px;border:1px solid #d8e0ed;border-radius:8px;background:white;margin-top:7px;padding:0 12px;color:#34405e}.user-workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}.user-table-card,.detail-side{background:#fff;border:1px solid #e1e7f2;border-radius:13px;box-shadow:0 5px 18px #14244209}.bulkbar{min-height:58px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #e5eaf3;font-size:11px;color:#596885}.bulkbar button{border:0;border-radius:7px;padding:8px 11px;background:#eef2ff;color:#3f51c8;font-weight:700;font-size:10px}.bulkbar button.ok{background:#dff8e9;color:#149759}.bulkbar button.bad{background:#ffe7eb;color:#e43858}.bulkbar i{height:28px;border-left:1px solid #dce2ec}.perpage{margin-left:auto}.perpage select{border:1px solid #dce3ef;border-radius:7px;padding:6px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap}th{padding:13px 10px;text-align:left;color:#667492;background:#fbfcff;font-size:9px}td{padding:11px 10px;border-top:1px solid #edf0f6;color:#40506f}.user-cell{display:flex;align-items:center;gap:9px;color:#16223f}.table-avatar{width:31px;height:31px;border-radius:9px}.role-badge,.status-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:7px;font-weight:800;font-size:9px}.role-badge.superadmin,.role-badge.admin{background:#eee8ff;color:#603cff}.role-badge.member{background:#dcf8e9;color:#15985c}.status-pill.active{background:#dcf8e9;color:#15985c}.status-pill.inactive{background:#ffe7eb;color:#ef3d5e}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.device{display:block;color:#7f8ca5}.row-actions{display:flex;gap:5px}.row-actions form{display:inline}.row-actions button{width:28px;height:28px;border:0;border-radius:7px;background:#edf2ff;color:#4261dc}.row-actions .trash{background:#ffe7eb;color:#f13b5b}.table-footer{padding:14px 16px;display:flex;justify-content:space-between;color:#75829c;font-size:10px}.pagination{display:flex;gap:5px}.pagination button{border:1px solid #dce3ee;background:#fff;border-radius:7px;min-width:31px;height:31px}.pagination button.on{background:#6847f4;color:white;border:0}.detail-side{padding:17px;position:relative;min-height:430px}.side-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:24px;color:#6d7892}.detail-side>h3{margin:0 0 20px}.detail-profile{display:flex;align-items:center;gap:12px;margin-top:8px}.big-avatar{width:54px;height:54px;border-radius:50%;font-size:22px}.detail-profile h3{margin:0;font-size:15px}.detail-profile p{font-size:10px;color:#7b89a3}.detail-tabs{display:flex;justify-content:space-between;margin:20px -17px 0;border-bottom:1px solid #e4e8f1;padding:0 17px}.detail-tabs>*{padding:10px 4px;font-size:10px}.detail-tabs b{color:#673ef4;border-bottom:2px solid #673ef4}dl{font-size:10px}dl div{}dt,dd{display:inline-block;margin:0;padding:10px 0;border-bottom:1px solid #edf0f5}dt{width:43%;color:#687795}dd{width:55%;text-align:right;color:#26334f}.detail-buttons{display:grid;gap:8px;margin-top:15px}.detail-buttons button{width:100%;border:0;border-radius:8px;background:#6d43f4;color:white;padding:10px;font-weight:700}.detail-buttons .outline-danger{background:white;color:#ef3659;border:1px solid #ef3659}.detail-empty{color:#8b97ac;text-align:center;padding:120px 20px 0}.premium-dialog{border:0;border-radius:16px;padding:0;width:min(620px,92vw);box-shadow:0 28px 90px #101d3b55}.premium-dialog::backdrop{background:#0b173a99;backdrop-filter:blur(4px)}.premium-dialog form{padding:24px}.modal-head{display:flex;align-items:center;gap:13px;margin-bottom:20px}.modal-head h2{margin:0}.modal-head p{margin:3px 0;color:#7d8aa3}.modal-head>button{margin-left:auto;border:0;background:#f1f4fa;border-radius:8px;width:34px;height:34px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.premium-dialog label{display:block;font-size:12px;font-weight:700;margin:10px 0;color:#44516e}.premium-dialog input,.premium-dialog select{width:100%;height:42px;border:1px solid #d8e0ed;border-radius:8px;padding:0 12px;margin-top:6px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.modal-actions button{border:1px solid #dce3ed;background:white;padding:10px 18px;border-radius:8px}.toast{position:fixed;right:25px;top:85px;background:#17233e;color:white;padding:11px 16px;border-radius:9px;transform:translateY(-20px);opacity:0;pointer-events:none;transition:.2s;z-index:100}.toast.show{opacity:1;transform:none}.dark{filter:none}.sidebar-mini{grid-template-columns:86px 1fr}.sidebar-mini aside{width:86px}.sidebar-mini .side-brand>div:not(.brandmark),.sidebar-mini nav span,.sidebar-mini .nav-label,.sidebar-mini .side-health,.sidebar-mini nav em{display:none}.sidebar-mini nav a{justify-content:center}.sidebar-mini .content{grid-column:2}@media(max-width:1250px){.stat-grid.six{grid-template-columns:repeat(3,1fr)}.user-workspace{grid-template-columns:1fr}.detail-side{display:none}.filterrow{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.app{display:block}.content{display:block}.app aside{transform:translateX(-100%)}.page{padding:18px}.top-search{display:none}.stat-grid.six{grid-template-columns:repeat(2,1fr)}.title-actions button:not(.primary){display:none}.user-titlebar{align-items:flex-start}.title-actions{margin-left:auto}.filterrow{grid-template-columns:1fr 1fr}.head-user{display:none}}

/* V5.1 LOGIN HOTFIX */
.login-body{margin:0;min-height:100vh;background:#0b1427;overflow-x:hidden;color:#17213d}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)}.login-brand{position:relative;overflow:hidden;padding:55px clamp(45px,7vw,110px);color:#fff;background:radial-gradient(circle at 25% 15%,#333069 0,transparent 35%),linear-gradient(145deg,#0c1424,#101a31);display:flex;flex-direction:column;justify-content:center}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.login-brand:before{width:500px;height:500px;background:#655cff1c;right:-190px;top:-150px}.login-brand:after{width:380px;height:380px;border:1px solid #ffffff0c;right:60px;bottom:-230px}.login-brand-top{display:flex;align-items:center;gap:13px;position:absolute;top:50px;left:clamp(45px,7vw,110px);z-index:2}.login-brand-top b{display:block;font-size:16px}.login-brand-top small{display:block;color:#7786a2;font-size:9px;letter-spacing:.16em;margin-top:3px}.login-copy{position:relative;z-index:1}.secure-chip{display:inline-flex;padding:8px 11px;border:1px solid #ffffff12;background:#ffffff08;border-radius:999px;color:#9aa8c3;font-size:9px;font-weight:900;letter-spacing:.14em;margin-bottom:25px}.login-copy h1{font-size:clamp(42px,4.4vw,68px);line-height:1.04;letter-spacing:-.045em;max-width:700px;margin:0 0 22px}.login-copy h1 em{font-style:normal;color:#7770ff}.login-copy>p{max-width:600px;color:#aeb9cf;font-size:17px;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:35px;max-width:600px}.feature-grid>div{display:grid;grid-template-columns:28px 1fr;column-gap:9px;align-items:center;padding:13px 14px;border:1px solid #ffffff0d;background:#ffffff06;border-radius:13px}.feature-grid span{grid-row:1/3;width:26px;height:26px;border-radius:8px;background:#625bff1f;color:#8f89ff;display:grid;place-items:center;font-size:11px}.feature-grid b{font-size:11px}.feature-grid small{color:#72819d;font-size:9px}.login-brand-foot{position:absolute;bottom:36px;left:clamp(45px,7vw,110px);right:clamp(45px,7vw,110px);display:flex;justify-content:space-between;color:#596981;font-size:9px;letter-spacing:.08em}.login-card{background:#fbfcff;padding:40px clamp(34px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.login-card-inner{width:min(450px,100%);margin:auto}.mobile-logo{display:none}.login-icon{width:52px;height:52px;border-radius:16px;background:#efeeff;color:#635bff;padding:14px;margin-bottom:25px}.login-icon svg,.login-trust svg,.input-icon>svg,.eye svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-icon svg{width:100%;height:100%}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:#635bff;margin:0 0 10px}.login-card h2{font-size:36px;letter-spacing:-.03em;margin:0 0 8px}.muted{color:#7a8499}.login-sub{margin:0 0 30px}.login-form label{display:block;font-size:12px;font-weight:800;margin:17px 0 8px}.label-row{display:flex;justify-content:space-between;align-items:end}.label-row label{margin-bottom:8px}.label-row span{font-size:9px;color:#9ba3b2;margin-bottom:8px}.input-icon{position:relative}.input-icon>svg{position:absolute;width:18px;height:18px;left:15px;top:50%;transform:translateY(-50%);color:#9aa4b4}.input-icon input{width:100%;height:52px;border:1px solid #dfe3eb;border-radius:13px;background:#fff;outline:0;color:#172033;padding:14px 46px 14px 45px}.input-icon input:focus{border-color:#635bff;box-shadow:0 0 0 3px #635bff18}.eye{position:absolute;right:8px;top:8px;width:36px;height:36px;padding:9px;border:0;background:transparent;color:#8c97a8}.eye svg{width:100%;height:100%}.login-submit{width:100%;height:52px;border:0;border-radius:11px;background:linear-gradient(135deg,#635bff,#766eff);color:#fff;font-weight:800;padding:14px 18px;cursor:pointer;box-shadow:0 8px 24px #635bff30;display:flex;justify-content:space-between;align-items:center;margin-top:22px}.login-submit b{font-size:19px}.alert{padding:12px 14px;border-radius:10px;background:#fff0f1;color:#b62e3b;border:1px solid #ffd7db;margin-top:18px}.login-trust{display:flex;align-items:center;gap:12px;margin-top:25px;padding:14px;border-radius:13px;background:#f4f6fa;border:1px solid #e9edf3}.login-trust svg{width:22px;height:22px;color:#2a9b68}.login-trust b{display:block;font-size:10px}.login-trust small{display:block;color:#9099a8;font-size:9px;margin-top:3px}.login-card .foot{text-align:center;color:#a0a8b7;font-size:11px;margin-top:30px}@media(max-width:950px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-card{min-height:100vh}.mobile-logo{display:flex;gap:12px;align-items:center;font-weight:900;margin-bottom:60px}}@media(max-width:600px){.login-card{padding:40px 25px}.login-card h2{font-size:32px}}

/* V5.2 COMPLETE INNER-PAGE UI */
.hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px;padding:4px 2px}.hero h1{margin:2px 0 7px;font-size:31px;line-height:1.15;letter-spacing:-.035em;color:#101b37}.hero>div>p:not(.eyebrow){margin:0;color:#74829f;font-size:14px}.hero-actions{display:flex;align-items:center;gap:10px}.date-chip{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid #dfe5f0;border-radius:9px;background:#fff;color:#596984;font-size:12px;font-weight:700}.primary.compact{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:9px;text-decoration:none;font-size:12px;font-weight:800}
.stats.premium-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:18px}.premium-stats article{position:relative;overflow:hidden;min-height:142px;padding:18px 18px 15px;background:#fff;border:1px solid #e1e7f2;border-radius:14px;box-shadow:0 7px 22px rgba(26,42,79,.055)}.premium-stats article:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-36px;top:-36px;background:rgba(102,75,244,.055)}.stat-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;margin-bottom:13px;background:#eeebff;color:#6646f4;font-size:19px;font-weight:900}.premium-stats article:nth-child(2) .stat-icon{background:#dff8ec;color:#10a866}.premium-stats article:nth-child(3) .stat-icon{background:#fff0de;color:#ed8b28}.premium-stats article:nth-child(4) .stat-icon{background:#dff8fb;color:#0baab7}.premium-stats span{display:block;color:#71809d;font-size:11px;font-weight:800}.premium-stats strong{display:block;margin:2px 0 2px;color:#111d3a;font-size:28px;letter-spacing:-.04em}.premium-stats small{display:block;color:#8a97ae;font-size:10px}.meter{height:4px;background:#edf1f7;border-radius:99px;overflow:hidden;margin-top:13px}.meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7448ff,#5368ff)}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:16px;align-items:start}.panel{background:#fff;border:1px solid #e1e7f2;border-radius:14px;box-shadow:0 6px 20px rgba(22,39,75,.045);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:14px;border-bottom:1px solid #edf0f5}.panel-head h3,.panel-title h3{margin:2px 0 4px;color:#14203d;font-size:17px}.panel-head p:not(.eyebrow),.panel-title p{margin:0;color:#8995aa;font-size:11px}.panel-head>a{font-size:11px;font-weight:800;color:#6543f4;text-decoration:none}.activity-list{padding-top:4px}.activity-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #eef1f6}.activity-item:last-child{border-bottom:0}.activity-symbol{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eef0ff;color:#6748ef;font-weight:900;font-size:12px}.activity-item b{display:block;color:#273451;font-size:11px}.activity-item small{display:block;margin-top:3px;color:#8995aa;font-size:10px}.activity-item time{color:#8c98ad;font-size:10px}.empty-state{text-align:center;padding:45px 15px;color:#8b97aa;font-size:12px}.right-stack{display:grid;gap:16px}.quick-panel{padding:0;overflow:hidden}.quick-panel .panel-head{padding:17px}.quick-panel>a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:13px 17px;border-bottom:1px solid #eef1f6;color:#384663;text-decoration:none;font-size:18px}.quick-panel>a:last-child{border-bottom:0}.quick-panel>a:hover{background:#fafbff}.quick-panel>a span b{display:block;font-size:11px;color:#273451}.quick-panel>a span small{display:block;margin-top:2px;font-size:9px;color:#8a96ab}.quick-panel>a em{font-style:normal;color:#8c98ae;font-size:13px}.security-card{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(145deg,#151f3b,#0e1933);border-color:#26365a;color:#dbe7ff}.security-card .shield{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#20c9901f;color:#37e4aa;border:1px solid #36dca83b;font-size:20px}.security-card h3{margin:2px 0 7px;color:#fff;font-size:15px}.security-card p:not(.eyebrow){margin:0;color:#8497b8;font-size:10px;line-height:1.6}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid .panel{min-height:150px}.settings-grid h3{margin:0 0 8px;font-size:17px}.muted{color:#7f8ca4;line-height:1.65}.success-box{margin-bottom:15px;padding:12px 15px;border:1px solid #bfead5;background:#e9f9f1;color:#16875a;border-radius:10px;font-size:12px;font-weight:800}.profile-grid{display:grid;grid-template-columns:310px minmax(0,1fr);gap:16px;align-items:start}.profile-grid>div{display:grid;gap:16px}.profile-card{text-align:center;padding:28px 20px}.profile-card .big-avatar{width:72px;height:72px;margin:0 auto 13px;font-size:27px}.profile-card h2{margin:0 0 7px;font-size:20px}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;background:#eee9ff;color:#6341ed;font-size:9px;font-weight:900}.profile-card>p{color:#8390a7;font-size:11px}.mini-info{margin-top:22px;text-align:left;border-top:1px solid #edf0f5}.mini-info span{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #edf0f5;color:#7d899f;font-size:10px}.mini-info b{color:#35425d}.green{color:#13a86b!important}.panel-title{padding-bottom:13px;margin-bottom:5px;border-bottom:1px solid #edf0f5}.profile-grid label{display:block;margin-top:13px;color:#47536d;font-size:11px;font-weight:800}.profile-grid input,.profile-grid textarea{width:100%;margin-top:6px;border:1px solid #dbe2ee;border-radius:9px;background:#fff;color:#26334f;outline:none}.profile-grid input{height:42px;padding:0 12px}.profile-grid textarea{min-height:100px;padding:12px;resize:vertical}.profile-grid input:focus,.profile-grid textarea:focus{border-color:#6d4bf3;box-shadow:0 0 0 3px #6d4bf315}.save-row{display:flex;justify-content:flex-end;margin-top:17px}.save-row button{border-radius:9px;padding:11px 17px;font-size:11px;font-weight:800}.security-panel{margin-top:0}
body.ui-dark{background:#0b1324;color:#dce6fa}body.ui-dark .page{color:#dce6fa}body.ui-dark .hero h1,body.ui-dark .premium-stats strong,body.ui-dark .panel h3,body.ui-dark .activity-item b,body.ui-dark .quick-panel>a span b{color:#eef4ff}body.ui-dark .panel,body.ui-dark .premium-stats article,body.ui-dark .date-chip,body.ui-dark .filter-panel,body.ui-dark .user-table-card,body.ui-dark .detail-side{background:#111d34;border-color:#263651}body.ui-dark .activity-item,body.ui-dark .panel-head,body.ui-dark .quick-panel>a,body.ui-dark .mini-info span,body.ui-dark .mini-info,body.ui-dark .panel-title{border-color:#263651}body.ui-dark .quick-panel>a{color:#c9d5ec}body.ui-dark .quick-panel>a:hover{background:#17243d}body.ui-dark .profile-grid input,body.ui-dark .profile-grid textarea{background:#0e192d;border-color:#2a3b58;color:#e8efff}
@media(max-width:1100px){.stats.premium-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.profile-card{text-align:left}.profile-card .big-avatar{margin-left:0}.settings-grid{grid-template-columns:1fr}}@media(max-width:600px){.stats.premium-stats{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero-actions{width:100%;flex-wrap:wrap}.activity-item{grid-template-columns:38px 1fr}.activity-item time{grid-column:2}.grid2{grid-template-columns:1fr}}

/* V5.3 interaction + polish */
html{scrollbar-width:thin;scrollbar-color:#7a66f6 #e8edf6}body::-webkit-scrollbar,aside::-webkit-scrollbar,.table-wrap::-webkit-scrollbar,.page::-webkit-scrollbar{width:9px;height:9px}body::-webkit-scrollbar-track,aside::-webkit-scrollbar-track,.table-wrap::-webkit-scrollbar-track{background:#e8edf6;border-radius:20px}aside::-webkit-scrollbar-track{background:#0b1730}.table-wrap::-webkit-scrollbar-track{background:#f0f3f9}body::-webkit-scrollbar-thumb,aside::-webkit-scrollbar-thumb,.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#8064ff,#5268ff);border-radius:20px;border:2px solid transparent;background-clip:padding-box}.table-wrap::-webkit-scrollbar-thumb{background:#a9b4c9;border:2px solid #f0f3f9;background-clip:padding-box}
.page{min-height:calc(100vh - 74px)}.user-titlebar,.filter-panel,.user-table-card,.detail-side,.stat-card{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1b2d5b12}.head-btn,.theme-switch,.chev{display:grid;place-items:center;transition:.18s ease}.head-btn:hover,.theme-switch:hover,.chev:hover{background:#263c68;transform:translateY(-1px)}.profile-menu.top{min-width:180px;border:1px solid #e3e8f2;padding:7px}.profile-menu.top a,.profile-menu.top button{width:100%;text-align:left;border-radius:7px;font-size:13px}.profile-menu.top a:hover,.profile-menu.top button:hover{background:#f3f5fb}.profile-menu.top form{margin:0}.title-actions button,.search-btn,.reset-btn,.advanced-btn,.bulkbar button,.row-actions button{transition:.16s ease}.title-actions button:hover,.reset-btn:hover,.advanced-btn:hover,.bulkbar button:hover,.row-actions button:hover{transform:translateY(-1px);box-shadow:0 5px 14px #16274b14}.advanced-box{display:none;margin-top:13px;padding:13px;border:1px dashed #d5ddec;border-radius:10px;background:#fafbfe;color:#667492;font-size:11px}.advanced-box.show{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.advanced-box label{font-weight:700}.advanced-box input,.advanced-box select{display:block;width:100%;height:38px;margin-top:6px;border:1px solid #d9e1ee;border-radius:8px;padding:0 10px;background:#fff}.bulkbar .bulk-count{font-weight:800;color:#263552}.bulkbar button:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}.check-cell{width:16px;height:16px;accent-color:#6747f5}.detail-side{position:sticky;top:92px;max-height:calc(100vh - 115px);overflow:auto}.detail-side.open{box-shadow:0 14px 35px #1b2d5b18}.import-input{display:none}.top-search input::placeholder{color:#9fb2d7}.toast{position:fixed;right:24px;top:88px;z-index:100;background:#172544;color:white;padding:11px 15px;border-radius:9px;box-shadow:0 15px 35px #07142c33;opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.notification-panel{display:none;position:fixed;right:240px;top:66px;width:300px;background:#fff;border:1px solid #e1e7f2;border-radius:12px;box-shadow:0 18px 45px #0d193b2c;z-index:50;padding:10px}.notification-panel.show{display:block}.notification-panel h4{margin:6px 8px 10px}.notification-item{padding:10px;border-radius:8px;font-size:11px;color:#566580}.notification-item:hover{background:#f5f7fc}.notification-item b{display:block;color:#263552;margin-bottom:2px}
body.dark{background:#0b1324;color:#dce6fa}body.dark .page{color:#dce6fa}body.dark .stat-card,body.dark .filter-panel,body.dark .user-table-card,body.dark .detail-side,body.dark .profile-menu,body.dark .notification-panel{background:#111d34;border-color:#263651}body.dark .user-titlebar h1,body.dark .stat-card strong,body.dark .detail-side h3{color:#eef4ff}body.dark .filter-panel input,body.dark .filter-panel select,body.dark .advanced-box,body.dark .advanced-box input,body.dark .advanced-box select{background:#0e192d;border-color:#2a3b58;color:#e8efff}body.dark .profile-menu.top a,body.dark .profile-menu.top button,body.dark .notification-item b{color:#e8efff}body.dark .profile-menu.top a:hover,body.dark .profile-menu.top button:hover,body.dark .notification-item:hover{background:#17243d}body.dark th{background:#0e192d;color:#aebbd2}body.dark td{border-color:#263651;color:#cbd7eb}body.dark .table-wrap::-webkit-scrollbar-track{background:#0e192d}
@media(max-width:1250px){.detail-side{display:block;position:fixed;right:18px;top:90px;width:min(360px,calc(100vw - 36px));max-height:calc(100vh - 110px);z-index:45;transform:translateX(calc(100% + 35px));transition:.22s ease}.detail-side.open{transform:translateX(0)}.user-workspace{grid-template-columns:minmax(0,1fr)}}
@media(max-width:850px){body{overflow-x:hidden}.app aside{width:250px;transform:translateX(-100%);transition:.22s ease}.app.mobile-nav aside{transform:translateX(0);box-shadow:20px 0 50px #07142c55}.content{width:100%;min-width:0}.page{padding:16px 14px}.user-titlebar{flex-wrap:wrap}.title-actions{width:100%;margin-left:0;overflow-x:auto;padding-bottom:4px}.title-actions button{white-space:nowrap}.stat-grid.six{grid-template-columns:1fr 1fr}.filterrow{grid-template-columns:1fr 1fr}.bulkbar{overflow-x:auto}.table-wrap{max-width:100%;overflow:auto}.header-actions{margin-left:auto}.header-avatar{display:none}.chev{display:none}.mobile-menu-btn{display:grid!important}}
@media(min-width:851px){.mobile-menu-btn{display:none!important}}

/* V5.4 refined controls, compact scrollbars, richer menus */
:root{--ui-purple:#6847f5;--ui-line:#e4e9f3;--ui-muted:#7b89a5}
*{scrollbar-width:thin;scrollbar-color:#8f82df transparent}
*::-webkit-scrollbar{width:5px;height:5px}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#8f82df;border-radius:999px;border:0}
aside::-webkit-scrollbar{width:4px}aside::-webkit-scrollbar-thumb{background:#50617e}.table-wrap::-webkit-scrollbar{height:5px}.table-wrap::-webkit-scrollbar-thumb{background:#9aa7bd}
.filter-panel{padding:16px}.searchrow{align-items:center}.search-btn{width:auto;min-width:112px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.filterrow{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(170px,1fr) auto auto}.reset-btn,.advanced-btn{height:42px;display:inline-flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap;padding:0 16px!important}.advanced-btn{min-width:158px}.ui-icon{width:17px;height:17px;display:inline-block;vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.ui-icon.sm{width:15px;height:15px}.ui-icon.lg{width:20px;height:20px}.head-btn .ui-icon,.theme-switch .ui-icon,.chev .ui-icon{display:block;margin:auto}.theme-switch{display:flex!important;gap:4px;align-items:center;justify-content:center;padding:0 10px}.theme-switch .moon{opacity:.5}.profile-menu.top{right:18px;top:66px;width:238px;padding:8px;border-radius:14px;box-shadow:0 22px 55px #0b173535}.profile-menu .menu-user{display:flex;align-items:center;gap:10px;padding:9px 10px 12px;border-bottom:1px solid #edf0f5;margin-bottom:5px}.profile-menu .menu-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;background:linear-gradient(135deg,#7b4cff,#3d6cff)}.profile-menu .menu-user b{display:block;font-size:12px}.profile-menu .menu-user small{font-size:9px;color:#8794aa}.profile-menu.top a,.profile-menu.top button{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;font-size:12px}.profile-menu.top .danger{color:#e3405f}.profile-menu .menu-sep{height:1px;background:#edf0f5;margin:5px 4px}.notification-panel{right:205px;top:66px;width:340px;padding:0;border-radius:15px;overflow:hidden}.notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 15px;border-bottom:1px solid #edf0f5}.notif-head h4{margin:0!important;font-size:14px}.notif-head button{border:0;background:#f0edff;color:#6847f5;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}.notification-item{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px 15px!important;border-radius:0!important;border-bottom:1px solid #f0f2f6}.notification-item:last-child{border-bottom:0}.notif-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#eeeaff;color:#6847f5}.notif-icon.green{background:#e2f9ee;color:#11a86b}.notif-icon.orange{background:#fff1e1;color:#ef8a27}.notification-item b{font-size:11px}.notification-item span{display:block;font-size:10px;color:#7f8ca4;margin-top:2px}.row-actions button{display:inline-grid;place-items:center}.row-actions button .ui-icon{width:14px;height:14px}.row-menu{position:relative}.row-menu-pop{display:none;position:absolute;right:0;top:34px;width:165px;background:#fff;border:1px solid #e3e8f2;border-radius:10px;padding:6px;box-shadow:0 14px 35px #12214226;z-index:20}.row-menu.open .row-menu-pop{display:block}.row-menu-pop button,.row-menu-pop a{width:100%!important;height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px;padding:8px!important;background:transparent!important;color:#34415d!important;text-decoration:none;border-radius:7px!important;font-size:10px}.row-menu-pop button:hover,.row-menu-pop a:hover{background:#f4f6fb!important}.table-wrap{scrollbar-gutter:auto}.table-footer{align-items:center}.pagination button{display:grid;place-items:center}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination .on{box-shadow:0 5px 12px #6847f52e}.advanced-box.show{animation:uiDrop .16s ease}@keyframes uiDrop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:1150px){.filterrow{grid-template-columns:1fr 1fr 1fr}.filterrow .reset-btn,.filterrow .advanced-btn{width:100%}}

/* === V5.5 VISUAL REFINEMENT === */
:root{--violet:#6c4cff;--violet2:#4f63ff;--ink:#17233f;--muted:#71809f;--line:#e3e9f3;--surface:#fff;--canvas:#f3f6fc}
html{scrollbar-width:thin;scrollbar-color:#aeb8cb transparent}*{scrollbar-width:thin;scrollbar-color:#aeb8cb transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#aeb8cb;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:#8492aa}*::-webkit-scrollbar-button{display:none;width:0;height:0}
.page{background:radial-gradient(circle at 90% 0,#eef1ff 0,transparent 26%),#f3f6fc}.user-titlebar{padding:4px 2px}.title-icon{box-shadow:0 10px 28px #6547ff32}.stat-card{transition:.2s ease;box-shadow:0 8px 25px #26385a0a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #26385a14}.filter-panel,.user-table-card,.detail-side{box-shadow:0 10px 30px #1b2a4b0b}
.search-btn,.advanced-btn,.reset-btn{height:44px;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;white-space:nowrap}.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.ui-icon.sm{width:15px;height:15px}.advanced-btn svg,.reset-btn svg,.search-btn svg{flex:0 0 18px}.advanced-btn span,.reset-btn span,.search-btn span{line-height:1!important}
/* clean compact sidebar */
.sidebar-mini{grid-template-columns:76px 1fr}.sidebar-mini aside{width:76px;padding:18px 10px}.sidebar-mini .side-brand{padding:0 0 14px;justify-content:center}.sidebar-mini .brandmark{width:42px;height:42px;font-size:0}.sidebar-mini .brandmark:after{content:'M';font-size:21px}.sidebar-mini .collapse-btn{position:absolute;left:57px;top:24px;width:27px;height:27px;border:2px solid #101936;background:#26375a;box-shadow:0 4px 12px #07102555}.sidebar-mini nav a{width:48px;height:48px;padding:0;margin:5px auto;justify-content:center;border-radius:12px}.sidebar-mini nav .ico{width:auto;font-size:20px}.sidebar-mini nav a.on{box-shadow:0 9px 22px #594fff3b}.sidebar-mini .nav-label,.sidebar-mini .side-health,.sidebar-mini nav span,.sidebar-mini nav em{display:none}.sidebar-mini .nav-label.sub{border:0;margin:8px 0;padding:0}.sidebar-mini .content{grid-column:2}
/* menus */
.profile-menu.top,.notification-panel{border:1px solid #e5eaf3;border-radius:16px;box-shadow:0 24px 70px #0b17352e;overflow:hidden}.profile-menu.top{padding:10px;width:292px}.profile-menu.top .menu-user{padding:10px 10px 14px;margin-bottom:6px;border-bottom:1px solid #edf0f6}.profile-menu.top a,.profile-menu.top button{border-radius:10px;padding:11px 12px;display:flex;align-items:center;gap:12px;font-size:13px}.profile-menu.top a:hover,.profile-menu.top button:hover{background:#f4f6ff;color:#5d48e8}.profile-menu.top .danger{color:#e94464}.notification-panel{width:390px}.notif-head{padding:16px 18px}.notif-head h4{color:#17233f}.notification-item{padding:14px 18px}.notification-item span{line-height:1.5}
/* row action menu: floating, no tiny internal scroll */
.row-menu-pop{position:fixed!important;top:auto;right:auto;width:190px;padding:7px;border-radius:12px;z-index:9999;overflow:visible!important;max-height:none!important;box-shadow:0 18px 48px #10203d35}.row-menu-pop button,.row-menu-pop a{font-size:12px!important;padding:10px!important;gap:10px!important}.row-menu-pop .ui-icon{width:16px;height:16px}
.table-wrap{overflow:auto;scrollbar-gutter:stable}.table-wrap::-webkit-scrollbar{height:4px}.table-wrap::-webkit-scrollbar-thumb{background:#aab4c7}.pagination button{transition:.18s}.pagination button:hover:not(:disabled){border-color:#7254f5;color:#6549ee;background:#f4f1ff}
/* premium modal */
.premium-dialog{width:min(680px,calc(100vw - 32px));border-radius:22px;background:#fff;color:#17233f;overflow:hidden;box-shadow:0 35px 110px #08142b66}.premium-dialog::backdrop{background:#101a33a8;backdrop-filter:blur(7px)}.premium-dialog form{padding:0}.modal-head{padding:24px 26px 19px;margin:0;border-bottom:1px solid #edf0f6;background:linear-gradient(135deg,#fbfbff,#f5f7ff)}.modal-head .title-icon{width:52px;height:52px;border-radius:15px;font-size:23px}.modal-head h2{font-size:21px;color:#17233f}.modal-head p{font-size:12px}.modal-head>button{width:36px;height:36px;border-radius:10px;color:#64718d;font-size:18px}.premium-dialog .grid2{padding:22px 26px 0}.premium-dialog>form>label{display:block;margin:15px 26px 0}.premium-dialog label{font-size:11px;font-weight:750;color:#42506c}.premium-dialog input,.premium-dialog select{height:46px;margin-top:7px;border:1px solid #dce3ef;border-radius:11px;background:#fbfcff;color:#1c2945;padding:0 13px;outline:none;transition:.18s;width:100%}.premium-dialog input:focus,.premium-dialog select:focus{border-color:#7454f7;box-shadow:0 0 0 4px #7354f712;background:#fff}.modal-actions{margin-top:24px;padding:17px 26px 22px;border-top:1px solid #edf0f6;background:#fafbfe;display:flex;justify-content:flex-end;gap:10px}.modal-actions button{min-height:42px;border-radius:10px;padding:0 18px;border:1px solid #dfe5ef;background:#fff;color:#394762;font-weight:700}.modal-actions .primary{min-width:135px}
/* improved dark: readable navy instead of near-black */
body.dark{background:#101a2d;color:#e8eefb}body.dark .page{background:radial-gradient(circle at 88% 0,#1b2b50 0,transparent 28%),#101a2d}body.dark .stat-card,body.dark .filter-panel,body.dark .user-table-card,body.dark .detail-side{background:#17243a;border-color:#2a3a55;box-shadow:0 10px 30px #02071228}body.dark .stat-card span,body.dark .stat-card small,body.dark .user-titlebar p,body.dark .detail-empty,body.dark .table-footer{color:#9fb0cb}body.dark .user-titlebar h1,body.dark .stat-card strong,body.dark .detail-side h3,body.dark .bulkbar b{color:#f3f7ff}body.dark .searchbox,body.dark .filter-panel input,body.dark .filter-panel select,body.dark .advanced-box,body.dark .advanced-box input,body.dark .advanced-box select{background:#111d31;border-color:#334661;color:#eef4ff}body.dark .searchbox input{background:transparent;color:#eef4ff}body.dark .searchbox input::placeholder{color:#8395b4}body.dark .filterrow label{color:#b7c5db}body.dark .filter-panel button:not(.search-btn){background:#1b2a43;border-color:#354966;color:#dfe8f7}body.dark .bulkbar{border-color:#2a3a55;color:#aab9d0}body.dark th{background:#121e32;color:#9fb0cb}body.dark td{color:#d9e3f2;border-color:#283951}body.dark .user-cell{color:#edf3ff}body.dark .profile-menu.top,body.dark .notification-panel{background:#17243a;border-color:#30415d}body.dark .menu-user b,body.dark .notif-head h4,body.dark .notification-item b{color:#f1f5ff}body.dark .menu-user small,body.dark .notification-item span{color:#9fb0cb}body.dark .profile-menu.top a,body.dark .profile-menu.top button{color:#dce6f5}body.dark .profile-menu.top a:hover,body.dark .profile-menu.top button:hover,body.dark .notification-item:hover{background:#21314c}body.dark .row-menu-pop{background:#18263d;border-color:#31435f}body.dark .row-menu-pop button,body.dark .row-menu-pop a{color:#dce6f5!important}body.dark .row-menu-pop button:hover,body.dark .row-menu-pop a:hover{background:#22334f!important}body.dark .premium-dialog{background:#17243a;color:#edf3ff}body.dark .modal-head{background:linear-gradient(135deg,#1b2942,#152137);border-color:#2b3c57}body.dark .modal-head h2{color:#f4f7ff}body.dark .premium-dialog label{color:#b9c7dc}body.dark .premium-dialog input,body.dark .premium-dialog select{background:#111d31;border-color:#344761;color:#eef4ff}body.dark .modal-actions{background:#142036;border-color:#2b3c57}body.dark .modal-actions button:not(.primary){background:#1b2942;border-color:#344761;color:#dce6f5}
@media(max-width:850px){.sidebar-mini aside{width:270px}.premium-dialog .grid2{grid-template-columns:1fr}.profile-menu.top{right:12px;width:min(292px,calc(100vw - 24px))}.notification-panel{right:12px;width:min(390px,calc(100vw - 24px))}}

/* V5.6 — compact navigation, clean detail drawer, stronger text contrast */
.app,aside,.content,nav a,.side-brand,.collapse-btn{transition:width .28s cubic-bezier(.2,.8,.2,1),grid-template-columns .28s cubic-bezier(.2,.8,.2,1),padding .28s ease,transform .28s cubic-bezier(.2,.8,.2,1),border-radius .2s ease,background .2s ease}
aside{scrollbar-width:thin;scrollbar-color:#6270a3 transparent}aside::-webkit-scrollbar{width:4px}aside::-webkit-scrollbar-thumb{background:#6270a3;border-radius:999px}aside::-webkit-scrollbar-track{background:transparent}
.nav-label{margin:18px 12px 8px}.nav-label.sub{padding-top:14px;margin-top:14px}nav a{min-height:44px;padding:9px 13px;margin:2px 0;border-radius:10px}nav a .ico{font-size:18px}.side-health{margin-top:16px}.side-brand{height:54px}
.sidebar-mini{grid-template-columns:82px 1fr}.sidebar-mini aside{width:82px;padding:16px 11px}.sidebar-mini .side-brand{height:58px;padding:0 0 12px;justify-content:center}.sidebar-mini .brandmark{width:44px;height:44px;border-radius:12px}.sidebar-mini .collapse-btn{left:62px;top:25px}.sidebar-mini nav a{width:48px;height:46px;min-height:46px;margin:3px auto;border-radius:12px}.sidebar-mini nav a.on{background:linear-gradient(135deg,#7649ff,#4f5dff);box-shadow:0 8px 22px #5a50ff42}.sidebar-mini nav{animation:miniNavIn .28s ease both}@keyframes miniNavIn{from{opacity:.55;transform:translateX(-4px)}to{opacity:1;transform:none}}
.user-workspace{grid-template-columns:minmax(0,1fr)}.detail-side{display:none!important;opacity:0;transform:translateX(18px)}.user-workspace.detail-open{grid-template-columns:minmax(0,1fr) 330px}.user-workspace.detail-open .detail-side.open{display:block!important;opacity:1;transform:none;animation:detailIn .24s cubic-bezier(.2,.8,.2,1)}@keyframes detailIn{from{opacity:0;transform:translateX(22px) scale(.985)}to{opacity:1;transform:none}}
.profile-menu.top .menu-user b{color:#14213d!important}.profile-menu.top .menu-user small{color:#7a88a3!important}.profile-menu.top a,.profile-menu.top button{color:#1d2944!important}.profile-menu.top a span,.profile-menu.top button span{color:inherit!important}.profile-menu.top .menu-avatar{color:#fff!important}.notification-panel h4{color:#16213d!important}.notification-item b{color:#1d2944!important}.notification-item span{color:#72809a!important}
body.dark .profile-menu.top .menu-user b,body.dark .profile-menu.top a,body.dark .profile-menu.top button,body.dark .notification-panel h4,body.dark .notification-item b{color:#f3f7ff!important}body.dark .profile-menu.top .menu-user small,body.dark .notification-item span{color:#a9b7ce!important}
@media(max-width:1250px){.user-workspace.detail-open{grid-template-columns:minmax(0,1fr)}.user-workspace.detail-open .detail-side.open{display:block!important;position:fixed;right:18px;top:90px;width:min(360px,calc(100vw - 36px));z-index:45}}
/* V5.7 permission center + polished responsive navigation */
.collapse-btn{font-size:0!important;width:34px!important;height:34px!important;display:grid!important;place-items:center!important}.collapse-btn:after{content:'‹';font-size:24px;font-weight:800;line-height:1;color:#dce7ff;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sidebar-mini .collapse-btn{left:59px!important;background:#6a55f7!important;border-color:#8c7cff!important;box-shadow:0 8px 24px #6653ff66!important}.sidebar-mini .collapse-btn:after{content:'›';transform:translateX(1px)}
.permission-hero{position:relative;display:flex;align-items:center;gap:18px;padding:22px 24px;margin-bottom:18px;border:1px solid #e2e8f2;border-radius:20px;background:linear-gradient(135deg,#fff 55%,#f3f0ff);overflow:hidden}.permission-hero:after{content:'';position:absolute;width:210px;height:210px;border-radius:50%;right:-65px;top:-120px;background:linear-gradient(135deg,#7651ff22,#45d9ff18)}.perm-hero-icon{width:60px;height:60px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#7d4cff,#535cff);color:white;font-size:30px;box-shadow:0 14px 30px #6854f746}.permission-hero span{font-size:10px;letter-spacing:2px;font-weight:900;color:#6c55f4}.permission-hero h1{margin:3px 0 2px;font-size:27px;color:#12203b}.permission-hero p{margin:0;color:#7786a2}.perm-secure{margin-left:auto;padding:9px 12px;border-radius:999px;background:#efeaff;color:#674af0;font-size:10px;font-weight:900;z-index:1}.success-banner{padding:12px 15px;margin-bottom:15px;border-radius:12px;background:#e9fbf2;color:#128454;font-weight:800}.permission-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:16px;align-items:start}.perm-users,.perm-editor{border:1px solid #e2e8f2;background:#fff;border-radius:18px;box-shadow:0 12px 34px #2031540b}.perm-users{padding:14px;position:sticky;top:90px}.perm-side-title{display:flex;justify-content:space-between;padding:5px 5px 12px;color:#17233e}.perm-side-title span{font-size:11px;color:#8390a9}.perm-search{height:40px;border:1px solid #dfe6f1;border-radius:11px;display:flex;align-items:center;gap:7px;padding:0 11px;margin-bottom:10px;color:#7d8aa4}.perm-search input{border:0;outline:0;width:100%;background:transparent}.perm-user{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:9px;border-radius:12px;text-align:left;color:#1c2945;cursor:pointer;transition:.18s}.perm-user:hover{background:#f5f7ff}.perm-user.active{background:linear-gradient(135deg,#f0ecff,#eef3ff);box-shadow:inset 0 0 0 1px #ded7ff}.perm-user>i,.perm-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7550ff,#5361ff);color:#fff;font-style:normal;font-weight:900;box-shadow:0 7px 18px #6756f72e}.perm-user span{min-width:0;flex:1}.perm-user b,.perm-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.perm-user small{font-size:10px;color:#8995aa;margin-top:2px}.perm-user em{font-style:normal;font-size:9px;font-weight:900;color:#684cf1;background:#eeeaff;padding:5px 7px;border-radius:8px}.perm-editor{padding:20px}.perm-form{display:none}.perm-form.active{display:block;animation:permIn .25s ease}@keyframes permIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.perm-head{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid #edf0f6}.perm-avatar{width:50px;height:50px;font-size:19px}.perm-head>div:nth-child(2){flex:1}.perm-head span:first-child{font-size:9px;letter-spacing:1.6px;font-weight:900;color:#7355f5}.perm-head h2{margin:2px 0;font-size:20px;color:#17233e}.perm-head p{margin:0;color:#8390a8;font-size:11px}.super-lock{margin-top:18px;padding:22px;border-radius:16px;background:linear-gradient(135deg,#f4efff,#edf7ff);border:1px solid #e2dcff}.super-lock b{color:#6848ec;font-size:16px}.super-lock p{margin:6px 0 0;color:#74829d}.perm-toolbar{display:flex;align-items:center;gap:8px;padding:18px 0 13px}.perm-toolbar>div{flex:1}.perm-toolbar b,.perm-toolbar span{display:block}.perm-toolbar b{color:#1c2945}.perm-toolbar span{font-size:10px;color:#8996ac;margin-top:2px}.perm-toolbar button{border:1px solid #dfe5ef;background:#fff;border-radius:9px;padding:8px 10px;color:#52617d;font-weight:700}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.perm-card{position:relative;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #e3e8f1;border-radius:14px;background:#fbfcff;cursor:pointer;transition:.18s}.perm-card:hover{transform:translateY(-1px);border-color:#cec5ff;box-shadow:0 8px 20px #4e5b7d10}.perm-card input{position:absolute;opacity:0}.perm-card>i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eeeaff;color:#6b4cf2;font-style:normal;font-size:17px}.perm-card>span{flex:1}.perm-card b,.perm-card small{display:block}.perm-card b{font-size:12px;color:#25324c}.perm-card small{font-size:9px;color:#8a96aa;margin-top:2px}.switch{width:35px;height:20px;border-radius:20px;background:#dfe5ef;padding:3px;transition:.2s}.switch u{display:block;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #22334b22;transition:.2s}.perm-card input:checked~.switch{background:#6b52f4}.perm-card input:checked~.switch u{transform:translateX(15px)}.perm-card:has(input:checked){border-color:#d9d0ff;background:#f9f7ff}.perm-save{display:flex;align-items:center;gap:15px;margin-top:18px;padding-top:16px;border-top:1px solid #edf0f6}.perm-save span{flex:1;color:#8390a6;font-size:10px}.perm-save .primary{border:0;border-radius:11px;padding:12px 17px;background:linear-gradient(135deg,#7850ff,#555cff);color:#fff;font-weight:850;box-shadow:0 9px 22px #6555f738}
.coming-page{min-height:calc(100vh - 150px);display:grid;place-items:center;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 30%,#f5f1ff,#eef3fb 58%,#eaf0f8)}.coming-3d{text-align:center;position:relative;z-index:2;padding:50px 25px}.coming-cube{width:105px;height:105px;margin:0 auto 28px;position:relative;transform-style:preserve-3d;transform:rotateX(-18deg) rotateY(32deg);animation:floatCube 4s ease-in-out infinite}.coming-cube span{position:absolute;inset:0;border-radius:22px;background:linear-gradient(145deg,#8a5cff,#4e5eff);box-shadow:inset 0 0 28px #ffffff2e,0 30px 55px #6557f63b}.coming-cube span:nth-child(2){transform:translate(17px,-17px);opacity:.28}.coming-cube span:nth-child(3){transform:translate(34px,-34px);opacity:.12}@keyframes floatCube{50%{transform:translateY(-10px) rotateX(-12deg) rotateY(42deg)}}.coming-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:#e8e3ff;color:#674cf0;font-size:9px;font-weight:900;letter-spacing:1.5px}.coming-3d h1{font-size:34px;margin:12px 0 7px;color:#13213d}.coming-3d p{max-width:520px;margin:0 auto;color:#75849e}.coming-line{display:flex;align-items:center;justify-content:center;gap:12px;margin:25px 0 18px;color:#6d52f3;font-size:11px;font-weight:900;letter-spacing:2px}.coming-line i{width:55px;height:1px;background:#cfc6ff}.coming-3d>a{display:inline-flex;padding:11px 16px;border-radius:11px;background:#fff;border:1px solid #e0e6f0;color:#263552;text-decoration:none;font-weight:800;box-shadow:0 9px 24px #20304d10}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-a{width:230px;height:230px;background:#7655ff16;left:-50px;top:-40px}.orb-b{width:300px;height:300px;background:#42d9ff12;right:-70px;bottom:-100px}
body.dark .permission-hero,body.dark .perm-users,body.dark .perm-editor{background:#17243a;border-color:#2c3e5a}body.dark .permission-hero h1,body.dark .perm-side-title,body.dark .perm-head h2,body.dark .perm-toolbar b,body.dark .perm-card b{color:#f1f5ff}body.dark .permission-hero p,body.dark .perm-head p,body.dark .perm-toolbar span,body.dark .perm-card small{color:#9cacC5}body.dark .perm-search,body.dark .perm-toolbar button{background:#111d31;border-color:#344761;color:#dfe8f7}body.dark .perm-search input{color:#eef4ff}body.dark .perm-user{color:#e4ecf8}body.dark .perm-user:hover,body.dark .perm-user.active{background:#20314d}body.dark .perm-card{background:#132037;border-color:#2e405d}body.dark .perm-card:has(input:checked){background:#1d2948;border-color:#5e55a8}body.dark .coming-page{background:radial-gradient(circle at 50% 30%,#1b2a4c,#101a2d 60%,#0d1627)}body.dark .coming-3d h1{color:#f3f7ff}body.dark .coming-3d p{color:#9eacc4}body.dark .coming-3d>a{background:#17243a;border-color:#31435e;color:#e6edf9}
@media(max-width:850px){.permission-hero{padding:16px}.permission-hero .perm-secure{display:none}.permission-shell{grid-template-columns:1fr}.perm-users{position:static;display:flex;overflow-x:auto;gap:8px;padding:10px}.perm-side-title,.perm-search{display:none}.perm-user{min-width:190px}.permission-grid{grid-template-columns:1fr}.perm-toolbar{flex-wrap:wrap}.perm-toolbar>div{flex-basis:100%}.perm-save{align-items:stretch;flex-direction:column}.perm-save .primary{width:100%}.coming-page{min-height:calc(100vh - 90px);border-radius:16px}.coming-3d h1{font-size:27px}.mobile-menu-btn{display:grid!important}.app:not(.sidebar-mini) aside{box-shadow:14px 0 45px #07112844}.sidebar-mini .collapse-btn{display:none!important}}

/* ===== V5.8 PREMIUM ROLE + NAV + DARK/MOBILE ===== */
.ui-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block}.ui-icon.sm{width:16px;height:16px}.ui-icon.xs{width:14px;height:14px}.ui-icon.lg{width:26px;height:26px}
aside{scrollbar-width:thin;scrollbar-color:#43557a transparent}aside::-webkit-scrollbar{width:5px}aside::-webkit-scrollbar-track{background:transparent}aside::-webkit-scrollbar-thumb{background:#43557a;border-radius:20px}aside::-webkit-scrollbar-button{display:none}
.collapse-btn{position:relative!important;left:auto!important;top:auto!important;flex:0 0 38px!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid #2a3b5f!important;background:#172746!important;transition:transform .28s ease,background .28s ease,box-shadow .28s ease!important}.collapse-btn:after{display:none!important}.collapse-btn:hover{background:#6b54f7!important;box-shadow:0 8px 24px #6757ff55!important;transform:translateY(-1px)}.sidebar-mini .collapse-btn{position:absolute!important;left:66px!important;top:24px!important;background:#6b54f7!important}.sidebar-mini .collapse-btn svg{transform:rotate(90deg);transition:transform .3s ease}
nav a{min-height:43px;padding:10px 13px;margin:2px 0;border-radius:11px;transition:background .2s ease,transform .2s ease,color .2s ease}nav a:hover{transform:translateX(2px)}nav .ico{width:22px;min-width:22px;height:22px;display:grid;place-items:center}.nav-label{margin:18px 12px 8px}.nav-label.sub{padding-top:15px;margin-top:14px}.sidebar-mini nav a{padding:0!important}.sidebar-mini nav .ico{width:22px;height:22px}.app,.content,aside{transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1)}
.role-permission-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.role-tabs,.role-editor{background:#fff;border:1px solid #e0e7f1;border-radius:20px;box-shadow:0 14px 40px #26365c0b}.role-tabs{padding:14px;position:sticky;top:92px}.role-tabs-title{padding:6px 7px 14px}.role-tabs-title span,.role-editor-head span{display:block;font-size:10px;letter-spacing:1.8px;color:#6d52f4;font-weight:900}.role-tabs-title b{display:block;font-size:18px;margin:4px 0;color:#17233d}.role-tabs-title small{display:block;color:#8391a9;line-height:1.5}.role-tab{width:100%;display:flex;align-items:center;gap:11px;border:1px solid transparent;background:transparent;padding:11px;border-radius:14px;color:#25324c;text-align:left;transition:.2s}.role-tab:hover{background:#f6f8ff}.role-tab.active{background:linear-gradient(135deg,#f1edff,#edf3ff);border-color:#ded6ff;box-shadow:0 8px 24px #6757f414}.role-tab-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eeeaff;color:#684df0}.role-tab span{flex:1}.role-tab b,.role-tab small{display:block}.role-tab small{font-size:10px;color:#8491a8;margin-top:3px}.role-tab em{color:#7d8aa2}.super-role-note{display:flex;gap:10px;margin-top:12px;padding:13px;border-radius:13px;background:#f7f9fd;color:#62708a}.super-role-note svg{color:#6b51f2;flex:0 0 auto}.super-role-note b,.super-role-note small{display:block}.super-role-note b{font-size:12px;color:#25324c}.super-role-note small{font-size:9px;line-height:1.45;margin-top:3px}.role-editor{padding:21px}.role-perm-form{display:none}.role-perm-form.active{display:block;animation:roleSlide .28s cubic-bezier(.22,1,.36,1)}@keyframes roleSlide{from{opacity:0;transform:translateY(7px) scale(.995)}to{opacity:1;transform:none}}.role-editor-head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #edf1f6}.role-editor-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#7b50ff,#5260ff);color:#fff;box-shadow:0 12px 28px #6757f43b}.role-editor-head>div:nth-child(2){flex:1}.role-editor-head h2{margin:3px 0;font-size:22px;color:#17233d}.role-editor-head p{margin:0;color:#8190a8;font-size:11px}.role-editor-head strong{padding:8px 10px;border-radius:10px;background:#eeeaff;color:#674cf0;font-size:10px}.perm-save .primary{display:inline-flex;align-items:center;gap:8px}.success-banner{display:flex;align-items:center;gap:8px}
.coming-cube{width:112px;height:112px}.coming-cube:before{content:'';position:absolute;inset:18px;border:2px solid #ffffff88;border-radius:18px;transform:translateZ(20px)}.coming-page{box-shadow:inset 0 0 0 1px #e0e7f2,0 20px 55px #25375a0d}.coming-3d>a{transition:.2s}.coming-3d>a:hover{transform:translateY(-2px);box-shadow:0 14px 30px #263b6818}
body.dark{background:#081221;color:#dfe8f6}body.dark .page{background:#0b1628!important}body.dark header{background:#0d1c38!important;border-color:#203252!important}body.dark .card,body.dark .stat-card,body.dark .activity-card,body.dark .quick-card,body.dark .filter-panel,body.dark .table-card,body.dark .detail-side,body.dark dialog,body.dark .profile-card,body.dark .settings-card,body.dark .role-tabs,body.dark .role-editor{background:#111f35!important;border-color:#293c59!important;color:#eaf1fb!important;box-shadow:0 18px 45px #00000022!important}body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark b,body.dark label,body.dark .role-tabs-title b,body.dark .role-editor-head h2,body.dark .role-tab,body.dark .super-role-note b{color:#f2f6fc!important}body.dark p,body.dark small,body.dark .crumbline,body.dark .role-editor-head p,body.dark .role-tab small,body.dark .super-role-note small{color:#9dadc4!important}body.dark input,body.dark select,body.dark textarea,body.dark .searchbox,body.dark .advanced-box{background:#0b1729!important;color:#eaf1fb!important;border-color:#30445f!important}body.dark .role-tab:hover,body.dark .super-role-note{background:#162840!important}body.dark .role-tab.active{background:linear-gradient(135deg,#24234b,#172d4b)!important;border-color:#5b50a5!important}body.dark .role-tab-icon{background:#29264f!important;color:#a999ff!important}body.dark .role-editor-head strong{background:#2a2653;color:#b4a5ff}body.dark .permission-hero{background:linear-gradient(135deg,#111f35,#171c3a)!important}body.dark .coming-page{box-shadow:inset 0 0 0 1px #263a57,0 20px 60px #0005}
@media(max-width:850px){.role-permission-shell{grid-template-columns:1fr}.role-tabs{position:static;display:flex;gap:8px;overflow-x:auto;padding:10px}.role-tabs-title,.super-role-note{display:none}.role-tab{min-width:190px}.role-editor{padding:14px}.role-editor-head{align-items:flex-start}.role-editor-head strong{margin-left:auto}.permission-grid{grid-template-columns:1fr}.collapse-btn{display:none!important}aside{width:min(86vw,310px)!important;transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,1,.36,1)!important;box-shadow:20px 0 55px #07112855}.app.mobile-nav aside{transform:translateX(0)}.content{margin-left:0!important}.app{grid-template-columns:1fr!important}.mobile-menu-btn{display:grid!important}.page{padding:16px!important}.permission-hero{border-radius:16px}.role-editor-head p{max-width:210px}}
\n\n/* ===== V5.9 VISIBILITY + RESPONSIVE POLISH ===== */\n.top-search{overflow:hidden;isolation:isolate}.top-search input,.top-search input:focus,.top-search input:active{-webkit-appearance:none!important;appearance:none!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;outline:0!important;color:#f1f6ff!important;-webkit-text-fill-color:#f1f6ff!important;caret-color:#9cc8ff!important;color-scheme:dark!important;min-width:0}.top-search input::selection{background:#6758f4!important;color:#fff!important}.top-search input::placeholder{color:#9fb2d7!important;-webkit-text-fill-color:#9fb2d7!important;opacity:1}.top-search kbd{flex:0 0 auto}.top-search:focus-within{border-color:#6f68ff;box-shadow:0 0 0 3px #6758f41f}\n/* collapsed toggle must stay completely visible */\n.sidebar-mini .collapse-btn{left:42px!important;top:25px!important;width:34px!important;height:34px!important;z-index:40!important;overflow:visible!important}.sidebar-mini .side-brand{overflow:visible!important}.sidebar-mini aside{overflow-x:visible!important}\n/* real icon for coming soon - local inline SVG, no CDN */\n.coming-icon-stack{width:126px;height:126px;position:relative;margin:0 auto 18px;perspective:700px;filter:drop-shadow(0 22px 30px #594bff35)}.coming-icon-stack>span,.coming-icon-face{position:absolute;width:82px;height:82px;left:22px;top:20px;border-radius:22px;transform:rotate(-8deg);background:linear-gradient(145deg,#7d57ff,#5268ff);border:1px solid #ffffff38}.coming-icon-stack>span:first-child{transform:translate(18px,-14px) rotate(9deg);opacity:.18}.coming-icon-stack>span:nth-child(2){transform:translate(9px,-7px) rotate(2deg);opacity:.35}.coming-icon-face{display:grid;place-items:center;box-shadow:inset 0 1px 0 #ffffff55,0 18px 40px #4f46e54d;animation:comingFloat 3.8s ease-in-out infinite}.coming-icon-face .ui-icon{width:38px;height:38px;color:#fff;stroke-width:1.7}.coming-icon-face:after{content:"";position:absolute;inset:10px;border:1px solid #ffffff38;border-radius:16px}@keyframes comingFloat{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-8px) rotate(-4deg)}}.coming-3d>a{display:inline-flex!important;align-items:center;gap:8px}.coming-3d>a .ui-icon{transform:rotate(180deg)}\nbody.dark .coming-icon-face{box-shadow:inset 0 1px 0 #ffffff44,0 22px 50px #735cff3d}\n/* improve role page at medium widths */\n@media(max-width:1150px){.role-permission-shell{grid-template-columns:240px minmax(0,1fr)}.permission-grid{grid-template-columns:1fr}.top-search{width:min(440px,48vw)}}\n@media(max-width:900px){.app{display:block!important;grid-template-columns:1fr!important}.content{display:block!important;grid-column:auto!important;margin-left:0!important}.app aside,.sidebar-mini aside{width:min(86vw,310px)!important;transform:translateX(-105%);transition:transform .32s cubic-bezier(.22,1,.36,1)!important;box-shadow:20px 0 55px #07112866;overflow-y:auto!important;overflow-x:hidden!important}.app.mobile-nav aside{transform:translateX(0)!important}.sidebar-mini .collapse-btn,.collapse-btn{display:none!important}.mobile-menu-btn{display:grid!important}.top-search{display:none!important}.role-permission-shell{grid-template-columns:1fr!important}.role-tabs{position:static!important;display:flex!important;gap:9px;overflow-x:auto;padding:10px!important;scrollbar-width:none}.role-tabs::-webkit-scrollbar{display:none}.role-tabs-title,.super-role-note{display:none!important}.role-tab{min-width:185px}.role-editor{padding:14px!important}.permission-grid{grid-template-columns:1fr!important}.page{padding:15px!important;overflow-x:hidden}.coming-page{min-height:calc(100dvh - 105px)!important;padding:30px 18px!important}.coming-icon-stack{transform:scale(.88);margin-bottom:5px}.coming-3d h1{font-size:28px!important}}\n
/* ===== V5.10 TOP SEARCH FINAL FIX ===== */
/* Keep the header search as one continuous navy control in every theme.
   This rule intentionally comes last and is more specific than the global dark input rule. */
body .top-search,
body.dark .top-search{
  background:#22365d!important;
  border:1px solid #40577f!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
body .top-search input,
body .top-search input:hover,
body .top-search input:focus,
body .top-search input:active,
body.dark .top-search input,
body.dark .top-search input:hover,
body.dark .top-search input:focus,
body.dark .top-search input:active{
  background:#22365d!important;
  background-color:#22365d!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:#dce9ff!important;
  -webkit-text-fill-color:#dce9ff!important;
  caret-color:#8fc3ff!important;
  color-scheme:dark!important;
}
body .top-search input:-webkit-autofill,
body .top-search input:-webkit-autofill:hover,
body .top-search input:-webkit-autofill:focus,
body.dark .top-search input:-webkit-autofill,
body.dark .top-search input:-webkit-autofill:hover,
body.dark .top-search input:-webkit-autofill:focus{
  -webkit-text-fill-color:#dce9ff!important;
  -webkit-box-shadow:0 0 0 1000px #22365d inset!important;
  box-shadow:0 0 0 1000px #22365d inset!important;
  transition:background-color 99999s ease-out 0s!important;
}
body .top-search input::placeholder,
body.dark .top-search input::placeholder{
  color:#a8bad9!important;
  -webkit-text-fill-color:#a8bad9!important;
  opacity:1!important;
}
body .top-search:focus-within,
body.dark .top-search:focus-within{
  border-color:#6079a8!important;
  box-shadow:0 0 0 3px rgba(98,116,170,.14)!important;
}
\n\n/* ===== V5.11 SIDEBAR TOGGLE ICON - NO SVG/CDN ===== */
.collapse-btn,.mobile-menu-btn{color:#eaf2ff!important}
.hamburger-icon{width:18px;height:14px;display:flex!important;flex-direction:column;justify-content:space-between;align-items:stretch;position:relative;z-index:3;pointer-events:none}
.hamburger-icon i{display:block!important;width:100%;height:2px!important;min-height:2px;border-radius:999px;background:currentColor!important;box-shadow:0 0 0 1px transparent;opacity:1!important;visibility:visible!important;transform-origin:center;transition:transform .28s cubic-bezier(.22,1,.36,1),width .28s ease,opacity .2s ease}
.collapse-btn:hover .hamburger-icon i{background:#fff!important}
/* Expanded: clear 3-line menu. Collapsed: animated right chevron so unhide direction is obvious. */
.sidebar-mini .collapse-btn .hamburger-icon{width:17px;height:17px;justify-content:center;gap:0}
.sidebar-mini .collapse-btn .hamburger-icon i{position:absolute;left:3px;width:11px;height:2px!important;background:#fff!important}
.sidebar-mini .collapse-btn .hamburger-icon i:nth-child(1){transform:translateY(-3.5px) rotate(45deg)}
.sidebar-mini .collapse-btn .hamburger-icon i:nth-child(2){opacity:0!important;width:0}
.sidebar-mini .collapse-btn .hamburger-icon i:nth-child(3){transform:translateY(3.5px) rotate(-45deg)}
.sidebar-mini .collapse-btn{display:grid!important;place-items:center!important;left:64px!important;top:25px!important;width:36px!important;height:36px!important;border-radius:12px!important;background:linear-gradient(135deg,#7257ff,#5068ff)!important;border:1px solid #9a8cff!important;box-shadow:0 8px 24px #5e52ff66!important}
.sidebar-mini .collapse-btn:hover{transform:translateX(2px)!important;box-shadow:0 10px 28px #5e52ff88!important}
.header-hamburger{width:18px;height:14px;color:#eaf2ff}
.mobile-menu-btn{place-items:center!important}
@media(max-width:900px){.collapse-btn{display:none!important}.mobile-menu-btn{display:grid!important}.mobile-menu-btn .hamburger-icon{display:flex!important}}


/* ===== V5.12 FINAL SIDEBAR TOGGLE + PREMIUM ACCOUNT PILL ===== */
/* Toggle is fixed to viewport, so the sidebar scrollbar can NEVER cover/crop it. */
.collapse-btn{
  position:fixed!important;
  left:244px!important;
  top:24px!important;
  z-index:120!important;
  width:42px!important;
  height:42px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  border:1px solid rgba(128,155,211,.28)!important;
  border-radius:13px!important;
  background:#172a4c!important;
  box-shadow:0 10px 26px rgba(3,12,31,.25)!important;
  overflow:visible!important;
}
.sidebar-mini .collapse-btn{
  position:fixed!important;
  left:84px!important;
  top:24px!important;
  width:42px!important;
  height:42px!important;
  z-index:120!important;
  background:linear-gradient(145deg,#7557ff,#3f6cff)!important;
  border:1px solid rgba(173,163,255,.78)!important;
  box-shadow:0 10px 30px rgba(82,76,255,.55)!important;
}
.sidebar-mini aside{overflow-y:auto!important;overflow-x:hidden!important}
.sidebar-mini .collapse-btn .hamburger-icon{
  width:18px!important;height:18px!important;display:block!important;position:relative!important;
}
.sidebar-mini .collapse-btn .hamburger-icon i{
  position:absolute!important;left:3px!important;width:12px!important;height:2.5px!important;
  background:#fff!important;border-radius:10px!important;
}
.sidebar-mini .collapse-btn .hamburger-icon i:nth-child(1){top:4px!important;transform:rotate(45deg)!important}
.sidebar-mini .collapse-btn .hamburger-icon i:nth-child(2){display:none!important}
.sidebar-mini .collapse-btn .hamburger-icon i:nth-child(3){top:12px!important;transform:rotate(-45deg)!important}
.collapse-btn:hover{transform:translateY(-1px)!important;background:#213861!important}
.sidebar-mini .collapse-btn:hover{transform:translateX(3px)!important}

/* Premium user control inspired by the supplied reference, fully local icons. */
.account-pill{
  min-width:330px;height:58px;padding:7px 8px 7px 9px;
  display:flex;align-items:center;gap:11px;
  border:1px solid rgba(83,139,255,.72);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(31,72,148,.72),rgba(8,31,70,.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(52,105,255,.12),0 10px 30px rgba(0,29,83,.26);
}
.account-pill .header-avatar{
  flex:0 0 43px;width:43px;height:43px;border-radius:13px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 7px 18px rgba(67,83,255,.34)
}
.account-pill .head-user{min-width:0;flex:1}
.account-name{display:flex;align-items:center;gap:6px;white-space:nowrap}
.account-name b{font-size:13px!important;color:#fff!important;overflow:hidden;text-overflow:ellipsis}
.account-crown{width:16px!important;height:16px!important;color:#ffd02f!important;stroke:#ffd02f!important;filter:drop-shadow(0 2px 5px rgba(255,195,0,.25))}
.account-meta{display:flex;align-items:center;gap:8px;margin-top:4px}
.account-role{
  padding:3px 7px;border-radius:7px;background:rgba(101,79,255,.26);
  color:#c9c3ff;font-size:8px;font-weight:800;letter-spacing:.55px
}
.account-meta>i{height:13px;width:1px;background:rgba(152,177,224,.28)}
.account-online{display:flex;align-items:center;gap:5px;color:#4ce6a4;font-size:9px;font-weight:700}
.account-online em{width:7px;height:7px;border-radius:50%;background:#27e59b;box-shadow:0 0 10px rgba(39,229,155,.75)}
.account-divider{width:1px;height:34px;background:rgba(143,172,224,.25)}
.account-pill .chev{
  flex:0 0 42px;width:42px;height:42px;border-radius:50%!important;
  border:1px solid rgba(70,137,255,.62)!important;
  background:radial-gradient(circle at 35% 25%,#294c98,#10295a 70%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 5px 18px rgba(0,27,80,.35)!important;
}
.account-pill .chev .ui-icon{width:18px!important;height:18px!important;color:#fff!important;stroke:#fff!important}
.account-pill .chev:hover{background:radial-gradient(circle at 35% 25%,#365cb0,#173671 70%)!important;transform:translateY(-1px)}

/* Dropdown now lines up with the premium account pill. */
.profile-menu.top{
  right:24px!important;top:70px!important;width:330px!important;
  border-radius:18px!important;padding:11px!important;
  border:1px solid #e0e7f3!important;
  box-shadow:0 26px 70px rgba(7,20,49,.25)!important
}
body.dark .profile-menu.top{border-color:#314764!important}

/* Keep header usable on narrower desktop widths. */
@media(max-width:1250px){
  .account-pill{min-width:250px}
  .account-online,.account-meta>i{display:none}
  .top-search{width:min(410px,34vw)}
}
@media(max-width:1000px){
  .account-pill{min-width:auto;padding:6px}
  .account-pill .head-user,.account-divider{display:none}
}
@media(max-width:900px){
  .collapse-btn{display:none!important}
  .account-pill{height:48px;border-radius:15px}
  .account-pill .header-avatar{width:36px;height:36px;flex-basis:36px}
  .account-pill .chev{width:36px;height:36px;flex-basis:36px}
}

/* ===== V6 REFERENCE DASHBOARD ===== */
.dash-v6{max-width:1600px;margin:0 auto}.dash-hero-v6{height:158px;border-radius:18px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.25fr 1fr 260px;align-items:center;padding:24px 28px;color:#fff;background:radial-gradient(circle at 55% 25%,#2f47d8 0,#112c78 34%,#071d4c 68%,#071b42 100%);box-shadow:0 18px 45px #183e8c22,inset 0 0 0 1px #ffffff20}.hero-copy-v6{position:relative;z-index:2}.hero-copy-v6 .eyebrow{color:#5d54ff;margin:0 0 8px;font-weight:900;letter-spacing:2px}.hero-copy-v6 h1{margin:0;color:#fff;font-size:34px;line-height:1.05}.hero-copy-v6 h1 span{color:#f5f7ff}.hero-copy-v6>p:last-child{margin:10px 0 0;color:#d6e4ff;font-size:15px}.hero-art-v6{height:100%;position:relative;display:grid;place-items:center}.hero-orbit-v6{position:absolute;width:310px;height:94px;border:2px solid #476eff;border-radius:50%;transform:rotate(-7deg);box-shadow:0 0 28px #406dff}.hero-shield-v6{width:92px;height:102px;display:grid;place-items:center;border-radius:30px 30px 42px 42px;background:linear-gradient(145deg,#f7fbff,#9dc4ff);color:#2459ed;box-shadow:0 0 0 9px #5274ff55,0 22px 45px #091f77}.hero-shield-v6 .ui-icon{width:58px;height:58px;stroke-width:2}.hero-art-v6>i{position:absolute;width:65px;height:88px;border-radius:10px;background:linear-gradient(145deg,#3970ff55,#91a7ff22);border:1px solid #7ca2ff55;box-shadow:0 12px 30px #071e68}.hero-art-v6>i:nth-of-type(1){left:10%;transform:rotate(-9deg)}.hero-art-v6>i:nth-of-type(2){right:10%;transform:rotate(8deg)}.hero-art-v6>i:nth-of-type(3){right:26%;width:48px;height:68px;transform:translateY(-22px)}.hero-clock-v6{height:112px;border-left:1px solid #ffffff24;display:flex;align-items:flex-start;gap:14px;padding:12px 0 0 24px;position:relative;z-index:2}.calendar-v6{width:42px;height:42px;border-radius:12px;background:#ffffff12;display:grid;place-items:center;font-size:20px}.hero-clock-v6 small,.hero-clock-v6 strong,.hero-clock-v6 span{display:block}.hero-clock-v6 small{font-size:11px;color:#e5edff;margin:4px 0 5px}.hero-clock-v6 strong{font-size:29px}.hero-clock-v6 span{font-size:11px;color:#22e5a2;margin-top:8px;font-weight:800}.hero-clock-v6 span em{display:inline-block;width:9px;height:9px;border-radius:50%;background:#18dda0;box-shadow:0 0 14px #18dda0;margin-right:7px}
.dash-stats-v6{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:14px 0}.dash-stats-v6 article,.dash-bottom-v6 article,.dv6-card{background:#fff;border:1px solid #e1e9f6;box-shadow:0 9px 25px #17345c0a}.dash-stats-v6 article{min-height:132px;border-radius:16px;padding:16px;display:grid;grid-template-columns:52px 1fr;gap:12px;position:relative}.dash-stats-v6 article>div:nth-child(2) b,.dash-stats-v6 article strong,.dash-stats-v6 article small{display:block}.dash-stats-v6 article b{font-size:12px;color:#26426f}.dash-stats-v6 article strong{font-size:27px;color:#081a3b;margin:3px 0}.dash-stats-v6 article small{font-size:10px;color:#7389aa}.dv6-icon,.dv6-title-icon,.qicon{display:grid;place-items:center}.dv6-icon{width:50px;height:50px;border-radius:13px}.dv6-icon .ui-icon,.dv6-title-icon .ui-icon,.qicon .ui-icon{width:25px;height:25px}.purple{background:#eee9ff;color:#5d3cff}.green{background:#dcf8ec;color:#0fb874}.orange{background:#fff0df;color:#ff8500}.violet{background:#eee5ff;color:#6436f4}.cyan{background:#ddf8fb;color:#08aeea}.blue{background:#e5efff;color:#1763ef}.pink{background:#ffe6ef;color:#ed1c63}.dv6-meter{position:absolute!important;left:16px;right:16px;bottom:12px;height:5px!important;background:#eaf0f7;border-radius:10px;display:block!important}.dv6-meter i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#7442ff,#1488ff)}.dv6-meter span{position:absolute;right:0;bottom:-2px;transform:translateY(100%);font-size:9px;color:#38588b;font-weight:800}
.dash-main-v6{display:grid;grid-template-columns:1.55fr 1fr .92fr;gap:12px}.dv6-card{border-radius:16px;overflow:hidden}.dv6-head{min-height:68px;padding:14px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8edf5}.dv6-title-icon{width:42px;height:42px;border-radius:12px;flex:0 0 auto}.dv6-head h3{margin:0;color:#0a1a39;font-size:17px}.dv6-head p{margin:3px 0 0;color:#778aaa;font-size:10px}.dv6-head>a{margin-left:auto;text-decoration:none;font-size:10px;font-weight:900;color:#5d45f7}.activity-list-v6{padding:0 16px}.activity-row-v6{min-height:52px;display:grid;grid-template-columns:36px 1fr auto 20px;gap:10px;align-items:center;border-bottom:1px solid #edf1f7}.activity-row-v6:last-child{border-bottom:0}.act-icon-v6{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#eeeaff;color:#5b3ff3}.act-icon-v6 .ui-icon{width:17px;height:17px}.act-copy-v6 b,.act-copy-v6 small{display:block}.act-copy-v6 b{font-size:10px;color:#142544}.act-copy-v6 small{font-size:9px;color:#7187a8;margin-top:2px}.activity-row-v6 time{font-size:9px;color:#7390bb}.act-device-v6{width:14px;height:14px;color:#6687b8}.quick-grid-v6{padding:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.quick-grid-v6 a{min-height:82px;border-radius:13px;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#17305b;background:#f6f9ff;border:1px solid #edf1f7;transition:.2s}.quick-grid-v6 a:hover{transform:translateY(-3px);box-shadow:0 12px 22px #294b8215}.qicon{width:36px;height:36px;border-radius:11px;font-size:28px}.quick-grid-v6 b{font-size:9px;text-align:center}.dv6-side-v6{display:grid;gap:12px}.system-v6 .dv6-head,.admin-v6 .dv6-head{min-height:58px}.service-v6{height:27px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#203b66}.service-v6 b{color:#07995f;background:#dff8ec;border-radius:20px;padding:4px 10px}.admin-profile-v6{display:flex;gap:12px;align-items:center;padding:13px 16px 8px}.admin-profile-v6 .big-avatar{width:48px;height:48px;border-radius:14px;font-size:20px}.admin-profile-v6 h4{margin:0 0 5px;font-size:12px}.admin-profile-v6 span{font-size:9px;background:#dff8e9;color:#07985d;padding:4px 10px;border-radius:20px;font-weight:900}.admin-v6 dl{display:grid;grid-template-columns:18px 1fr;margin:0;padding:3px 16px 12px;gap:8px 5px;font-size:9px;color:#2a4770}.admin-v6 dt,.admin-v6 dd{margin:0}.admin-v6 dd{display:flex;justify-content:space-between}.dash-bottom-v6{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:12px}.dash-bottom-v6 article{border-radius:14px;padding:10px 16px;min-height:72px;display:flex;align-items:center;gap:12px}.dash-bottom-v6 small,.dash-bottom-v6 strong,.dash-bottom-v6 p{display:block;margin:0}.dash-bottom-v6 small{font-size:9px;color:#56739f}.dash-bottom-v6 strong{font-size:17px;color:#0b1d3e}.dash-bottom-v6 p{font-size:9px;color:#7890b2}.dash-bottom-v6 p.ok{color:#08a963;font-weight:800}.scorebar{margin-left:auto;width:130px;height:7px;background:#e5eef4;border-radius:20px}.scorebar i{display:block;width:98%;height:100%;border-radius:20px;background:#12bd72}
body.dark .dash-stats-v6 article,body.dark .dash-bottom-v6 article,body.dark .dv6-card{background:#111f35;border-color:#293c59}body.dark .dash-stats-v6 article b,body.dark .dash-stats-v6 article strong,body.dark .dv6-head h3,body.dark .act-copy-v6 b,body.dark .admin-profile-v6 h4,body.dark .dash-bottom-v6 strong{color:#f2f6ff!important}body.dark .dash-stats-v6 article small,body.dark .dv6-head p,body.dark .act-copy-v6 small,body.dark .activity-row-v6 time,body.dark .dash-bottom-v6 small,body.dark .dash-bottom-v6 p{color:#93a7c5!important}body.dark .dv6-head,body.dark .activity-row-v6{border-color:#293b55}body.dark .quick-grid-v6 a{background:#16263e;border-color:#2a3c58;color:#e8f0ff}body.dark .service-v6,body.dark .admin-v6 dl{color:#b7c7de}
@media(max-width:1250px){.dash-hero-v6{grid-template-columns:1.2fr .8fr 220px}.dash-stats-v6{grid-template-columns:repeat(3,1fr)}.dash-main-v6{grid-template-columns:1.3fr 1fr}.dv6-side-v6{grid-column:1/-1;grid-template-columns:1fr 1fr}.dash-bottom-v6{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.dash-hero-v6{height:auto;min-height:185px;grid-template-columns:1fr;padding:22px}.hero-copy-v6 h1{font-size:27px}.hero-art-v6{position:absolute;right:-45px;top:15px;width:220px;opacity:.38}.hero-clock-v6{border-left:0;border-top:1px solid #ffffff20;margin-top:18px;padding:13px 0 0;height:auto}.dash-stats-v6{grid-template-columns:repeat(2,1fr)}.dash-main-v6{grid-template-columns:1fr}.dv6-side-v6{grid-column:auto;grid-template-columns:1fr}.dash-bottom-v6{grid-template-columns:1fr 1fr}.activity-row-v6{grid-template-columns:34px 1fr}.activity-row-v6 time,.act-device-v6{display:none}.quick-grid-v6{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.dash-stats-v6{grid-template-columns:1fr}.dash-bottom-v6{grid-template-columns:1fr}.hero-art-v6{display:none}.dash-hero-v6{min-height:210px}.quick-grid-v6{grid-template-columns:repeat(2,1fr)}}

/* ===== V6.1 COMING SOON LAYOUT FIX ===== */
.coming-page-v61{min-height:calc(100vh - 142px)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;padding:42px 24px!important;border:1px solid #e0e7f2!important;border-radius:26px!important;background:radial-gradient(circle at 50% 22%,#f7f5ff 0,#f2f5fc 44%,#eaf1f9 100%)!important;isolation:isolate}
.coming-panel-v61{width:min(650px,100%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;position:relative!important;z-index:3!important;padding:24px 20px!important}
.coming-art-v61{width:150px!important;height:128px!important;display:block!important;position:relative!important;flex:0 0 128px!important;margin:0 auto 18px!important;overflow:visible!important}
.coming-layer,.coming-icon-v61{position:absolute!important;width:88px!important;height:88px!important;left:31px!important;top:20px!important;border-radius:25px!important;background:linear-gradient(145deg,#8559ff,#4e67ff)!important;border:1px solid #ffffff4d!important}
.coming-layer.layer-3{transform:translate(23px,-17px) rotate(10deg)!important;opacity:.13!important}.coming-layer.layer-2{transform:translate(13px,-9px) rotate(5deg)!important;opacity:.25!important}.coming-layer.layer-1{transform:translate(5px,-3px) rotate(-1deg)!important;opacity:.38!important}
.coming-icon-v61{display:grid!important;place-items:center!important;transform:rotate(-7deg)!important;box-shadow:inset 0 1px 0 #ffffff66,0 20px 50px #5c4dff4d!important;animation:comingV61Float 3.8s ease-in-out infinite!important}.coming-icon-v61:after{content:"";position:absolute;inset:12px;border:1.5px solid #ffffff59;border-radius:18px}.coming-icon-v61 .ui-icon{width:40px!important;height:40px!important;color:#fff!important;stroke:currentColor!important;position:relative;z-index:2}
@keyframes comingV61Float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-8px) rotate(-3deg)}}
.coming-badge-v61{position:static!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:max-content!important;max-width:100%!important;margin:0 auto 14px!important;padding:7px 13px!important;border-radius:999px!important;background:#ebe7ff!important;color:#674cf0!important;font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:1.8px!important;white-space:nowrap!important}
.coming-title-v61{position:static!important;display:block!important;margin:0 0 9px!important;font-size:clamp(30px,3vw,42px)!important;line-height:1.1!important;color:#10203e!important;font-weight:850!important;letter-spacing:-1.2px!important}.coming-desc-v61{position:static!important;margin:0!important;max-width:560px!important;color:#71819d!important;font-size:16px!important;line-height:1.6!important}
.coming-divider-v61{display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;width:100%!important;margin:25px 0 18px!important;color:#6c51f4!important}.coming-divider-v61 i{display:block!important;width:64px!important;height:1px!important;background:linear-gradient(90deg,transparent,#b7aaff)!important}.coming-divider-v61 i:last-child{transform:scaleX(-1)}.coming-divider-v61 strong{font-size:11px!important;letter-spacing:2.2px!important;white-space:nowrap!important}
.coming-back-v61{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;padding:13px 19px!important;border:1px solid #dce4f0!important;border-radius:13px!important;background:#fff!important;color:#20314e!important;text-decoration:none!important;font-weight:800!important;box-shadow:0 12px 28px #24395f12!important;transition:transform .2s ease,box-shadow .2s ease!important}.coming-back-v61:hover{transform:translateY(-2px)!important;box-shadow:0 17px 35px #24395f1c!important}.coming-back-v61 .ui-icon{transform:rotate(180deg)!important}
.coming-glow{position:absolute!important;border-radius:50%!important;pointer-events:none!important;z-index:0!important}.coming-glow-a{width:300px;height:300px;left:-95px;top:-100px;background:#7655ff12}.coming-glow-b{width:390px;height:390px;right:-135px;bottom:-175px;background:#36c9ff12}
body.dark .coming-page-v61{border-color:#293d5b!important;background:radial-gradient(circle at 50% 20%,#1a2948 0,#101c31 48%,#0b1628 100%)!important}body.dark .coming-title-v61{color:#f5f8ff!important}body.dark .coming-desc-v61{color:#9baac1!important}body.dark .coming-badge-v61{background:#30285d!important;color:#b8a9ff!important}body.dark .coming-back-v61{background:#17263d!important;border-color:#334963!important;color:#edf4ff!important}
@media(max-width:850px){.coming-page-v61{min-height:calc(100dvh - 95px)!important;padding:30px 16px!important;border-radius:18px!important}.coming-panel-v61{padding:10px 6px!important}.coming-art-v61{transform:scale(.88)!important;margin-bottom:7px!important}.coming-title-v61{font-size:30px!important}.coming-desc-v61{font-size:14px!important}.coming-divider-v61{margin-top:21px!important}.coming-divider-v61 i{width:38px!important}}

/* === V6.2 dashboard statistic-card spacing fix === */
.dash-stats-v6{align-items:stretch!important;margin:16px 0 18px!important;gap:14px!important}
.dash-stats-v6 article{
  min-height:154px!important;
  height:154px!important;
  padding:17px 17px 38px!important;
  align-content:start!important;
  overflow:hidden!important;
}
.dash-stats-v6 article>div:nth-child(2){min-width:0;padding-top:2px!important}
.dv6-meter{
  left:17px!important;
  right:17px!important;
  bottom:25px!important;
  height:5px!important;
  overflow:visible!important;
  background:#e9eef7!important;
}
.dv6-meter i{height:5px!important;min-width:0!important}
.dv6-meter span{
  right:0!important;
  top:10px!important;
  bottom:auto!important;
  transform:none!important;
  line-height:1!important;
  font-size:9px!important;
  white-space:nowrap!important;
}
.dash-main-v6{margin-top:0!important}
body.dark .dv6-meter{background:#263954!important}
@media(max-width:1250px){.dash-stats-v6 article{height:154px!important;min-height:154px!important}}
@media(max-width:560px){.dash-stats-v6 article{height:148px!important;min-height:148px!important}}

/* ===== V6.3 PREMIUM ADMIN INFORMATION CARD ===== */
.admin-card-v63{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border:1px solid #dfe8f5!important;box-shadow:0 14px 34px rgba(33,66,120,.08);overflow:hidden}
.admin-head-v63{padding:13px 15px!important;min-height:62px!important}.admin-head-v63 .dv6-title-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf5ff;color:#2469df}.admin-head-v63 .dv6-title-icon .ui-icon{width:19px;height:19px}.admin-head-v63 h3{font-size:15px!important;letter-spacing:-.2px}.admin-head-v63 p{font-size:9px!important}.admin-edit-v63{display:inline-flex!important;align-items:center;gap:5px;padding:8px 10px;border-radius:10px;background:#f2f6ff;color:#245ec7!important;font-size:9px!important;font-weight:900!important;transition:.2s}.admin-edit-v63:hover{transform:translateY(-1px);background:#e8f0ff}.admin-edit-v63 .ui-icon{width:13px;height:13px}
.admin-profile-v63{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;padding:13px 15px 11px}.admin-profile-v63 .big-avatar{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#8756ff,#3569ff);color:#fff;font-size:21px;font-weight:900;box-shadow:0 9px 22px rgba(83,74,255,.24)}.admin-ident-v63{min-width:0}.admin-name-v63{display:flex;align-items:center;gap:5px;min-width:0}.admin-name-v63 h4{margin:1px 0 5px!important;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#102344}.admin-crown-v63{width:14px!important;height:14px!important;color:#ff9d00;flex:0 0 auto}.admin-active-v63{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:#dff8e9;color:#07985d;font-size:8px;font-weight:900}.admin-active-v63 i{width:5px;height:5px;border-radius:50%;background:#10c779;box-shadow:0 0 0 3px rgba(16,199,121,.1)}.admin-email-v63{display:flex;align-items:center;gap:7px;margin-top:9px;color:#29466f;font-size:8.5px;min-width:0}.admin-email-v63 .ui-icon{width:13px;height:13px;color:#1768d5;flex:0 0 auto}.admin-email-v63 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-info-v63{padding:0 15px 10px}.admin-info-row-v63{min-height:38px;display:grid;grid-template-columns:28px minmax(68px,.8fr) minmax(0,1.2fr);gap:7px;align-items:center;border-top:1px solid #e9eff7;color:#29466f;font-size:8.5px}.admin-row-icon{width:25px;height:25px;border-radius:8px;display:grid;place-items:center}.admin-row-icon .ui-icon{width:13px;height:13px}.admin-row-icon.violet{background:#f0ebff;color:#6848ef}.admin-row-icon.blue{background:#eaf3ff;color:#2368d6}.admin-row-icon.cyan{background:#e7faff;color:#00a3c7}.admin-row-label{color:#587198}.admin-info-row-v63>b{justify-self:end;color:#102344;font-size:8.5px;text-align:right;white-space:nowrap}.admin-role-v63{padding:5px 9px;border-radius:999px;background:#eee9ff;color:#5939ed!important;font-size:8px!important}.admin-login-total-v63{display:flex;align-items:center;gap:5px}.admin-login-total-v63 .ui-icon{width:11px;height:11px;color:#1768d5}
body.dark .admin-card-v63{background:linear-gradient(180deg,#12223a,#101e34);border-color:#2a405f!important}body.dark .admin-head-v63{border-color:#2a405f}body.dark .admin-head-v63 .dv6-title-icon{background:#19345a;color:#6eb8ff}body.dark .admin-edit-v63{background:#1b3150;color:#8fc5ff!important}body.dark .admin-name-v63 h4,body.dark .admin-info-row-v63>b{color:#f4f8ff!important}body.dark .admin-email-v63,body.dark .admin-row-label{color:#9eb2ce}body.dark .admin-info-row-v63{border-color:#293d59}body.dark .admin-row-icon.violet{background:#2c2853}body.dark .admin-row-icon.blue{background:#18375d}body.dark .admin-row-icon.cyan{background:#123d4d}
@media(max-width:560px){.admin-profile-v63{grid-template-columns:48px minmax(0,1fr)}.admin-profile-v63 .big-avatar{width:48px;height:48px}.admin-info-row-v63{grid-template-columns:28px 92px minmax(0,1fr)}.admin-head-v63 p{display:none}}

/* ===== V6.4 ROLE & PERMISSION PREMIUM ===== */
.rp-breadcrumb{font-size:12px;color:#8090ac;margin:0 0 12px}.rp-breadcrumb span{margin:0 9px}.rp-hero{min-height:116px;border:1px solid #dfe8f4;border-radius:19px;margin-bottom:18px;padding:18px 22px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(110deg,#fff 0%,#f7f5ff 55%,#e8f9ff 100%);box-shadow:0 10px 28px #18375f0a}.rp-hero:after{content:"";position:absolute;right:-30px;top:-70px;width:260px;height:200px;background:linear-gradient(135deg,#7656ff10,#17c8ef16);transform:skewX(-25deg)}.rp-hero-copy{display:flex;align-items:center;gap:18px;min-width:0;z-index:2}.rp-hero-icon{width:68px;height:68px;border-radius:17px;background:linear-gradient(145deg,#7e4cff,#356eff);display:grid;place-items:center;color:#fff;box-shadow:0 14px 30px #594fff42}.rp-hero-copy span,.rp-side-head>span,.rp-main-head>div>span,.rp-stat-box>span{font-size:10px;letter-spacing:1.8px;font-weight:900;color:#644cf3}.rp-hero-copy h1{font-size:27px;margin:3px 0 1px;color:#0d1d3b}.rp-hero-copy p{margin:0;color:#7586a6;font-size:12px}.rp-hero-art{position:absolute;left:53%;top:-25px;width:240px;height:160px;display:grid;place-items:center;pointer-events:none}.rp-shield{width:100px;height:112px;clip-path:polygon(50% 0,90% 15%,86% 66%,50% 100%,14% 66%,10% 15%);background:linear-gradient(145deg,#315cff,#7e53ff);display:grid;place-items:center;color:white;filter:drop-shadow(0 16px 20px #3b57ff50);transform:rotate(4deg)}.rp-shield .ui-icon{width:38px;height:38px}.rp-hero-art i{position:absolute;width:145px;height:60px;border:2px solid #5d6cff33;border-radius:50%;transform:rotate(-10deg)}.rp-hero-art i:last-child{width:190px;height:85px;transform:rotate(10deg)}.rp-hero-stats{margin-left:auto;display:grid;grid-template-columns:repeat(3,110px);z-index:3;background:#ffffffb8;backdrop-filter:blur(12px);border:1px solid #ffffffb0;border-radius:14px;padding:14px 8px;box-shadow:0 12px 30px #31558d10}.rp-hero-stats>div{padding:0 15px;border-left:1px solid #dfe7f1}.rp-hero-stats>div:first-child{border:0}.rp-hero-stats small,.rp-hero-stats strong{display:block}.rp-hero-stats small{color:#7788a6;font-size:10px}.rp-hero-stats strong{font-size:20px;margin-top:5px;color:#13213d}.rp-hero-stats em{display:inline-block;width:8px;height:8px;border-radius:50%;background:#16c47f;margin-right:7px}.rp-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;align-items:start}.rp-left,.rp-main{background:#fff;border:1px solid #e0e7f1;border-radius:17px;box-shadow:0 10px 30px #1d35570a}.rp-left{padding:14px;position:sticky;top:90px}.rp-side-head{padding:2px 0 10px}.rp-side-head h3{font-size:18px;margin:4px 0;color:#12213d}.rp-side-head p{font-size:11px;line-height:1.5;color:#7d8ba5;margin:0}.rp-role{width:100%;border:1px solid transparent;background:#f9fbfe;border-radius:13px;display:flex;align-items:center;gap:10px;padding:10px;margin:6px 0;text-align:left;color:#17233e;transition:.2s}.rp-role:hover{transform:translateX(2px);background:#f5f4ff}.rp-role.active{border-color:#d9d2ff;background:linear-gradient(135deg,#f5f0ff,#f3f6ff);box-shadow:0 7px 18px #6756ff12}.rp-role>i{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#eeeaff;color:#694af1}.rp-role>span{flex:1;min-width:0}.rp-role b,.rp-role small{display:block}.rp-role b{font-size:13px}.rp-role small{font-size:9px;color:#8391aa;margin-top:2px}.rp-role .arrow{color:#71819f}.rp-add-role{width:100%;height:43px;border:0;border-radius:10px;background:linear-gradient(135deg,#7048ff,#5337ed);color:#fff;font-weight:800;box-shadow:0 8px 18px #6849f434}.rp-add-role b{font-size:19px;margin-right:6px}.rp-stat-box{margin-top:14px;padding-top:13px;border-top:1px solid #edf1f6}.rp-stat-box>div{display:flex;align-items:center;gap:9px;padding:9px 2px}.rp-stat-box i{width:34px;height:34px;border-radius:9px;background:#e8f2ff;color:#3277e8;display:grid;place-items:center}.rp-stat-box i.green{background:#e4faef;color:#16ae70}.rp-stat-box p{flex:1;margin:0}.rp-stat-box b,.rp-stat-box small{display:block}.rp-stat-box b{font-size:10px}.rp-stat-box small{font-size:8px;color:#8392aa;margin-top:2px}.rp-stat-box strong{font-size:15px}.rp-main{padding:14px}.rp-role-panel{display:none}.rp-role-panel.active{display:block;animation:roleSlide .25s ease}.rp-main-head{display:flex;align-items:center;gap:12px;padding:4px 2px 14px}.rp-main-head>div:first-child{flex:1}.rp-main-head h2{font-size:20px;margin:3px 0;color:#12213d}.rp-main-head h2 small{font-size:8px;color:#1aa76d;background:#dff8ec;border-radius:999px;padding:5px 8px;vertical-align:middle}.rp-main-head p{margin:0;color:#7f8ea7;font-size:10px}.rp-head-actions{display:flex;gap:8px}.rp-head-actions button,.rp-access-head>button{border:1px solid #dfe6ef;background:#f9fbfd;color:#263653;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:6px}.rp-head-actions .danger-lite{color:#f0475f;background:#fff0f3;border-color:#ffe1e6}.rp-tabs{display:grid;grid-template-columns:repeat(5,1fr);background:#f2f5fa;border-radius:11px;overflow:hidden;margin-bottom:12px}.rp-tabs button{border:0;background:transparent;padding:11px 7px;color:#33435e;font-size:10px;font-weight:800;display:flex;justify-content:center;align-items:center;gap:7px}.rp-tabs button+button{border-left:1px solid #e4e9f1}.rp-tabs button.active{background:linear-gradient(135deg,#7448ff,#5336ee);color:#fff;box-shadow:0 7px 16px #5d45ef3b}.rp-tab-content{display:none}.rp-tab-content.active{display:block}.rp-access-head{display:flex;align-items:center;gap:8px;padding:10px 2px}.rp-access-head>div{flex:1}.rp-access-head h3{font-size:16px;margin:0;color:#13213d}.rp-access-head p{font-size:9px;color:#8190aa;margin:2px 0 0}.rp-search{width:270px;height:38px;border:1px solid #dce4ef;border-radius:9px;display:flex;align-items:center;padding:0 10px;color:#8190aa}.rp-search input{border:0!important;outline:0!important;background:transparent!important;width:100%;font-size:10px;color:inherit}.rp-access-head .rp-all{background:linear-gradient(135deg,#7448ff,#5437ef);color:white;border:0}.rp-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.rp-menu-item{min-height:55px;border:1px solid #e1e7f0;border-radius:11px;display:flex;align-items:center;gap:9px;padding:7px 10px;transition:.18s;background:#fff}.rp-menu-item:hover{border-color:#cfc7ff;box-shadow:0 6px 16px #5d4cff0d}.rp-menu-item>i{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#e9f3ff;color:#2f7deb}.rp-menu-item>i.tone-1{background:#ffe9ef;color:#ff4d6d}.rp-menu-item>i.tone-2{background:#fff0dc;color:#f49b24}.rp-menu-item>i.tone-3{background:#eee9ff;color:#684af1}.rp-menu-item>i.tone-4{background:#e2f9ef;color:#0aa66c}.rp-menu-item>i.tone-5{background:#e4f7ff;color:#1a9cd4}.rp-menu-item>span{flex:1;min-width:0}.rp-menu-item b,.rp-menu-item small{display:block}.rp-menu-item b{font-size:10px;color:#1b2943}.rp-menu-item small{font-size:8px;color:#8795ab;margin-top:2px}.rp-menu-item>a{font-size:8px;text-decoration:none;color:#6748ee;font-weight:800;white-space:nowrap}.rp-menu-item>input{position:absolute;opacity:0;pointer-events:none}.rp-switch{width:34px;height:20px;border-radius:20px;background:#dce4ef;padding:2px;transition:.2s}.rp-switch u{display:block;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0002;transition:.2s}.rp-menu-item input:checked~.rp-switch{background:#22c88b}.rp-menu-item input:checked~.rp-switch u{transform:translateX(14px)}.row-chevron{color:#7285a5}.rp-savebar{margin-top:12px;border-top:1px solid #edf1f6;padding:12px 2px 0;display:flex;align-items:center;justify-content:space-between;color:#71819e;font-size:9px}.rp-savebar>span{display:flex;align-items:center;gap:6px}.rp-savebar button{display:flex;align-items:center;gap:7px;padding:9px 13px;border-radius:9px}.rp-placeholder{min-height:330px;display:grid;place-items:center;align-content:center;text-align:center;color:#6d7e9b}.rp-placeholder>.ui-icon{width:42px;height:42px;color:#674bf0;margin-bottom:10px}.rp-placeholder h3{margin:4px 0;color:#172640}.rp-placeholder strong{font-size:28px;color:#6247ed}.rp-placeholder p{max-width:420px;font-size:11px}.rp-log-list h3{font-size:16px}.rp-log-list>div:not(.rp-empty){display:flex;align-items:center;gap:10px;border-top:1px solid #edf1f6;padding:11px}.rp-log-list i{width:34px;height:34px;border-radius:9px;background:#eeeaff;color:#684af1;display:grid;place-items:center}.rp-log-list span{flex:1}.rp-log-list b,.rp-log-list small{display:block}.rp-log-list b{font-size:10px}.rp-log-list small,.rp-log-list time{font-size:8px;color:#8090aa}.rp-empty{padding:30px;text-align:center;color:#8795aa}.rp-access-head button:disabled{opacity:.45;cursor:not-allowed}
body.dark .rp-hero{background:linear-gradient(110deg,#111f35,#171b3b 60%,#0d3142);border-color:#2b405d}body.dark .rp-hero-copy h1,body.dark .rp-hero-stats strong,body.dark .rp-side-head h3,body.dark .rp-main-head h2,body.dark .rp-access-head h3,body.dark .rp-menu-item b{color:#f4f7fc!important}body.dark .rp-hero-copy p,body.dark .rp-side-head p,body.dark .rp-main-head p,body.dark .rp-access-head p{color:#9cadc5!important}body.dark .rp-hero-stats{background:#0c1a2fc9;border-color:#263b58}body.dark .rp-hero-stats>div{border-color:#31445f}body.dark .rp-left,body.dark .rp-main,body.dark .rp-menu-item{background:#111f35;border-color:#293d59}body.dark .rp-role{background:#0e1b30;color:#eaf1fb}body.dark .rp-role.active{background:linear-gradient(135deg,#282451,#17314d);border-color:#5b51a2}body.dark .rp-stat-box{border-color:#2a3d58}body.dark .rp-tabs{background:#0b1729}body.dark .rp-tabs button{color:#c5d2e5}body.dark .rp-tabs button+button{border-color:#293d58}body.dark .rp-search,body.dark .rp-head-actions button,body.dark .rp-access-head>button{background:#0b1729;border-color:#30445f;color:#dbe6f5}body.dark .rp-menu-item:hover{border-color:#6658b0}body.dark .rp-savebar{border-color:#293d58}
@media(max-width:1100px){.rp-hero-art{display:none}.rp-hero-stats{grid-template-columns:repeat(3,90px)}.rp-layout{grid-template-columns:230px minmax(0,1fr)}.rp-menu-grid{grid-template-columns:1fr}.rp-search{width:210px}.rp-tabs button{font-size:9px}}
@media(max-width:850px){.rp-breadcrumb{margin-top:3px}.rp-hero{padding:15px;display:block}.rp-hero-copy{align-items:flex-start}.rp-hero-icon{width:52px;height:52px}.rp-hero-copy h1{font-size:22px}.rp-hero-copy p{font-size:10px}.rp-hero-stats{margin:14px 0 0;grid-template-columns:repeat(3,1fr);width:100%}.rp-layout{grid-template-columns:1fr}.rp-left{position:static}.rp-role-list{display:flex;overflow-x:auto;gap:7px}.rp-role{min-width:190px}.rp-add-role,.rp-stat-box{display:none}.rp-main{padding:10px}.rp-main-head{align-items:flex-start}.rp-head-actions{display:none}.rp-tabs{display:flex;overflow-x:auto}.rp-tabs button{min-width:130px}.rp-access-head{flex-wrap:wrap}.rp-access-head>div{width:100%;flex-basis:100%}.rp-search{width:100%;order:2}.rp-access-head>button{order:3}.rp-menu-grid{grid-template-columns:1fr}.rp-menu-item>a{display:none}.rp-savebar{position:sticky;bottom:8px;background:inherit;border:1px solid #dfe6ef;border-radius:11px;padding:9px;z-index:3;box-shadow:0 8px 30px #17294a1c}.rp-savebar>span{display:none}.rp-savebar button{width:100%;justify-content:center}.rp-hero-stats small{font-size:8px}.rp-hero-stats strong{font-size:16px}}
/* ===== V6.5 PREMIUM LOGIN ===== */
.login-v65-body{background:#08142b;overflow:auto}.login-v65{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.62fr) minmax(520px,.9fr);background:#08142b}.login-v65-visual{position:relative;overflow:hidden;min-height:850px;padding:46px 4.3vw;color:#fff;background:radial-gradient(circle at 76% 16%,#244edb70 0,transparent 26%),radial-gradient(circle at 55% 80%,#1a57d64a 0,transparent 34%),linear-gradient(145deg,#061326,#071b42 62%,#0c1740)}.login-v65-visual:after{content:"";position:absolute;left:-8%;right:-5%;bottom:-28%;height:55%;border-radius:50%;border:1px solid #35a4ff66;box-shadow:0 -20px 90px #1c66ff38,inset 0 0 80px #5b36ff28;background:radial-gradient(circle at 50% 0,#0c3277,#06132b 58%)}.lv-brand{display:flex;align-items:center;gap:14px;position:relative;z-index:5}.lv-brand .brandmark,.lv-login-logo .brandmark{width:52px;height:52px;border-radius:13px;background:linear-gradient(145deg,#744cff,#2875ff);display:grid;place-items:center;color:#fff;font-size:27px;font-weight:900;box-shadow:0 10px 30px #405fff44}.lv-brand b,.lv-login-logo b{display:block;font-size:23px}.lv-brand small,.lv-login-logo small{display:block;font-size:9px;letter-spacing:.2em;color:#c1ccec;margin-top:3px}.lv-brand>span{margin-left:55px;border:1px solid #c68d364f;background:#261e183d;padding:9px 14px;border-radius:999px;color:#ffd58e;font-size:11px;font-weight:800}.lv-copy{position:relative;z-index:4;margin-top:70px;max-width:700px}.lv-copy h1{font-size:clamp(48px,4.4vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0}.lv-copy h1 em{font-style:normal;background:linear-gradient(90deg,#a252ff,#3ca7ff);-webkit-background-clip:text;color:transparent}.lv-copy p{font-size:18px;line-height:1.6;color:#d2dbef;max-width:650px}.lv-console{position:absolute;z-index:2;width:46%;height:52%;right:2%;top:8%;transform:perspective(900px) rotateY(-13deg) rotateX(3deg);filter:drop-shadow(0 30px 50px #0008)}.lv-screen{position:absolute;inset:8% 5% 16%;border:2px solid #516cff;background:linear-gradient(145deg,#102153e8,#081733e8);border-radius:22px;padding:28px;color:#cdd9ff;box-shadow:inset 0 0 40px #325cff30,0 0 60px #3d4fff30}.lv-screen-brand{display:flex;gap:9px;align-items:center;font-size:10px}.lv-screen-brand>b{background:#684cff;padding:9px;border-radius:8px}.lv-screen-brand small{font-size:6px}.lv-screen-search{height:22px;width:48%;border-radius:7px;background:#1c3270;margin:18px 0}.lv-screen h3{font-size:20px}.lv-screen h3 i{color:#52c8ff}.lv-mini-cards{display:flex;gap:12px}.lv-mini-cards span{background:#142c63;padding:14px;border-radius:11px;min-width:120px}.lv-mini-cards b,.lv-mini-cards small{display:block}.lv-mini-cards b{font-size:20px;color:#fff}.lv-mini-cards small{font-size:8px}.lv-lines{margin-top:20px}.lv-lines i{display:block;height:10px;border-radius:5px;background:#152b5a;margin:8px;width:85%}.lv-lines i:nth-child(2){width:70%}.lv-lines i:nth-child(3){width:92%}.lv-lines i:nth-child(4){width:60%}.lv-float{position:absolute;width:65px;height:65px;border:1px solid #7b72ff;background:linear-gradient(145deg,#7a4dffcc,#15b8ff99);border-radius:14px;display:grid;place-items:center;font-size:30px;box-shadow:0 0 35px #604fff88}.f1{left:-5%;top:17%}.f2{left:-2%;top:50%}.f3{right:-4%;bottom:16%}.lv-shield{position:absolute;width:145px;height:145px;left:28%;bottom:-2%;border-radius:28px;background:linear-gradient(145deg,#6946ff,#268eff);border:2px solid #b6d4ff;display:grid;place-items:center;font-size:75px;color:#fff;box-shadow:0 0 50px #415eff}.lv-feature-grid{position:relative;z-index:6;margin-top:35px;display:grid;grid-template-columns:repeat(2,minmax(220px,310px));gap:14px}.lv-feature-grid article{display:flex;gap:14px;align-items:center;padding:15px;border:1px solid #6b5dff66;border-radius:14px;background:#12254ca8;backdrop-filter:blur(10px)}.lv-feature-grid i{width:48px;height:48px;border-radius:12px;background:linear-gradient(145deg,#634dff,#207cff);display:grid;place-items:center;font-size:24px;font-style:normal}.lv-feature-grid b,.lv-feature-grid small{display:block}.lv-feature-grid b{font-size:13px}.lv-feature-grid small{font-size:10px;color:#b9c6df;margin-top:4px;line-height:1.45}.lv-bottom{position:absolute;z-index:6;bottom:28px;left:4.3vw;right:4.3vw;display:flex;gap:18px}.lv-bottom>span{min-width:180px;padding:13px 17px;border:1px solid #365dba;border-radius:13px;background:#0d234bba}.lv-bottom b,.lv-bottom small{display:block;margin-left:28px}.lv-bottom b{margin-top:-18px;font-size:11px}.lv-bottom small{font-size:9px;color:#aebbd4;margin-top:3px}.login-v65-side{background:radial-gradient(circle at 90% 10%,#eae5ff,transparent 28%),linear-gradient(145deg,#f4f4ff,#fff);padding:38px;display:grid;place-items:center}.lv-login-card{width:min(540px,100%);background:#ffffffd9;border:1px solid #fff;border-radius:26px;padding:30px 38px;box-shadow:0 30px 80px #44517d20;backdrop-filter:blur(20px)}.lv-login-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.lv-login-logo{display:flex;align-items:center;gap:13px}.lv-login-logo b{color:#14213c;font-size:20px}.lv-login-logo small{color:#66779a}.lv-language{border:1px solid #dfe5ef;background:#fff;border-radius:10px;padding:10px 12px;color:#34415c;font-weight:700}.lv-secure{display:inline-block;background:#eee9ff;color:#6849f5;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:900;letter-spacing:.14em}.lv-login-card h2{font-size:38px;letter-spacing:-.035em;margin:15px 0 5px;color:#101b33}.lv-login-card>p{color:#7584a0;line-height:1.55;margin:0 0 20px}.lv-form label{font-size:12px;font-weight:800;color:#14213b}.lv-input{position:relative;margin:8px 0 17px}.lv-input>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#74839d;stroke-width:1.7}.lv-input input{width:100%;height:52px;border:1px solid #cfd8e8;border-radius:10px;background:#fff;padding:0 45px;color:#15213a;outline:0}.lv-input input:focus{border-color:#684dff;box-shadow:0 0 0 3px #684dff18}.lv-eye{position:absolute;right:7px;top:7px;width:38px;height:38px;border:0;background:transparent;color:#75839d}.lv-label-row,.lv-remember{display:flex;align-items:center;justify-content:space-between}.lv-label-row button{border:0;background:transparent;color:#6648f5;font-weight:800;font-size:11px}.lv-remember label{display:flex;align-items:center;gap:7px}.lv-remember input{display:none}.lv-remember label>span{width:19px;height:19px;border:1px solid #cdd6e5;border-radius:5px;display:grid;place-items:center;color:transparent}.lv-remember input:checked+span{background:#684cff;border-color:#684cff;color:#fff}.lv-remember small{color:#8a96aa;font-size:10px}.lv-submit{width:100%;height:56px;border:0;border-radius:11px;margin-top:20px;background:linear-gradient(90deg,#8a3dff,#2d78ff);color:#fff;font-weight:900;font-size:15px;box-shadow:0 12px 28px #5e50ff3d}.lv-submit span{margin-right:10px;font-size:20px}.lv-divider{height:40px;display:flex;align-items:center;justify-content:center;position:relative}.lv-divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:#dfe5ee}.lv-divider span{position:relative;background:#fff;padding:0 13px;font-size:10px;color:#6e7c94}.lv-social{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lv-social button{height:46px;border:1px solid #dbe2ed;border-radius:9px;background:#fff;color:#26334b;font-weight:800}.lv-social b{margin-right:6px;color:#4b62f0}.lv-trust{display:flex;gap:11px;align-items:center;margin-top:15px;padding:12px 14px;border-radius:10px;background:#e9fbf5;border:1px solid #c9f1e2}.lv-trust i{font-style:normal;color:#0fbf79;font-size:24px}.lv-trust b,.lv-trust small{display:block}.lv-trust b{font-size:10px}.lv-trust small{font-size:8px;color:#71869a;margin-top:2px}.lv-footer{text-align:center;margin-top:22px}.lv-footer>span{font-size:8px;color:#8e99ab}.lv-footer nav{margin-top:13px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.lv-footer a{font-size:9px;color:#5c45e9;text-decoration:none}.lv-footer b{color:#9aa5b6}.lv-help{position:fixed;inset:0;background:#07122699;backdrop-filter:blur(6px);display:none;place-items:center;z-index:999}.lv-help.show{display:grid}.lv-help>div{width:min(390px,calc(100% - 30px));background:#fff;border-radius:20px;padding:30px;text-align:center;position:relative;box-shadow:0 30px 80px #0004}.lv-help>div>button:first-child{position:absolute;right:14px;top:12px;border:0;background:#eef2f8;border-radius:50%;width:32px;height:32px}.lv-help>div>span{font-size:42px}.lv-help h3{font-size:22px}.lv-help p{color:#728099}.lv-help-ok{border:0;background:#674cff;color:#fff;border-radius:10px;padding:11px 24px;font-weight:800}
@media(max-width:1200px){.login-v65{grid-template-columns:1fr}.login-v65-visual{display:none}.login-v65-side{min-height:100vh}.lv-login-card{max-width:560px}}@media(max-width:600px){.login-v65-side{padding:14px}.lv-login-card{padding:24px 19px;border-radius:19px}.lv-login-card h2{font-size:31px}.lv-language{font-size:0;padding:10px}.lv-language:first-letter{font-size:16px}.lv-social{grid-template-columns:1fr}.lv-login-top{margin-bottom:32px}}
/* V6.6 premium login - self contained, no icon CDN */
.login-v66-body{margin:0;background:#071329;overflow-x:hidden}.login-v66{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(500px,.88fr);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.lv66-visual{position:relative;overflow:hidden;min-height:100vh;padding:42px 4.4vw 30px;color:#fff;background:radial-gradient(circle at 77% 31%,#1849d866 0,transparent 27%),radial-gradient(circle at 44% 100%,#153f9166 0,transparent 38%),linear-gradient(145deg,#06101f 0,#07172e 42%,#0a1e50 100%)}.lv66-visual:after{content:"";position:absolute;left:-15%;right:-10%;bottom:-42%;height:58%;border-radius:50%;border:1px solid #2d72e777;box-shadow:0 -25px 100px #1760db44}.lv66-brand,.lv66-logo{display:flex;align-items:center;gap:14px;position:relative;z-index:5}.lv66-mark{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:29px;font-weight:900;background:linear-gradient(145deg,#7646ff,#247dff);box-shadow:0 10px 30px #355eff55;color:white}.lv66-brand b,.lv66-logo b{display:block;font-size:23px}.lv66-brand small,.lv66-logo small{display:block;margin-top:3px;font-size:9px;letter-spacing:.22em;color:#aab9d9}.lv66-copy{position:relative;z-index:4;margin-top:54px;width:52%}.lv66-private{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#5231b855;color:#b98aff;font-size:10px;font-weight:900;letter-spacing:.12em}.lv66-private svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2}.lv66-copy h1{font-size:clamp(46px,4.2vw,70px);line-height:1.01;letter-spacing:-.045em;margin:24px 0 18px}.lv66-copy h1 em{font-style:normal;background:linear-gradient(90deg,#9e5cff,#57a6ff);-webkit-background-clip:text;color:transparent}.lv66-copy p{max-width:580px;font-size:16px;line-height:1.6;color:#bac7df}.lv66-art{position:absolute;z-index:2;right:1.5%;top:5%;width:48%;height:58%;filter:drop-shadow(0 35px 45px #0008)}.art-trust{position:absolute;right:4%;top:0;display:grid;grid-template-columns:30px 1fr;column-gap:8px;z-index:7}.art-trust span{grid-row:1/3;width:30px;height:30px;border-radius:9px;background:#1bd493;display:grid;place-items:center}.art-trust b{font-size:11px}.art-trust small{font-size:8px;color:#9eb0d1}.art-laptop{position:absolute;left:9%;right:4%;top:16%;bottom:6%;transform:perspective(900px) rotateY(-12deg) rotateX(5deg)}.art-screen{height:75%;border:3px solid #426cff;border-radius:20px;background:linear-gradient(145deg,#10285b,#081834);box-shadow:inset 0 0 45px #2c61ff44,0 0 45px #4d50ff55;display:flex;padding:17px}.as-side{width:27%;border-right:1px solid #ffffff14}.as-side b{display:inline-grid;place-items:center;width:30px;height:30px;background:#674cff;border-radius:8px}.as-side i{display:block;width:70%;height:12px;margin:15px 0;border-radius:5px;background:#142f67}.as-main{flex:1;padding:12px 18px}.as-main>span{display:inline-block;padding:9px 20px;border-radius:7px;background:#1e55dd;font-size:10px}.as-chart{height:55%;margin-top:25px;border-radius:10px;background:#0e2048;display:flex;align-items:end;gap:9px;padding:16px}.as-chart i{width:16%;background:linear-gradient(#8a4cff,#247bff);border-radius:5px 5px 0 0}.as-chart i:nth-child(1){height:28%}.as-chart i:nth-child(2){height:52%}.as-chart i:nth-child(3){height:40%}.as-chart i:nth-child(4){height:75%}.as-chart i:nth-child(5){height:62%}.art-base{width:110%;height:20%;margin-left:-5%;background:linear-gradient(#173b77,#07132b);clip-path:polygon(8% 0,92% 0,100% 70%,85% 100%,15% 100%,0 70%);box-shadow:0 20px 50px #000}.art-stat,.art-security,.art-online{position:absolute;z-index:6;border:1px solid #536affaa;background:#102c67d9;backdrop-filter:blur(8px);box-shadow:0 0 30px #5d45ff66}.art-stat{left:-2%;top:30%;padding:16px 20px;border-radius:14px}.art-stat small,.art-stat strong,.art-stat em{display:block}.art-stat strong{font-size:25px}.art-stat em{font-style:normal;color:#16dc92;font-size:10px}.art-security{right:1%;bottom:10%;padding:16px 23px;border-radius:15px;background:linear-gradient(135deg,#8a45ffe8,#7b2bdbe8)}.art-security div{font-size:30px}.art-security b,.art-security small{display:block}.art-online{right:0;bottom:-2%;display:flex;gap:10px;align-items:center;padding:12px 16px;border-radius:14px}.art-online>span{width:28px;height:28px;border-radius:50%;background:#12ca84;display:grid;place-items:center}.art-online b,.art-online small{display:block}.art-online small{font-size:8px;color:#aebbd4}.lv66-features{position:relative;z-index:6;width:56%;display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));gap:11px;margin-top:25px}.lv66-features article{display:flex;gap:12px;align-items:center;padding:13px;border:1px solid #5369c866;border-radius:13px;background:#10254ba6}.lv66-features i{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-style:normal;font-size:20px}.lv66-features .blue{background:#1d75ff}.lv66-features .pink{background:#df2d74}.lv66-features .green{background:#00ad76}.lv66-features .violet{background:#6543ff}.lv66-features .orange{background:#f58a13}.lv66-features .cyan{background:#08afd1}.lv66-features b,.lv66-features small{display:block}.lv66-features b{font-size:11px}.lv66-features small{font-size:9px;color:#afbdd7;margin-top:3px;line-height:1.4}.lv66-bottom{position:absolute;z-index:6;left:4.4vw;right:3vw;bottom:27px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.lv66-bottom span{font-size:17px;color:#43c4ff}.lv66-bottom b,.lv66-bottom small{display:block;margin-left:28px}.lv66-bottom b{margin-top:-21px;font-size:10px;color:#fff}.lv66-bottom small{font-size:8px;color:#9caecc;margin-top:3px}.lv66-side{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 70% 12%,#ebe6ff,transparent 25%),linear-gradient(145deg,#f4f5ff,#fff)}.lv66-card{width:min(510px,100%);background:#ffffffdc;border:1px solid #fff;border-radius:25px;padding:30px 36px;box-shadow:0 30px 80px #44517d20;backdrop-filter:blur(18px)}.lv66-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:26px}.lv66-logo b{color:#15213a;font-size:20px}.lv66-logo small{color:#6e7d9a}.lv66-lang{position:relative}.lv66-lang>button{height:42px;padding:0 12px;border:1px solid #dbe2ed;border-radius:11px;background:#fff;display:flex;align-items:center;gap:7px;color:#273650}.lv66-lang #langMenu{display:none;position:absolute;right:0;top:48px;width:150px;padding:6px;background:#fff;border:1px solid #e0e5ee;border-radius:11px;box-shadow:0 15px 35px #27365022;z-index:20}.lv66-lang #langMenu.show{display:block}.lv66-lang #langMenu button{width:100%;padding:9px;border:0;background:transparent;text-align:left;border-radius:7px}.lv66-lang #langMenu button:hover{background:#f2f4ff}.lv66-secure{display:inline-block;padding:7px 13px;border-radius:999px;background:#eee9ff;color:#6748f5;font-size:9px;font-weight:900;letter-spacing:.15em}.lv66-card h2{font-size:37px;letter-spacing:-.035em;color:#101a31;margin:14px 0 5px}.lv66-card>p{color:#74839f;line-height:1.55;margin:0 0 20px}.lv66-form label{font-size:11px;font-weight:900;color:#17223b}.lv66-label,.lv66-remember{display:flex;justify-content:space-between;align-items:center}.lv66-label button{border:0;background:none;color:#6748f5;font-weight:800;font-size:10px}.lv66-input{position:relative;margin:8px 0 17px}.lv66-input>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:#75849d;stroke-width:1.7}.lv66-input input{width:100%;height:51px;border:1px solid #cfd8e8;border-radius:10px;background:#fff;padding:0 47px;color:#15213a;outline:0}.lv66-input input:focus{border-color:#684cff;box-shadow:0 0 0 3px #684cff18}.lv66-eye{position:absolute;right:6px;top:6px;width:39px;height:39px;border:0;background:transparent;color:#71819c}.lv66-eye svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.lv66-remember label{display:flex;align-items:center;gap:7px}.lv66-remember input{display:none}.lv66-remember label>span{width:18px;height:18px;border:1px solid #ccd5e5;border-radius:5px;display:grid;place-items:center;color:transparent}.lv66-remember input:checked+span{background:#684cff;border-color:#684cff;color:#fff}.lv66-remember small{font-size:9px;color:#8a97ac}.lv66-submit{width:100%;height:55px;border:0;border-radius:11px;margin-top:19px;background:linear-gradient(90deg,#8840ff,#3277ff);color:#fff;font-size:15px;font-weight:900;box-shadow:0 12px 28px #5f4fff3d;cursor:pointer}.lv66-divider{height:42px;display:flex;align-items:center;justify-content:center;position:relative}.lv66-divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:#dce3ed}.lv66-divider span{position:relative;background:#fff;padding:0 13px;font-size:9px;color:#6f7d94}.lv66-social{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.lv66-social button{height:47px;border:1px solid #d8e0ec;border-radius:9px;background:#fff;color:#26334b;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.lv66-social button:hover{border-color:#8c78ff;background:#faf9ff;transform:translateY(-1px)}.lv66-social svg{width:19px;height:19px}.lv66-trust{margin-top:15px;padding:12px 14px;border:1px solid #c8efdf;border-radius:10px;background:#e9fbf4;display:flex;align-items:center;gap:10px}.lv66-trust>span{width:28px;height:28px;border-radius:50%;background:#14bf7b;color:#fff;display:grid;place-items:center}.lv66-trust b,.lv66-trust small{display:block}.lv66-trust b{font-size:9px}.lv66-trust small{font-size:8px;color:#73879a}.lv66-foot{text-align:center;margin-top:20px;color:#8d99aa;font-size:8px}.lv66-modal{position:fixed;inset:0;z-index:9999;display:none;place-items:center;background:#07122599;backdrop-filter:blur(7px)}.lv66-modal.show{display:grid}.lv66-modal>div{width:min(390px,calc(100% - 30px));background:#fff;border-radius:20px;padding:29px;text-align:center;position:relative;box-shadow:0 30px 80px #0005}.lv66-modal .x{position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#eef2f8}.lv66-modal .mi{font-size:38px}.lv66-modal h3{font-size:21px}.lv66-modal p{color:#718099;line-height:1.5}.lv66-modal .ok{border:0;border-radius:9px;background:#674cff;color:#fff;padding:11px 25px;font-weight:800}.alert{padding:11px 13px;border-radius:10px;background:#fff0f1;color:#b62e3b;border:1px solid #ffd7db;margin:12px 0}
@media(max-width:1250px){.login-v66{grid-template-columns:1fr}.lv66-visual{display:none}.lv66-side{min-height:100vh}.lv66-card{max-width:560px}}@media(max-width:600px){.lv66-side{padding:14px}.lv66-card{padding:23px 18px;border-radius:19px}.lv66-card h2{font-size:31px}.lv66-social{grid-template-columns:1fr}.lv66-top{margin-bottom:30px}.lv66-lang>button b{display:none}}

/* ===== V6.7 LOGIN REFERENCE MATCH / BACKGROUND ART FIX ===== */
.login-v66{min-height:100dvh;height:100dvh;overflow:hidden;grid-template-columns:minmax(0,1.45fr) minmax(500px,.72fr)}
.lv66-visual{min-height:100dvh;height:100dvh;padding:38px clamp(42px,4.4vw,76px) 30px;background:#06162f;isolation:isolate;display:flex;flex-direction:column;overflow:hidden}
.lv66-visual:before{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,#06162f 0%,#071936 37%,rgba(5,20,45,.72) 55%,rgba(4,15,37,.05) 100%),url('/login-security-bg.png') 67% center/cover no-repeat;opacity:1}
.lv66-visual:after{content:"";position:absolute;z-index:1;inset:auto 0 0;height:31%;background:linear-gradient(0deg,#06162f 12%,rgba(6,22,47,.78) 56%,transparent 100%);pointer-events:none}
.lv66-brand,.lv66-copy,.lv66-features,.lv66-bottom{position:relative;z-index:4}.lv66-brand{position:relative;top:auto;left:auto}.lv66-copy{margin-top:46px;width:52%;max-width:650px}.lv66-copy h1{font-size:clamp(44px,3.65vw,67px);margin:20px 0 14px}.lv66-copy p{font-size:15px;max-width:560px}
.lv66-features{width:55%;max-width:610px;margin-top:20px;gap:10px}.lv66-features article{min-height:64px;padding:10px 12px;background:rgba(10,35,77,.78);border-color:rgba(85,127,219,.42);box-shadow:inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(7px)}.lv66-features i{width:40px;height:40px;flex:0 0 40px}.lv66-features i svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.lv66-features b{font-size:11px}.lv66-features small{font-size:8px}
.lv66-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:auto;padding-top:17px;border-top:1px solid rgba(108,150,227,.2);width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.lv66-bottom span{position:relative;padding-left:29px;font-size:0;min-width:0}.lv66-bottom span:before{position:absolute;left:0;top:0;width:22px;height:22px;display:grid;place-items:center;color:#46d2ff;font-size:16px}.lv66-bottom span:nth-child(1):before{content:"◆"}.lv66-bottom span:nth-child(2):before{content:"☁"}.lv66-bottom span:nth-child(3):before{content:"▤"}.lv66-bottom span:nth-child(4):before{content:"◉"}.lv66-bottom b,.lv66-bottom small{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv66-bottom b{font-size:10px}.lv66-bottom small{font-size:7.5px;margin-top:3px}
.lv66-side{min-height:100dvh;height:100dvh;padding:22px 30px;overflow:auto;background:radial-gradient(circle at 70% 12%,#e9e5ff 0,transparent 27%),linear-gradient(145deg,#f2f4ff,#fff 65%)}.lv66-card{width:min(500px,100%);padding:25px 32px 22px;border-radius:24px}.lv66-top{margin-bottom:20px}.lv66-logo{display:flex;align-items:center;gap:12px}.lv66-logo .lv66-mark{width:50px;height:50px;font-size:26px}.lv66-secure{padding:6px 12px}.lv66-card h2{font-size:35px;margin:12px 0 5px}.lv66-card>p{font-size:14px;margin-bottom:16px}.lv66-input{margin:7px 0 14px}.lv66-input input{height:49px}.lv66-submit{height:52px;margin-top:16px}.lv66-divider{height:38px}.lv66-social button{height:46px}.lv66-trust{margin-top:13px}.lv66-foot{margin-top:15px}
.lv66-lang{z-index:100}.lv66-lang>button{min-width:134px;height:42px;padding:0 11px;border-color:#d8dfec;box-shadow:0 4px 14px rgba(36,58,99,.05);cursor:pointer}.lang-flag{width:23px;height:16px;display:inline-block;flex:0 0 23px;border-radius:3px;box-shadow:0 0 0 1px rgba(20,34,60,.12);overflow:hidden}.flag-id{background:linear-gradient(#e52231 0 50%,#fff 50% 100%)}.flag-gb{background:#173f8f;position:relative}.flag-gb:before{content:"✚";display:grid;place-items:center;width:100%;height:100%;color:#fff;font-size:16px;line-height:16px;text-shadow:1px 0 #e52838,-1px 0 #e52838,0 1px #e52838,0 -1px #e52838}.lang-chevron{width:16px;height:16px;margin-left:auto;fill:none;stroke:#6e7d98;stroke-width:2;transition:.2s}.lv66-lang>button[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}
.lv66-lang #langMenu{top:49px;width:205px;padding:7px;border-radius:13px;box-shadow:0 18px 45px rgba(23,38,68,.18)}.lv66-lang #langMenu button{display:grid;grid-template-columns:25px 1fr 18px;gap:10px;align-items:center;padding:10px 9px;color:#1d2b45}.lv66-lang #langMenu button>span:nth-child(2) b,.lv66-lang #langMenu button>span:nth-child(2) small{display:block}.lv66-lang #langMenu button>span:nth-child(2) b{font-size:11px}.lv66-lang #langMenu button>span:nth-child(2) small{font-size:8px;color:#8794a8;margin-top:2px}.lv66-lang #langMenu button i{font-style:normal;color:#654cff;font-weight:900;text-align:center}
@media(max-height:820px) and (min-width:1251px){.lv66-visual{padding-top:24px;padding-bottom:20px}.lv66-brand .lv66-mark{width:46px;height:46px;font-size:25px}.lv66-brand b{font-size:20px}.lv66-copy{margin-top:25px}.lv66-copy h1{font-size:clamp(40px,3.25vw,58px);margin:15px 0 10px}.lv66-copy p{font-size:13px}.lv66-private{padding:7px 12px}.lv66-features{margin-top:14px}.lv66-features article{min-height:55px;padding:8px 10px}.lv66-features i{width:36px;height:36px;flex-basis:36px}.lv66-bottom{padding-top:11px}.lv66-card{padding-top:20px;padding-bottom:18px}.lv66-top{margin-bottom:14px}.lv66-card h2{font-size:31px;margin-top:9px}.lv66-card>p{font-size:12px;margin-bottom:12px}.lv66-input{margin-bottom:10px}.lv66-input input{height:45px}.lv66-submit{height:48px;margin-top:12px}.lv66-divider{height:33px}.lv66-social button{height:42px}.lv66-trust{padding:9px 12px;margin-top:10px}.lv66-foot{margin-top:10px}}
@media(max-width:1250px){.login-v66{height:auto;min-height:100dvh;grid-template-columns:1fr}.lv66-visual{display:none}.lv66-side{height:auto;min-height:100dvh}.lv66-card{max-width:560px}}
@media(max-width:600px){.lv66-side{padding:14px}.lv66-card{padding:22px 18px}.lv66-lang>button{min-width:auto}.lv66-lang>button b{display:none}.lv66-lang #langMenu{right:0}.lv66-social{grid-template-columns:1fr}.lv66-card h2{font-size:30px}}

/* ===== V6.8 PROFILE & SECURITY + LOGIN SCALE FIX ===== */
@media(min-width:1251px){.login-v66{grid-template-columns:minmax(0,60%) minmax(480px,40%)}.lv66-visual{padding-left:clamp(34px,4vw,62px);padding-right:clamp(28px,3.2vw,52px)}.lv66-visual:before{background:linear-gradient(90deg,#06162f 0%,#071936 27%,rgba(5,20,45,.48) 48%,rgba(4,15,37,.02) 100%),url('/login-security-bg.png') 63% center/cover no-repeat}.lv66-copy{width:50%;margin-top:34px}.lv66-copy h1{font-size:clamp(39px,3.25vw,58px)}.lv66-copy p{font-size:13px}.lv66-features{width:52%;max-width:530px}.lv66-features article{min-height:57px}.lv66-side{padding:20px 24px}.lv66-card{width:min(480px,100%);padding:23px 30px}}
.ps-page{max-width:1540px;margin:0 auto;display:grid;grid-template-columns:300px minmax(0,1fr);gap:18px;align-items:start}.ps-success{grid-column:1/-1;margin:0}.ps-profile-card,.ps-card,.ps-tabs{background:#fff;border:1px solid #dfe7f3;box-shadow:0 12px 35px rgba(31,65,112,.07)}.ps-profile-card{border-radius:18px;padding:24px 18px 20px;text-align:center;position:sticky;top:86px}.ps-online{margin-left:auto;width:max-content;padding:6px 10px;border-radius:999px;background:#ddf8e9;color:#079c5f;font-size:10px;font-weight:900}.ps-online i,.ps-meta .active i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#14c878;margin-right:5px;box-shadow:0 0 0 4px #d7f7e8}.ps-avatar-wrap{position:relative;width:112px;margin:7px auto 12px}.ps-avatar{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#8751ff,#356dff);color:#fff;font-size:45px;font-weight:900;box-shadow:0 16px 35px #5c4fff35}.ps-camera{position:absolute;right:1px;bottom:4px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#edf2fb;border:4px solid #fff;color:#173a72}.ps-camera .ui-icon{width:15px;height:15px}.ps-profile-card h2{font-size:18px;margin:8px 0 7px;color:#0c1c3d}.ps-profile-card h2 span{color:#ffab00}.ps-role{display:inline-block;padding:5px 12px;border-radius:999px;background:#eee7ff;color:#6341f4;font-size:9px}.ps-profile-card>p{font-size:11px;color:#65799b;margin:10px 0 3px}.ps-profile-card>small{font-size:10px;color:#6f84a5}.ps-photo-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0 17px}.ps-photo-actions button{height:64px;border:0;border-radius:12px;background:#f2f7ff;color:#2368ef;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:9px}.ps-photo-actions button:nth-child(2){background:#f5efff;color:#7148f4}.ps-photo-actions button.danger{background:#fff0f2;color:#f13b55}.ps-photo-actions .ui-icon{width:19px;height:19px}.ps-photo-actions .trash{font-size:20px}.ps-meta{border-top:1px solid #e7edf6}.ps-meta>div{min-height:43px;display:grid;grid-template-columns:92px 1fr;align-items:center;text-align:left;border-bottom:1px solid #e7edf6;font-size:10px}.ps-meta span{color:#7084a5}.ps-meta b{color:#20375e}.ps-meta b.active{color:#15975e}.ps-workspace{min-width:0}.ps-tabs{height:58px;border-radius:17px 17px 0 0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:0 12px;overflow-x:auto}.ps-tabs button{border:0;background:transparent;color:#40597e;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;position:relative}.ps-tabs button:after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:3px;border-radius:4px;background:transparent}.ps-tabs button.active{color:#6444f5}.ps-tabs button.active:after{background:#6748ff}.ps-tabs .ui-icon{width:17px;height:17px}.ps-tab-panel{display:none}.ps-tab-panel.active{display:block}.ps-card{border-radius:17px;padding:18px;margin-top:12px}.ps-card-head{min-height:58px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8eef6;padding-bottom:13px;margin-bottom:14px}.ps-head-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#eaf3ff;color:#2767ed;flex:0 0 auto}.ps-head-icon.violet{background:#eee9ff;color:#6c48f5}.ps-head-icon .ui-icon{width:21px;height:21px}.ps-card-head h3,.ps-info h3{margin:0;color:#102344;font-size:16px}.ps-card-head p,.ps-info>p{margin:3px 0 0;color:#7689a8;font-size:10px}.ps-edit,.ps-last-pass{margin-left:auto}.ps-edit{height:35px;border:0;border-radius:9px;padding:0 15px;background:linear-gradient(90deg,#7843ff,#3776ff);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;gap:7px}.ps-edit .ui-icon{width:14px;height:14px}.ps-last-pass{border:1px solid #dfe7f2;border-radius:999px;padding:7px 11px;font-size:8px;color:#415d85}.ps-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.ps-form-grid label,.ps-bio{font-size:10px;font-weight:800;color:#243956}.ps-field{height:39px;border:1px solid #d8e2ef;border-radius:8px;margin-top:6px;display:flex;align-items:center;padding:0 10px;gap:9px;background:#fff}.ps-field:focus-within{border-color:#6c4cff;box-shadow:0 0 0 3px #6c4cff12}.ps-field .ui-icon{width:16px;height:16px;color:#60799e}.ps-field>span{color:#60799e;font-size:16px}.ps-field input{height:100%;width:100%;border:0!important;outline:0;background:transparent!important;padding:0!important;color:#263b60}.ps-field input[readonly]{cursor:default}.ps-field button{border:0;background:transparent;color:#61799d}.ps-field button .ui-icon{width:17px;height:17px}.ps-bio{display:block;margin-top:13px;position:relative}.ps-bio textarea{display:block;width:100%;height:64px;resize:vertical;border:1px solid #d8e2ef;border-radius:8px;margin-top:6px;padding:10px;color:#263b60;font:inherit;font-size:11px;background:#fff}.ps-bio small{position:absolute;right:10px;bottom:8px;color:#7c8eaa;font-weight:500}.ps-save-row{display:flex;justify-content:flex-end;margin-top:11px}.ps-card .primary{border:0;border-radius:9px;min-height:38px;padding:0 17px;background:linear-gradient(90deg,#7843ff,#3776ff);color:#fff;font-size:10px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 8px 18px #624fff26}.ps-card .primary:disabled{opacity:.45;cursor:not-allowed}.ps-card .primary .ui-icon{width:15px;height:15px}.ps-password{margin-bottom:20px}.ps-pass-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:12px}.ps-pass-bottom>b,.ps-pass-bottom div>b{font-size:9px}.ps-pass-bottom p{display:flex;gap:16px;flex-wrap:wrap;margin:6px 0 0;color:#526b91;font-size:8px}.ps-pass-bottom p span{color:#526b91}.ps-pass-bottom p span::first-letter{color:#13b96f}.ps-info{min-height:280px}.ps-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.ps-info-grid article{padding:17px;border:1px solid #e2e9f3;border-radius:12px;background:#f9fbff}.ps-info-grid b,.ps-info-grid span{display:block}.ps-info-grid b{font-size:11px;color:#17355f}.ps-info-grid span{font-size:9px;color:#7487a5;margin-top:5px}.ps-toggle-list{margin-top:18px}.ps-toggle-list label{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #e8eef6}.ps-toggle-list b,.ps-toggle-list small{display:block}.ps-toggle-list b{font-size:11px}.ps-toggle-list small{font-size:9px;color:#7c8da8;margin-top:3px}.ps-toggle-list input{display:none}.ps-toggle-list i{width:42px;height:23px;border-radius:20px;background:#d9e2ee;position:relative}.ps-toggle-list i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 6px #0002;transition:.2s}.ps-toggle-list input:checked+i{background:#19c77d}.ps-toggle-list input:checked+i:after{left:22px}.ps-pref-actions{display:flex;gap:12px;margin-top:20px}.ps-pref-actions button{border:1px solid #dce5f1;background:#f8faff;border-radius:11px;padding:13px 18px;font-weight:800;color:#28456e}.ps-session{display:flex;align-items:center;gap:13px;margin-top:18px;padding:15px;border:1px solid #dfe8f3;border-radius:13px}.ps-session b,.ps-session small{display:block}.ps-session b{font-size:11px}.ps-session small{font-size:9px;color:#7488a7;margin-top:3px}.ps-session em{margin-left:auto;font-style:normal;font-size:8px;font-weight:900;color:#09965b;background:#def8ea;padding:6px 10px;border-radius:999px}.ps-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#7387a6;gap:7px;text-align:center}.ps-empty .ui-icon{width:34px;height:34px;color:#6a4bf6}.ps-empty b{color:#20385e}.ps-empty span{font-size:10px}.ps-empty a{font-size:10px;color:#6346ef;text-decoration:none;font-weight:800}.ps-activity-list{margin-top:15px}.ps-activity-list>div{display:grid;grid-template-columns:170px 1fr auto;gap:12px;padding:12px 4px;border-bottom:1px solid #e8eef6;font-size:10px}.ps-activity-list span{font-weight:900;color:#233b62}.ps-activity-list small,.ps-activity-list time{color:#7488a7;font-size:9px}
body.dark .ps-profile-card,body.dark .ps-card,body.dark .ps-tabs{background:#111f35;border-color:#293c59}body.dark .ps-profile-card h2,body.dark .ps-card h3,body.dark .ps-info h3,body.dark .ps-meta b,body.dark .ps-form-grid label,body.dark .ps-bio,body.dark .ps-toggle-list b,body.dark .ps-session b,body.dark .ps-empty b{color:#edf4ff!important}body.dark .ps-field,body.dark .ps-bio textarea,body.dark .ps-info-grid article,body.dark .ps-pref-actions button{background:#0c192c!important;border-color:#30445f!important;color:#eaf2ff!important}body.dark .ps-field input,body.dark .ps-bio textarea{color:#eaf2ff!important}body.dark .ps-card-head,body.dark .ps-meta,body.dark .ps-meta>div,body.dark .ps-toggle-list label,body.dark .ps-activity-list>div{border-color:#2b3d57}
@media(max-width:1150px){.ps-page{grid-template-columns:240px minmax(0,1fr)}.ps-tabs{grid-template-columns:repeat(7,130px)}.ps-form-grid{grid-template-columns:1fr}.ps-last-pass{display:none}}@media(max-width:850px){.ps-page{grid-template-columns:1fr}.ps-profile-card{position:relative;top:auto}.ps-tabs{border-radius:17px}.ps-pass-bottom{align-items:stretch;flex-direction:column;gap:14px}.ps-pass-bottom .primary{align-self:flex-end}}@media(max-width:560px){.ps-page{gap:10px}.ps-card{padding:14px}.ps-card-head{align-items:flex-start;flex-wrap:wrap}.ps-edit{margin-left:0}.ps-info-grid{grid-template-columns:1fr}.ps-activity-list>div{grid-template-columns:1fr}.ps-activity-list time{margin-top:-7px}}


/* V6.9 PROFILE + DARK MODE + CLEAN SIDEBAR ICON FIX */
#sidebar nav a .ico{width:24px!important;height:24px!important;min-width:24px!important;display:grid!important;place-items:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
#sidebar nav a .ico .ui-icon{width:19px!important;height:19px!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:currentColor!important;stroke:currentColor!important;fill:none!important}
#sidebar nav a .ico:before,#sidebar nav a .ico:after{display:none!important}
.ps-avatar{overflow:hidden}.ps-avatar img{width:100%;height:100%;object-fit:cover;display:block}.ps-avatar-form{display:none}.ps-photo-actions form{margin:0}.ps-photo-actions form button{width:100%}
body.dark{background:#071326!important;color:#dce8fb!important}body.dark .content{background:linear-gradient(180deg,#08162a,#071326)!important}body.dark .page{background:transparent!important}
body.dark .ps-profile-card,body.dark .ps-card,body.dark .ps-tabs{background:#0f1f36!important;border-color:#2b405e!important;box-shadow:0 16px 40px rgba(0,0,0,.16)!important}
body.dark .ps-tabs button{color:#9eb1cf!important}body.dark .ps-tabs button.active{color:#8c68ff!important}
body.dark .ps-profile-card h2,body.dark .ps-card h3,body.dark .ps-info h3,body.dark .ps-meta b,body.dark .ps-form-grid label,body.dark .ps-bio,body.dark .ps-toggle-list b,body.dark .ps-session b,body.dark .ps-empty b{color:#f3f7ff!important}
body.dark .ps-profile-card>p,body.dark .ps-profile-card>small,body.dark .ps-meta span,body.dark .ps-card-head p,body.dark .ps-info>p,body.dark .ps-toggle-list small,body.dark .ps-session small,body.dark .ps-activity-list small,body.dark .ps-activity-list time{color:#8ea3c4!important}
body.dark .ps-field,body.dark .ps-bio textarea,body.dark .ps-info-grid article,body.dark .ps-pref-actions button,body.dark .ps-session{background:#09182b!important;border-color:#304867!important;color:#eef5ff!important}
body.dark .ps-field input,body.dark .ps-field input::placeholder,body.dark .ps-bio textarea{color:#eef5ff!important}body.dark .ps-field input::placeholder{color:#6f84a5!important}
body.dark .ps-card-head,body.dark .ps-meta,body.dark .ps-meta>div,body.dark .ps-toggle-list label,body.dark .ps-activity-list>div{border-color:#2a405e!important}
body.dark .ps-last-pass{border-color:#38506e!important;color:#a8bbd6!important;background:#0a192d!important}
body.dark .ps-photo-actions button{background:#102744!important}body.dark .ps-photo-actions button:nth-child(2){background:#251d49!important}body.dark .ps-photo-actions button.danger{background:#351a2a!important}
body.dark .profile-menu{background:#101f36!important;border:1px solid #2b405e!important}body.dark .profile-menu a,body.dark .profile-menu button{color:#eaf2ff!important}
@media(min-width:1200px){.ps-page{max-width:1500px!important;grid-template-columns:280px minmax(0,1fr)!important;gap:18px!important}.ps-profile-card{padding-left:17px!important;padding-right:17px!important}}

/* V7.0 AVATAR CROP STUDIO */
body.crop-open{overflow:hidden}.crop-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:24px}.crop-modal.open{display:flex}.crop-backdrop{position:absolute;inset:0;background:rgba(3,10,25,.72);backdrop-filter:blur(8px)}.crop-dialog{position:relative;width:min(900px,96vw);max-height:92vh;overflow:auto;background:#fff;border:1px solid #dfe7f4;border-radius:24px;box-shadow:0 35px 90px rgba(0,0,0,.32);color:#102344}.crop-dialog header{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid #e8eef7}.crop-kicker{font-size:9px;font-weight:900;letter-spacing:2px;color:#7047ff}.crop-dialog h3{margin:4px 0;font-size:22px}.crop-dialog header p{margin:0;color:#7588a7;font-size:11px}.crop-close{width:38px;height:38px;border:1px solid #dce5f1;border-radius:11px;background:#f7f9fd;color:#405878;font-size:24px}.crop-body{display:grid;grid-template-columns:minmax(320px,1fr) 280px;gap:22px;padding:24px}.crop-stage{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:radial-gradient(circle at center,#253f71,#07152c 72%);box-shadow:inset 0 0 0 1px #ffffff14}.crop-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.crop-stage canvas:active{cursor:grabbing}.crop-ring{pointer-events:none;position:absolute;inset:10%;border:3px solid rgba(255,255,255,.96);border-radius:50%;box-shadow:0 0 0 999px rgba(2,10,26,.42),0 0 30px #7554ff66}.crop-grid{pointer-events:none;position:absolute;inset:10%;border-radius:50%;opacity:.25;background:linear-gradient(90deg,transparent 33%,#fff 33%,#fff 33.4%,transparent 33.4%,transparent 66%,#fff 66%,#fff 66.4%,transparent 66.4%),linear-gradient(0deg,transparent 33%,#fff 33%,#fff 33.4%,transparent 33.4%,transparent 66%,#fff 66%,#fff 66.4%,transparent 66.4%)}.crop-tools{display:flex;flex-direction:column;gap:17px}.crop-preview{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #e1e8f3;border-radius:15px;background:#f8faff}.crop-preview canvas{width:68px;height:68px;border-radius:50%;background:#eaf0fa}.crop-preview b,.crop-preview small{display:block}.crop-preview b{font-size:12px}.crop-preview small{font-size:9px;color:#788aa6;margin-top:3px}.crop-tools label{font-size:10px;font-weight:900;color:#334c70}.crop-tools output{float:right;color:#7047ff}.crop-tools input[type=range]{width:100%;margin-top:10px;accent-color:#7047ff}.crop-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.crop-tool-grid button{height:62px;border:1px solid #dfe7f2;border-radius:12px;background:#f8faff;color:#6042e8;font-size:20px;font-weight:800}.crop-tool-grid span{display:block;margin-top:3px;font-size:8px;color:#526a8c}.crop-hint{padding:12px;border-radius:11px;background:#eef5ff;color:#587092;font-size:9px;line-height:1.5}.crop-dialog footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 22px;border-top:1px solid #e8eef7}.crop-dialog footer button{height:40px;padding:0 20px;border-radius:10px;font-size:10px;font-weight:900}.crop-secondary{border:1px solid #dce5f1;background:#fff;color:#3d5578}.crop-primary{border:0;background:linear-gradient(90deg,#7743ff,#3478ff);color:#fff;box-shadow:0 10px 22px #5d50ff38}.crop-primary:disabled{opacity:.6}
body.dark .crop-dialog{background:#0f1f36;border-color:#2b405e;color:#f3f7ff}body.dark .crop-dialog header,body.dark .crop-dialog footer{border-color:#2b405e}body.dark .crop-close,body.dark .crop-tool-grid button,body.dark .crop-preview{background:#0a192d;border-color:#304867;color:#a989ff}body.dark .crop-tool-grid span,body.dark .crop-preview small,body.dark .crop-dialog header p{color:#8ea3c4}body.dark .crop-tools label{color:#dce8fb}body.dark .crop-hint{background:#132947;color:#9db2d1}body.dark .crop-secondary{background:#0a192d;border-color:#304867;color:#dce8fb}
@media(max-width:760px){.crop-modal{padding:10px}.crop-dialog{border-radius:18px}.crop-body{grid-template-columns:1fr;padding:15px}.crop-tools{gap:12px}.crop-preview{display:none}.crop-dialog header{padding:17px}.crop-dialog footer{padding:13px 17px 17px}}

/* V7.1 PREMIUM AVATAR CROP - reference matched */
.crop-v71 .crop-backdrop{background:rgba(3,10,24,.78);backdrop-filter:blur(12px)}
.crop-v71 .crop-dialog{width:min(1540px,96vw);max-height:94vh;border-radius:24px;background:linear-gradient(135deg,#11274a,#07182f);border:1px solid #34547e;color:#f7f9ff;box-shadow:0 35px 100px #0009,0 0 55px #376dff24;overflow:auto}
.crop-v71 .crop-head{padding:24px 30px;display:flex;align-items:center;border-bottom:0!important;background:linear-gradient(90deg,#102445,#152d5b 55%,#0e2345)}
.crop-title-icon{width:80px;height:80px;border-radius:18px;display:grid;place-items:center;font-size:34px;background:linear-gradient(145deg,#7343ff,#315cff);box-shadow:0 15px 35px #5d4dff55}.crop-title-copy{margin-left:20px}.crop-v71 .crop-title-copy h3{font-size:28px;margin:0 0 5px}.crop-v71 .crop-title-copy p{font-size:15px;color:#b9c8e2;margin:0}.crop-v71 .crop-close{margin-left:auto;background:#152b4b;border:1px solid #557096;color:#d9e5fa;width:46px;height:46px;border-radius:12px}
.crop-pro-layout{display:grid!important;grid-template-columns:370px minmax(500px,680px) 370px!important;gap:26px!important;padding:18px 30px 30px!important;align-items:stretch}.crop-left-tools,.crop-right-tools{display:flex;flex-direction:column;gap:12px}.crop-control-card,.crop-side-card{background:linear-gradient(145deg,#172c50,#102443);border:1px solid #395477;border-radius:16px;padding:17px 18px;box-shadow:inset 0 1px #ffffff08}.crop-control-card>b,.crop-control-title b,.crop-side-title b{font-size:15px}.crop-control-title{display:flex;justify-content:space-between;align-items:center}.crop-control-title output{color:#fff;font-weight:800}.crop-zoom-row{display:grid;grid-template-columns:44px 1fr 44px;gap:12px;align-items:center;margin-top:13px}.crop-zoom-row button{height:44px;border:1px solid #526d94;border-radius:10px;background:#1b3153;color:#fff;font-size:25px}.crop-zoom-row input{width:100%;accent-color:#7652ff}.crop-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}.crop-two button,.crop-reset{min-height:78px;border:1px solid #405d85;border-radius:11px;background:#1b3155;color:#fff;font-weight:700}.crop-two strong,.crop-reset strong{display:block;color:#b99cff;font-size:28px;line-height:1}.crop-two span,.crop-reset span{display:block;margin-top:9px;font-size:13px}.crop-reset{width:100%;min-height:56px;margin-top:13px;display:flex;align-items:center;justify-content:center;gap:16px}.crop-reset strong,.crop-reset span{display:inline;margin:0}.crop-tip{display:flex;gap:16px;padding:15px 18px;border-radius:15px;border:1px solid #704aff;background:linear-gradient(135deg,#24205d,#263a79);box-shadow:0 0 24px #7148ff22}.crop-tip>span{font-size:25px}.crop-tip b{color:#d7c9ff}.crop-tip p{margin:5px 0 0;font-size:12px;line-height:1.55;color:#d4def0}
.crop-center{position:relative;background:linear-gradient(180deg,#18273d,#07111f);border-radius:18px;padding:80px 70px 70px;display:flex;align-items:center;justify-content:center;overflow:hidden}.crop-v71 .crop-stage{width:min(100%,580px);aspect-ratio:1;background:#0a1320;border-radius:12px;overflow:visible}.crop-v71 .crop-ring{inset:0;border:3px solid #fff;box-shadow:0 0 0 999px rgba(3,10,20,.30),0 0 24px #7653ff;border-radius:50%}.crop-v71 .crop-grid{inset:0;border-radius:50%;opacity:.24}.crop-aspect{position:absolute;right:24px;top:20px;padding:11px 17px;border:1px solid #51698b;border-radius:999px;background:#172a49;font-size:13px;font-weight:800;color:#f3f6ff;display:flex;gap:8px}.crop-handle{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;z-index:4;box-shadow:0 0 5px #0006}.crop-handle.h1{left:-6px;top:-6px}.crop-handle.h2{right:-6px;top:-6px}.crop-handle.h3{left:-6px;bottom:-6px}.crop-handle.h4{right:-6px;bottom:-6px}
.crop-side-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #2f486b;padding-bottom:12px;margin-bottom:12px}.crop-side-title>span{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#6e47ff,#3e63ff);color:white}.crop-side-title div b,.crop-side-title div small{display:block}.crop-side-title small{font-size:11px;color:#aebdd4;margin-top:2px}.crop-side-card>#cropPreview{display:block;width:145px;height:145px;margin:10px auto 0;border-radius:50%;border:2px solid #fff;box-shadow:0 0 18px #7054ff}.crop-sizes{display:flex;align-items:end;justify-content:space-between;gap:10px}.crop-sizes div{text-align:center}.crop-sizes canvas{display:block;border-radius:50%;border:1px solid #fff;box-shadow:0 0 10px #6c51ff;margin:auto;object-fit:cover}.crop-sizes div:nth-child(1) canvas{width:74px;height:74px}.crop-sizes div:nth-child(2) canvas{width:58px;height:58px}.crop-sizes div:nth-child(3) canvas{width:48px;height:48px}.crop-sizes div:nth-child(4) canvas{width:36px;height:36px}.crop-sizes small{display:block;margin-top:7px;color:#c0cce0}.crop-pick{width:100%;min-height:76px;border:1px dashed #7793ff;border-radius:12px;background:#132746;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px}.crop-pick strong{font-size:28px}.crop-pick span{font-weight:800}.crop-pick small{display:block;font-weight:500;color:#aebdd3;margin-top:3px}.crop-actions{display:grid;grid-template-columns:128px 1fr;gap:12px;margin-top:auto}.crop-v71 .crop-actions button{height:60px;border-radius:12px;font-size:14px;font-weight:900}.crop-v71 .crop-secondary{background:#142945;border:1px solid #526c90;color:#fff}.crop-v71 .crop-primary{background:linear-gradient(90deg,#7043ff,#356aff);border:0;color:#fff;box-shadow:0 12px 28px #4f4fff44}
body.dark .crop-v71 .crop-dialog{background:linear-gradient(135deg,#11274a,#07182f);border-color:#34547e}.crop-v71 .crop-tool-grid{display:none}
@media(max-width:1250px){.crop-pro-layout{grid-template-columns:290px minmax(430px,1fr) 300px!important}.crop-center{padding:75px 40px 50px}}
@media(max-width:980px){.crop-v71 .crop-dialog{width:96vw}.crop-pro-layout{grid-template-columns:1fr!important}.crop-center{order:-1;padding:70px 35px 40px}.crop-left-tools{display:grid;grid-template-columns:1fr 1fr}.crop-tip{grid-column:1/-1}.crop-actions{margin-top:0}}
@media(max-width:620px){.crop-v71 .crop-head{padding:16px}.crop-title-icon{width:52px;height:52px;font-size:23px}.crop-v71 .crop-title-copy h3{font-size:20px}.crop-v71 .crop-title-copy p{font-size:11px}.crop-pro-layout{padding:12px!important}.crop-left-tools{display:flex}.crop-center{padding:65px 22px 28px}.crop-actions{grid-template-columns:1fr 1.5fr}}

/* V7.2 FIX: crop studio must never inherit the application's fixed sidebar rules */
.crop-v71 .crop-dialog aside.crop-left-tools,
.crop-v71 .crop-dialog aside.crop-right-tools{
  position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
  width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
  margin:0!important;padding:0!important;overflow:visible!important;z-index:auto!important;
  background:none!important;color:inherit!important;border:0!important;box-shadow:none!important;
}
.crop-v71{padding:18px!important;overflow:auto!important}
.crop-v71 .crop-dialog{margin:auto!important;flex:0 0 auto!important;max-width:1540px!important;min-width:0!important}
.crop-v71 .crop-pro-layout{width:100%!important;min-width:0!important}
.crop-v71 .crop-left-tools,.crop-v71 .crop-center,.crop-v71 .crop-right-tools{min-width:0!important}
.crop-v71 .crop-center{min-height:660px!important}
.crop-v71 .crop-stage{max-width:580px!important;max-height:580px!important}
.crop-v71 .crop-stage canvas{max-width:100%!important}
@media(max-width:1450px){
 .crop-v71 .crop-dialog{width:min(1320px,96vw)!important}
 .crop-pro-layout{grid-template-columns:300px minmax(440px,1fr) 310px!important;gap:18px!important;padding:18px 22px 24px!important}
 .crop-v71 .crop-center{min-height:570px!important;padding:70px 38px 45px!important}
 .crop-v71 .crop-stage{max-width:500px!important}
}
@media(max-width:1100px){
 .crop-pro-layout{grid-template-columns:260px minmax(390px,1fr) 270px!important}
 .crop-v71 .crop-center{min-height:500px!important;padding:65px 28px 35px!important}
}
@media(max-width:980px){
 .crop-v71 .crop-dialog aside.crop-left-tools,.crop-v71 .crop-dialog aside.crop-right-tools{display:flex!important;position:static!important;width:auto!important}
 .crop-pro-layout{grid-template-columns:1fr!important}
 .crop-v71 .crop-center{min-height:auto!important}
}

/* V7.3 unified SVG icon system for Avatar Crop Studio */
.crop-v71 .crop-svg{width:1em;height:1em;display:block;overflow:visible;pointer-events:none}
.crop-v71 .crop-title-icon{font-size:0;color:#fff}
.crop-v71 .crop-title-icon .crop-svg{width:39px;height:39px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.18))}
.crop-v71 .crop-two strong,.crop-v71 .crop-reset strong{font-size:0;display:flex;align-items:center;justify-content:center;color:#b99cff}
.crop-v71 .crop-two strong .crop-svg{width:28px;height:28px}
.crop-v71 .crop-reset strong .crop-svg{width:24px;height:24px}
.crop-v71 .crop-tip>span{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;background:rgba(117,72,255,.22);color:#d6c5ff;box-shadow:inset 0 0 0 1px rgba(178,150,255,.18)}
.crop-v71 .crop-tip>span .crop-svg{width:24px;height:24px}
.crop-v71 .crop-side-title>span{font-size:0}.crop-v71 .crop-side-title>span .crop-svg{width:20px;height:20px}
.crop-v71 .crop-aspect .crop-svg{width:18px;height:18px;color:#c8d4ff}.crop-v71 .crop-chevron{margin-left:2px;color:#a9b9d5}
.crop-v71 .crop-pick strong{font-size:0;color:#fff}.crop-v71 .crop-pick strong .crop-svg{width:30px;height:30px}
.crop-v71 .crop-primary{display:flex;align-items:center;justify-content:center;gap:9px}.crop-v71 .crop-primary>.crop-svg{width:20px;height:20px}.crop-v71 .crop-primary>span{display:inline-block}
.crop-v71 .crop-close{display:grid;place-items:center;font-family:Arial,sans-serif;line-height:1}

/* ===== V7.4 VIEWPORT FIT + LOGIN ART COMPOSITION ===== */
/* Login: keep the supplied security artwork fully composed inside the left panel. */
.login-v66{width:100%;min-height:100dvh;overflow:hidden;grid-template-columns:minmax(0,66%) minmax(420px,34%)}
.lv66-visual{min-width:0;min-height:100dvh;isolation:isolate;padding:38px clamp(34px,4vw,66px) 28px!important;background:#06152f!important}
.lv66-visual:before{inset:0!important;background-image:linear-gradient(90deg,rgba(5,18,42,.94) 0%,rgba(5,18,42,.82) 29%,rgba(5,18,42,.32) 53%,rgba(5,18,42,.02) 100%),url('/login-security-bg.png')!important;background-size:100% 100%!important;background-position:center center!important;background-repeat:no-repeat!important}
.lv66-visual:after{display:none!important}
.lv66-copy{width:48%!important;max-width:560px;margin-top:42px!important}.lv66-copy h1{font-size:clamp(42px,3.55vw,62px)!important}.lv66-copy p{max-width:520px}
.lv66-features{width:50%!important;max-width:560px!important;margin-top:24px!important}.lv66-bottom{left:clamp(34px,4vw,66px)!important;right:clamp(28px,3vw,52px)!important;bottom:22px!important}
.lv66-side{min-width:0;padding:22px!important}.lv66-card{width:min(470px,100%)!important;padding:25px 30px!important}
@media(max-width:1350px){.login-v66{grid-template-columns:minmax(0,64%) minmax(420px,36%)}.lv66-copy h1{font-size:clamp(38px,3.3vw,52px)!important}.lv66-features{width:56%!important}.lv66-card{padding:22px 25px!important}}
@media(max-width:1050px){.login-v66{grid-template-columns:1fr}.lv66-visual{display:none}.lv66-side{min-height:100dvh}}

/* Crop Studio: always stay inside the browser viewport; no clipped left/right columns. */
body.crop-open{overflow:hidden!important}
.crop-v71{inset:0!important;width:100vw!important;height:100dvh!important;padding:16px!important;overflow:hidden!important;align-items:center!important;justify-content:center!important}
.crop-v71 .crop-dialog{width:min(1380px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:auto!important;max-height:calc(100dvh - 32px)!important;margin:0!important;overflow:hidden!important;border-radius:22px!important;display:flex!important;flex-direction:column!important}
.crop-v71 .crop-head{flex:0 0 auto;padding:18px 22px!important;min-width:0!important}.crop-v71 .crop-title-icon{width:68px!important;height:68px!important;flex:0 0 68px!important}.crop-v71 .crop-title-icon .crop-svg{width:34px!important;height:34px!important}.crop-v71 .crop-title-copy{min-width:0!important;margin-left:16px!important}.crop-v71 .crop-title-copy h3{font-size:26px!important;white-space:normal!important}.crop-v71 .crop-title-copy p{font-size:13px!important;white-space:normal!important;overflow:visible!important}.crop-v71 .crop-close{flex:0 0 44px!important}
.crop-v71 .crop-pro-layout{flex:1 1 auto!important;min-height:0!important;width:100%!important;grid-template-columns:minmax(245px,285px) minmax(390px,1fr) minmax(245px,285px)!important;gap:16px!important;padding:16px 20px 20px!important;overflow:auto!important;align-items:stretch!important}
.crop-v71 .crop-left-tools,.crop-v71 .crop-right-tools{min-width:0!important;gap:10px!important}.crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:14px 15px!important}.crop-v71 .crop-center{min-width:0!important;min-height:520px!important;padding:64px 34px 34px!important}.crop-v71 .crop-stage{width:min(100%,500px)!important;max-width:500px!important;max-height:500px!important}.crop-v71 .crop-aspect{right:16px!important;top:15px!important}.crop-v71 .crop-two button{min-height:70px!important}.crop-v71 .crop-tip{padding:13px!important}.crop-v71 .crop-actions{gap:10px!important}
@media(max-width:1180px){.crop-v71 .crop-dialog{width:min(1080px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}.crop-v71 .crop-pro-layout{grid-template-columns:230px minmax(360px,1fr) 245px!important;gap:12px!important;padding:12px 14px 16px!important}.crop-v71 .crop-center{min-height:470px!important;padding:58px 24px 28px!important}.crop-v71 .crop-stage{max-width:430px!important}.crop-v71 .crop-title-icon{width:58px!important;height:58px!important;flex-basis:58px!important}.crop-v71 .crop-title-copy h3{font-size:23px!important}}
@media(max-width:920px){.crop-v71{overflow:auto!important;padding:10px!important}.crop-v71 .crop-dialog{max-height:none!important;overflow:visible!important;margin:auto!important}.crop-v71 .crop-pro-layout{grid-template-columns:1fr!important;overflow:visible!important}.crop-v71 .crop-center{order:-1;min-height:420px!important}.crop-v71 .crop-left-tools,.crop-v71 .crop-right-tools{display:grid!important;grid-template-columns:1fr 1fr!important}.crop-v71 .crop-tip,.crop-v71 .crop-actions{grid-column:1/-1!important}}
@media(max-width:620px){.crop-v71 .crop-left-tools,.crop-v71 .crop-right-tools{grid-template-columns:1fr!important}.crop-v71 .crop-tip,.crop-v71 .crop-actions{grid-column:auto!important}.crop-v71 .crop-head{padding:14px!important}.crop-v71 .crop-title-copy p{font-size:11px!important}.crop-v71 .crop-center{min-height:340px!important;padding:55px 18px 22px!important}}

/* V7.5 CROP STUDIO COMPACT HEADER + NO CLIPPING */
.crop-v71 .crop-dialog{max-height:calc(100dvh - 20px)!important;}
.crop-v71 .crop-head{padding:12px 18px!important;min-height:74px!important;}
.crop-v71 .crop-title-icon{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:14px!important;}
.crop-v71 .crop-title-icon .crop-svg{width:25px!important;height:25px!important;}
.crop-v71 .crop-title-copy{margin-left:13px!important;}
.crop-v71 .crop-title-copy h3{font-size:22px!important;line-height:1.12!important;margin:0 0 4px!important;}
.crop-v71 .crop-title-copy p{font-size:12px!important;line-height:1.35!important;}
.crop-v71 .crop-close{width:38px!important;height:38px!important;flex-basis:38px!important;}
.crop-v71 .crop-pro-layout{padding:12px 18px 18px!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important;}
.crop-v71 .crop-left-tools,.crop-v71 .crop-right-tools{align-self:start!important;}
.crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:12px 14px!important;}
.crop-v71 .crop-two button{min-height:64px!important;}
.crop-v71 .crop-reset{min-height:50px!important;}
.crop-v71 .crop-tip{flex:0 0 auto!important;min-height:auto!important;padding:12px 14px!important;margin-bottom:2px!important;overflow:visible!important;}
.crop-v71 .crop-tip>span{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;}
.crop-v71 .crop-tip>span .crop-svg{width:21px!important;height:21px!important;}
.crop-v71 .crop-tip b{font-size:14px!important;}
.crop-v71 .crop-tip p{font-size:11px!important;line-height:1.45!important;margin:4px 0 0!important;}
.crop-v71 .crop-center{min-height:480px!important;padding:54px 28px 28px!important;align-self:start!important;}
.crop-v71 .crop-stage{width:min(100%,460px)!important;max-width:460px!important;max-height:460px!important;}
@media (max-height:800px) and (min-width:921px){
 .crop-v71 .crop-dialog{max-height:calc(100dvh - 12px)!important;}
 .crop-v71 .crop-head{padding:9px 16px!important;min-height:62px!important;}
 .crop-v71 .crop-title-icon{width:44px!important;height:44px!important;flex-basis:44px!important;}
 .crop-v71 .crop-title-icon .crop-svg{width:22px!important;height:22px!important;}
 .crop-v71 .crop-title-copy h3{font-size:20px!important;}
 .crop-v71 .crop-title-copy p{font-size:11px!important;}
 .crop-v71 .crop-pro-layout{padding:9px 14px 14px!important;gap:10px!important;}
 .crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:9px 11px!important;}
 .crop-v71 .crop-two button{min-height:56px!important;}
 .crop-v71 .crop-tip{padding:9px 11px!important;}
 .crop-v71 .crop-center{min-height:410px!important;padding:48px 20px 22px!important;}
 .crop-v71 .crop-stage{max-width:390px!important;}
}

/* V7.5 CROP STUDIO COMPACT HEADER + NO CLIPPING */
.crop-v71 .crop-dialog{max-height:calc(100dvh - 20px)!important}
.crop-v71 .crop-head{padding:12px 18px!important;min-height:74px!important}
.crop-v71 .crop-title-icon{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:14px!important}
.crop-v71 .crop-title-icon .crop-svg{width:25px!important;height:25px!important}
.crop-v71 .crop-title-copy{margin-left:13px!important}.crop-v71 .crop-title-copy h3{font-size:22px!important;line-height:1.12!important;margin:0 0 4px!important}.crop-v71 .crop-title-copy p{font-size:12px!important;line-height:1.35!important}
.crop-v71 .crop-close{width:38px!important;height:38px!important;flex-basis:38px!important}
.crop-v71 .crop-pro-layout{padding:12px 18px 18px!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important}
.crop-v71 .crop-left-tools,.crop-v71 .crop-right-tools{align-self:start!important}.crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:12px 14px!important}.crop-v71 .crop-two button{min-height:64px!important}.crop-v71 .crop-reset{min-height:50px!important}
.crop-v71 .crop-tip{flex:0 0 auto!important;min-height:auto!important;padding:12px 14px!important;margin-bottom:2px!important;overflow:visible!important}.crop-v71 .crop-tip>span{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important}.crop-v71 .crop-tip>span .crop-svg{width:21px!important;height:21px!important}.crop-v71 .crop-tip b{font-size:14px!important}.crop-v71 .crop-tip p{font-size:11px!important;line-height:1.45!important;margin:4px 0 0!important}
.crop-v71 .crop-center{min-height:480px!important;padding:54px 28px 28px!important;align-self:start!important}.crop-v71 .crop-stage{width:min(100%,460px)!important;max-width:460px!important;max-height:460px!important}
@media (max-height:800px) and (min-width:921px){.crop-v71 .crop-dialog{max-height:calc(100dvh - 12px)!important}.crop-v71 .crop-head{padding:9px 16px!important;min-height:62px!important}.crop-v71 .crop-title-icon{width:44px!important;height:44px!important;flex-basis:44px!important}.crop-v71 .crop-title-icon .crop-svg{width:22px!important;height:22px!important}.crop-v71 .crop-title-copy h3{font-size:20px!important}.crop-v71 .crop-title-copy p{font-size:11px!important}.crop-v71 .crop-pro-layout{padding:9px 14px 14px!important;gap:10px!important}.crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:9px 11px!important}.crop-v71 .crop-two button{min-height:56px!important}.crop-v71 .crop-tip{padding:9px 11px!important}.crop-v71 .crop-center{min-height:410px!important;padding:48px 20px 22px!important}.crop-v71 .crop-stage{max-width:390px!important}}

/* ===== V7.6 BALANCED CROP + UNDISTORTED LOGIN ART ===== */
/* Desktop crop studio: use the available height instead of leaving a large dead area. */
@media (min-width:921px){
  .crop-v71 .crop-dialog{width:min(1480px,calc(100vw - 28px))!important;max-height:calc(100dvh - 18px)!important}
  .crop-v71 .crop-pro-layout{grid-template-columns:minmax(285px,315px) minmax(540px,1fr) minmax(285px,315px)!important;gap:16px!important;padding:14px 16px 16px!important;align-items:stretch!important}
  .crop-v71 .crop-left-tools,.crop-v71 .crop-right-tools{height:100%!important;align-self:stretch!important}
  .crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:14px 15px!important}
  .crop-v71 .crop-center{height:100%!important;min-height:610px!important;padding:56px 28px 28px!important;align-self:stretch!important}
  .crop-v71 .crop-stage{width:min(100%,540px)!important;max-width:540px!important;max-height:540px!important}
  .crop-v71 .crop-tip{margin-top:auto!important}
}
@media (min-width:921px) and (max-height:850px){
  .crop-v71 .crop-pro-layout{grid-template-columns:285px minmax(500px,1fr) 285px!important;padding:10px 14px 14px!important;gap:12px!important}
  .crop-v71 .crop-center{min-height:540px!important;padding:48px 24px 24px!important}
  .crop-v71 .crop-stage{max-width:485px!important;max-height:485px!important}
  .crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:11px 13px!important}
  .crop-v71 .crop-two button{min-height:62px!important}
}

/* Login artwork: preserve its original 16:9 proportions. Do not squeeze it horizontally. */
.lv66-visual{background:#06152f!important;overflow:hidden!important}
.lv66-visual:before{
  background-image:linear-gradient(90deg,rgba(5,18,42,.93) 0%,rgba(5,18,42,.74) 31%,rgba(5,18,42,.24) 56%,rgba(5,18,42,.03) 100%),url('/login-security-bg.png')!important;
  background-size:contain!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media (min-width:1051px){
  .login-v66{grid-template-columns:minmax(0,70%) minmax(420px,30%)!important}
  .lv66-side{padding:18px!important}
  .lv66-card{width:min(455px,100%)!important}
}
@media (min-width:1051px) and (max-width:1450px){
  .login-v66{grid-template-columns:minmax(0,68%) minmax(420px,32%)!important}
}

/* ===== V7.7 SYSTEM SETTINGS + LIVE LOGIN BACKGROUND ===== */
.lv66-visual:before{background-image:linear-gradient(90deg,rgba(5,18,42,.92) 0%,rgba(5,18,42,.68) 30%,rgba(5,18,42,.16) 58%,rgba(5,18,42,.02) 100%),var(--login-bg,url('/login-security-bg.png'))!important;background-size:var(--login-bg-size,cover)!important;background-position:var(--login-bg-pos,center center)!important;background-repeat:no-repeat!important}
.login-preview-mode{overflow:hidden!important}.login-preview-mode .login-v66{transform-origin:top left}
.settings-hero{margin-bottom:18px}.settings-success{padding:13px 16px;border:1px solid #8be5b8;background:#eafff3;color:#087a45;border-radius:14px;margin-bottom:16px;font-weight:700}.settings-login-grid{display:grid;grid-template-columns:minmax(390px,.8fr) minmax(520px,1.2fr);gap:18px;align-items:start}.login-config-card,.login-preview-card{padding:20px!important}.settings-card-head{display:flex;gap:13px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line,#dbe5f2)}.settings-card-head h3{margin:0 0 4px}.settings-card-head p{margin:0}.settings-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3cff,#3478ff);color:#fff}.settings-icon .ui-icon{width:21px;height:21px}.login-bg-form{display:grid;gap:15px;margin-top:16px}.bg-upload{display:flex;align-items:center;gap:13px;padding:15px;border:1.5px dashed #8eaaf5;border-radius:15px;background:#f7f9ff;cursor:pointer}.bg-upload input{display:none}.bg-upload-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#e9e7ff;color:#6647ff;font-size:22px;font-weight:900}.bg-upload div:nth-child(2){display:grid;gap:2px}.bg-upload small,.bg-upload span{font-size:11px;color:#7b89a7}.bg-upload span{color:#53698f}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-fields label{display:grid;gap:7px;font-weight:700;font-size:12px}.settings-fields select{height:43px;border:1px solid #d5dfed;border-radius:11px;padding:0 12px;background:#fff;color:#15233e}.settings-actions{display:flex;gap:10px}.settings-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px}.settings-actions .ui-icon{width:16px;height:16px}.settings-reset{border:0;background:transparent;color:#e64c65;font-weight:700;padding:6px 0;cursor:pointer}.settings-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.settings-mini-grid>div{padding:13px;border:1px solid #e1e8f2;border-radius:12px;display:grid;gap:4px}.settings-mini-grid span{font-size:11px;color:#7787a5}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.preview-head>div{display:grid;grid-template-columns:auto 1fr;column-gap:7px}.preview-head small{grid-column:2;font-size:11px;color:#7c8aa7}.preview-head a{text-decoration:none;font-size:12px;font-weight:700;color:#6046ff}.live-dot{width:8px;height:8px;border-radius:50%;background:#17cc7b;box-shadow:0 0 0 5px #dff9ed;margin-top:5px}.login-preview-frame{height:min(610px,68vh);border-radius:16px;overflow:hidden;border:1px solid #dce5f1;background:#07162f}.login-preview-frame iframe{width:1440px;height:900px;border:0;transform:scale(.55);transform-origin:top left}.login-preview-card{overflow:hidden}
body.dark .settings-success{background:#0d3428;color:#8ff0c0;border-color:#246c55}body.dark .bg-upload{background:#0e2039;border-color:#405e93}body.dark .settings-fields select{background:#0b1b30;color:#e9f1ff;border-color:#294361}body.dark .settings-mini-grid>div{border-color:#294361}
@media(max-width:1200px){.settings-login-grid{grid-template-columns:1fr}.login-preview-frame{height:560px}}
@media(max-width:650px){.settings-fields,.settings-mini-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.login-preview-frame{height:440px}}

/* V7.7 crop: slightly smaller and keep bottom actions visible */
@media (min-width:921px){.crop-v71 .crop-dialog{width:min(1430px,calc(100vw - 36px))!important;max-height:calc(100dvh - 30px)!important}.crop-v71 .crop-pro-layout{grid-template-columns:minmax(270px,300px) minmax(500px,1fr) minmax(270px,300px)!important;padding:10px 14px 12px!important;gap:12px!important}.crop-v71 .crop-center{min-height:500px!important;padding:45px 22px 20px!important}.crop-v71 .crop-stage{max-width:455px!important;max-height:455px!important}.crop-v71 .crop-control-card,.crop-v71 .crop-side-card{padding:10px 12px!important}.crop-v71 .crop-two button{min-height:56px!important}.crop-v71 .crop-actions{position:sticky!important;bottom:0!important;z-index:5!important;padding-top:8px!important;background:#102949!important}.crop-v71 .crop-tip{margin-top:0!important}}
@media (min-width:921px) and (max-height:800px){.crop-v71 .crop-stage{max-width:390px!important;max-height:390px!important}.crop-v71 .crop-center{min-height:430px!important}.crop-v71 .crop-dialog{max-height:calc(100dvh - 18px)!important}}

/* V7.8 — Crop action bar moved to top-right, no clipped bottom buttons */
@media (min-width:921px){
  .crop-v71 .crop-dialog{position:relative!important}
  .crop-v71 .crop-head{padding-right:390px!important}
  .crop-v71 .crop-close{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:12!important}
  .crop-v71 .crop-actions{
    position:absolute!important;top:13px!important;right:76px!important;bottom:auto!important;
    z-index:11!important;width:300px!important;display:grid!important;
    grid-template-columns:112px 1fr!important;gap:9px!important;margin:0!important;padding:0!important;
    background:transparent!important
  }
  .crop-v71 .crop-actions button{height:48px!important;min-height:48px!important;border-radius:11px!important;font-size:12px!important}
  .crop-v71 .crop-primary .crop-svg{width:17px!important;height:17px!important}
  .crop-v71 .crop-right-tools{padding-bottom:0!important}
}
@media (min-width:921px) and (max-width:1180px){
  .crop-v71 .crop-head{padding-right:335px!important}
  .crop-v71 .crop-actions{width:255px!important;grid-template-columns:92px 1fr!important;right:70px!important}
}
@media (max-width:920px){
  .crop-v71 .crop-actions{position:static!important;width:auto!important;padding:0!important;background:transparent!important}
}

/* V7.9 alignment */
.crop-v71 .crop-head{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}.crop-v71 .crop-title-icon{order:1!important;margin:0!important}.crop-v71 .crop-title-copy{order:2!important;margin-left:13px!important;margin-right:22px!important;flex:1 1 auto!important;max-width:none!important;text-align:left!important}.crop-v71 .crop-title-copy h3,.crop-v71 .crop-title-copy p{text-align:left!important}.crop-v71 .crop-actions{order:3!important;margin-left:auto!important;display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important}.crop-v71 .crop-close{order:4!important;margin-left:9px!important;flex:0 0 auto!important}.crop-v71 .crop-actions button{height:42px!important;min-height:42px!important;padding:0 17px!important;white-space:nowrap!important}.crop-v71 .crop-primary{min-width:176px!important}.crop-v71 .crop-secondary{min-width:92px!important}
.content>header{justify-content:flex-start!important;padding-left:30px!important;gap:12px!important;z-index:25!important}.content>header .mobile-menu-btn{position:static!important;margin:0!important;flex:0 0 44px!important;width:44px!important;height:44px!important;border:1px solid #3d5279!important;background:#182c50!important;border-radius:11px!important;display:grid!important;place-items:center!important}.content>header .top-search{margin:0!important;flex:0 1 460px!important}.content>header .header-actions{margin-left:auto!important}
.lv66-features{margin-top:34px!important}.lv66-features i{color:#fff!important}.lv66-features i svg{width:21px!important;height:21px!important;display:block!important;fill:none!important;stroke:#fff!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;opacity:1!important}.lv66-bottom{transform:translateY(8px)!important}
@media(max-height:820px) and (min-width:1251px){.lv66-features{margin-top:24px!important}.lv66-bottom{transform:translateY(5px)!important}}@media(max-width:1180px){.crop-v71 .crop-title-copy p{max-width:360px!important}.crop-v71 .crop-actions button{padding:0 12px!important}.crop-v71 .crop-primary{min-width:150px!important}}@media(max-width:920px){.crop-v71 .crop-head{flex-wrap:wrap!important}.crop-v71 .crop-title-copy{margin-right:8px!important}.crop-v71 .crop-actions{order:5!important;width:100%!important;margin:10px 0 0!important}.crop-v71 .crop-actions button{flex:1!important}}


/* ===== V7.10 FINAL UI POLISH ===== */

/* 1. Crop header: title left, actions vertically centered with X. */
.crop-v71 .crop-head{
  min-height:82px!important;
  display:grid!important;
  grid-template-columns:auto minmax(260px,1fr) auto auto!important;
  align-items:center!important;
  column-gap:14px!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.crop-v71 .crop-title-icon{grid-column:1!important;align-self:center!important}
.crop-v71 .crop-title-copy{
  grid-column:2!important;align-self:center!important;
  margin:0!important;max-width:650px!important;
}
.crop-v71 .crop-actions{
  grid-column:3!important;align-self:center!important;
  margin:0!important;gap:10px!important;
}
.crop-v71 .crop-close{
  grid-column:4!important;align-self:center!important;
  margin:0 0 0 4px!important;
}
.crop-v71 .crop-actions button,.crop-v71 .crop-close{
  transform:none!important;top:auto!important;bottom:auto!important;
}
.crop-v71 .crop-secondary{min-width:104px!important}
.crop-v71 .crop-primary{min-width:196px!important}

/* 2. Only one hamburger, immediately left of search. */
.sidebar > .mobile-menu-btn,
.sidebar .sidebar-toggle,
.sidebar .hamburger,
.sidebar [data-sidebar-toggle],
header .mobile-menu-btn + .mobile-menu-btn{
  display:none!important;
}
.content>header{
  display:flex!important;align-items:center!important;
  gap:12px!important;padding-left:22px!important;
}
.content>header>.mobile-menu-btn{
  display:grid!important;position:static!important;
  flex:0 0 44px!important;width:44px!important;height:44px!important;
  margin:0!important;place-items:center!important;
}
.content>header .top-search{flex:0 1 440px!important;margin:0!important}
.content>header .header-actions{margin-left:auto!important}

/* 3. Profile top-right user card: slightly narrower / less empty. */
.user-menu,.profile-menu,.header-profile,.top-user,.user-dropdown-trigger{
  max-width:360px;
}
.header-actions .profile-trigger,
.header-actions .user-profile,
.header-actions .user-menu{
  min-width:0!important;
}
.header-actions .profile-trigger{width:auto!important;padding-left:12px!important;padding-right:10px!important}

/* 4. Remove bottom sidebar service card completely. */
.sidebar-status{display:none!important}
.sidebar{padding-bottom:18px!important}

/* 5. Login: move feature text area further down while preserving bottom strip. */
.lv66-features{
  margin-top:48px!important;
  transform:translateY(8px)!important;
}
.lv66-bottom{transform:translateY(14px)!important}
@media(max-height:850px) and (min-width:1251px){
  .lv66-features{margin-top:36px!important;transform:translateY(7px)!important}
  .lv66-bottom{transform:translateY(10px)!important}
}

/* 6. Keep SVG feature icons bright and readable. */
.lv66-features i svg{
  stroke:#fff!important;opacity:1!important;
  width:21px!important;height:21px!important;
}

/* responsive crop header */
@media(max-width:1050px){
  .crop-v71 .crop-head{
    grid-template-columns:auto minmax(180px,1fr) auto!important;
  }
  .crop-v71 .crop-actions{grid-column:3!important}
  .crop-v71 .crop-close{grid-column:3!important;grid-row:1!important;justify-self:end!important;margin-right:0!important}
  .crop-v71 .crop-actions{margin-right:54px!important}
}
@media(max-width:820px){
  .crop-v71 .crop-head{display:flex!important;flex-wrap:wrap!important}
  .crop-v71 .crop-title-copy{flex:1 1 220px!important}
  .crop-v71 .crop-close{margin-left:auto!important}
  .crop-v71 .crop-actions{
    order:5!important;width:100%!important;margin:8px 0 0!important;
  }
  .crop-v71 .crop-actions button{flex:1!important}
}

/* ===== V7.11 HARD OVERRIDES: requested screenshot fixes ===== */
/* one hamburger only: header button directly before search */
.collapse-btn{display:none!important}
.content>header{padding-left:18px!important;gap:10px!important}
.content>header>.mobile-menu-btn{display:grid!important;position:static!important;left:auto!important;top:auto!important;margin:0!important;flex:0 0 44px!important;width:44px!important;height:44px!important;place-items:center!important}
.content>header>.top-search{margin:0!important;flex:0 1 460px!important}

/* remove service status card from sidebar */
.side-health{display:none!important}
aside#sidebar{padding-bottom:18px!important}

/* compact account card on the right */
.account-pill{min-width:285px!important;width:285px!important;height:54px!important;border-radius:17px!important;gap:9px!important}
.account-pill .header-avatar{width:39px!important;height:39px!important;flex-basis:39px!important}
.account-pill .chev{width:38px!important;height:38px!important;flex-basis:38px!important}
.account-divider{height:30px!important}

/* Crop header: actions and X share exactly the same vertical center. */
.crop-v71 .crop-head{
  position:relative!important;display:flex!important;align-items:center!important;
  min-height:82px!important;padding:10px 16px!important;gap:12px!important;
}
.crop-v71 .crop-title-icon{order:1!important;margin:0!important;align-self:center!important}
.crop-v71 .crop-title-copy{order:2!important;margin:0 18px 0 0!important;flex:1 1 auto!important;align-self:center!important}
.crop-v71 .crop-actions{
  position:static!important;order:3!important;width:auto!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;align-self:center!important;gap:10px!important;
  background:transparent!important;transform:none!important;
}
.crop-v71 .crop-close{
  position:static!important;order:4!important;margin:0!important;align-self:center!important;
  width:44px!important;height:44px!important;flex:0 0 44px!important;transform:none!important;top:auto!important;right:auto!important;
}
.crop-v71 .crop-actions button{height:44px!important;min-height:44px!important;margin:0!important;transform:none!important}
.crop-v71 .crop-secondary{min-width:102px!important}.crop-v71 .crop-primary{min-width:198px!important}

/* Login: cards + lower trust row go farther down, but stay visible. */
.lv66-features{margin-top:54px!important;transform:translateY(14px)!important}
.lv66-bottom{bottom:10px!important;transform:none!important}
@media(max-height:850px) and (min-width:1251px){
 .lv66-features{margin-top:43px!important;transform:translateY(12px)!important}
 .lv66-bottom{bottom:8px!important;transform:none!important}
}
@media(max-width:920px){
 .crop-v71 .crop-head{flex-wrap:wrap!important}
 .crop-v71 .crop-actions{order:5!important;width:100%!important;margin-top:8px!important}
 .crop-v71 .crop-actions button{flex:1!important}
}

/* ===== V7.12 SCREENSHOT FIXES ===== */
/* Crop action buttons: move to the far right, aligned with X. */
@media (min-width:921px){
  .crop-v71 .crop-head{position:relative!important;padding-right:16px!important}
  .crop-v71 .crop-title-copy{max-width:560px!important}
  .crop-v71 .crop-actions{
    position:absolute!important;right:72px!important;top:50%!important;
    transform:translateY(-50%)!important;margin:0!important;
    display:flex!important;align-items:center!important;gap:10px!important;
  }
  .crop-v71 .crop-close{
    position:absolute!important;right:16px!important;top:50%!important;
    transform:translateY(-50%)!important;margin:0!important;
  }
}

/* Login: six feature cards directly below the intro paragraph.
   IMPORTANT: lv66-bottom trust/support row is intentionally untouched. */
.lv66-features{
  margin-top:18px!important;
  transform:none!important;
}
@media(max-height:850px) and (min-width:1251px){
  .lv66-features{margin-top:14px!important;transform:none!important}
}

/* Collapsed sidebar must only collapse the navigation, never drag/crop page content. */
html,body{overflow-x:hidden!important}
.app,.content,.page{min-width:0!important}
.sidebar-mini{grid-template-columns:82px minmax(0,1fr)!important}
.sidebar-mini aside#sidebar{width:82px!important}
.sidebar-mini .content{grid-column:2!important;width:auto!important;margin-left:0!important;min-width:0!important}
.sidebar-mini .page{width:100%!important;max-width:none!important;margin:0!important;padding-left:28px!important;padding-right:28px!important}
.sidebar-mini .ps-page{width:100%!important;max-width:1500px!important;margin:0 auto!important;transform:none!important}
.sidebar-mini .ps-profile-card{left:auto!important;right:auto!important;transform:none!important}
@media(min-width:1160px){
  .sidebar-mini .ps-page{grid-template-columns:280px minmax(0,1fr)!important;gap:18px!important}
}

/* V7.13 — profile/sidebar/preview hard layout fix */
/* Brand tetap terlihat saat sidebar di-scroll */
aside#sidebar .side-brand{
  position:sticky!important;
  top:-18px!important;
  z-index:35!important;
  margin:-18px -16px 10px!important;
  padding:18px 24px 14px!important;
  height:86px!important;
  background:linear-gradient(180deg,#101936 0%,#101936 82%,rgba(16,25,54,.97) 100%)!important;
  border-bottom:1px solid #24314d!important;
}
.sidebar-mini aside#sidebar .side-brand{
  margin:-16px -11px 10px!important;
  padding:16px 11px 12px!important;
  height:82px!important;
}

/* Profile tidak ikut menyempit/terpotong ketika sidebar di-hide */
.ps-page{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:18px!important;
  overflow:visible!important;
}
.ps-profile-card{width:300px!important;min-width:300px!important;max-width:300px!important;left:auto!important;right:auto!important;transform:none!important}
.ps-main{min-width:0!important;width:100%!important}
.sidebar-mini .ps-page{grid-template-columns:300px minmax(0,1fr)!important;gap:18px!important}
.sidebar-mini .ps-profile-card{width:300px!important;min-width:300px!important;max-width:300px!important}
@media(max-width:1180px) and (min-width:901px){
  .ps-page,.sidebar-mini .ps-page{grid-template-columns:270px minmax(0,1fr)!important;gap:14px!important}
  .ps-profile-card,.sidebar-mini .ps-profile-card{width:270px!important;min-width:270px!important;max-width:270px!important}
  .ps-fields{grid-template-columns:1fr!important}
}
@media(max-width:900px){
  .ps-page,.sidebar-mini .ps-page{grid-template-columns:1fr!important}
  .ps-profile-card,.sidebar-mini .ps-profile-card{width:100%!important;min-width:0!important;max-width:none!important;position:relative!important;top:auto!important}
}

/* Live preview: frame mengikuti rasio halaman login penuh, bukan crop */
.login-preview-frame{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1648/927!important;
  position:relative!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#07162f!important;
}
.login-preview-frame iframe{
  position:absolute!important;
  left:0!important;top:0!important;
  width:1648px!important;
  height:927px!important;
  border:0!important;
  transform-origin:top left!important;
}

/* V7.14 — premium settings + audit UI */
.v714-title{display:flex;align-items:center;gap:18px;margin-bottom:18px}.v714-title h1,.v714-audit-title h1{margin:2px 0 2px;font-size:30px;color:#101c39}.v714-title p,.v714-audit-title p{margin:0;color:#7384a7}.v714-crumb{font-size:11px;color:#7c8db0}.v714-crumb span{padding:0 6px}.v714-title-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,#6e43ff,#287cff);color:#fff;display:grid;place-items:center;font-size:25px;box-shadow:0 10px 22px #574aff42}.v714-title-icon .ui-icon{width:25px;height:25px}.v714-banner{margin-left:auto;width:min(570px,44%);min-height:84px;border:1px solid #d7dcff;border-radius:18px;background:linear-gradient(110deg,#eef3ff,#eee8ff 70%,#d99aff);display:flex;align-items:center;gap:14px;padding:14px 20px;overflow:hidden}.v714-banner-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,#7744ff,#276fff);display:grid;place-items:center;color:#fff;font-size:24px}.v714-banner b,.v714-banner small{display:block}.v714-banner small{color:#657598;margin-top:4px}.v714-stack{margin-left:auto;font-size:52px;color:#6d60ff;opacity:.5}.v714-settings-grid{display:grid;grid-template-columns:minmax(450px,.85fr) minmax(620px,1.45fr);gap:18px;align-items:start}.v714-config,.v714-preview{padding:0!important;overflow:hidden}.v714-card-title{display:flex;gap:13px;align-items:center;padding:20px 20px 16px}.v714-card-title h3{margin:0 0 5px;font-size:19px}.v714-card-title p{margin:0;color:#7686a6;font-size:12px}.v714-tabs{display:grid;grid-template-columns:repeat(5,1fr);padding:0 16px 12px;border-bottom:1px solid #e5eaf4;gap:3px}.v714-tabs button{border:0;background:#f4f6fb;border-radius:8px;padding:10px 5px;font-size:10px;color:#586b8f;white-space:nowrap}.v714-tabs button.active{background:linear-gradient(135deg,#7044ff,#4f62ff);color:#fff;box-shadow:0 7px 15px #654eff35}.v714-config .login-bg-form{padding:0 18px 18px;margin-top:15px}.v714-upload{display:grid;grid-template-columns:50px 1fr;align-items:center;gap:12px;padding:15px;border:1.5px dashed #829eff;border-radius:14px;background:#fbfcff}.v714-upload input{display:none}.v714-upload-icon{grid-row:1/3;width:48px;height:48px;border-radius:13px;background:#ece9ff;color:#6d49ff;display:grid;place-items:center;font-size:23px}.v714-upload div:nth-child(2){display:grid}.v714-upload b{font-size:13px}.v714-upload small,.v714-upload span{font-size:10px;color:#7484a3}.v714-upload strong{grid-column:1/3;background:linear-gradient(135deg,#7246ff,#456dff);color:#fff;text-align:center;border-radius:9px;padding:11px;font-size:11px}.v714-template-label{font-size:11px;font-weight:800;margin-top:2px}.v714-templates{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v714-templates button,.v714-templates label{height:76px;border:1px solid #dce4f2;border-radius:10px;padding:0;background:#0c1731;position:relative;overflow:hidden}.v714-templates button i{position:absolute;inset:0;background:radial-gradient(circle at 70% 30%,#673cff,#071936 50%),linear-gradient(135deg,#042357,#5524a8)}.v714-templates button:nth-child(2) i{background:linear-gradient(145deg,#f7a56c,#5b3269 45%,#161c42)}.v714-templates button:nth-child(3) i{background:linear-gradient(145deg,#4b7896,#111a34 45%,#061020)}.v714-templates button:nth-child(4) i{background:linear-gradient(145deg,#162852,#5522a3,#090f27)}.v714-templates button.selected{outline:2px solid #604aff}.v714-templates button em{position:absolute;right:5px;top:5px;width:20px;height:20px;border-radius:50%;background:#6250ff;color:white;font-style:normal;display:grid;place-items:center}.v714-templates label{display:grid;place-items:center;background:white;border-style:dashed;color:#604aff;cursor:pointer}.v714-templates label b{font-size:28px;line-height:20px}.v714-templates label span{position:absolute;bottom:7px;font-size:9px;color:#53698e}.v714-overlay{border:1px solid #e2e8f3;background:#f8faff;border-radius:12px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between}.v714-overlay>div{display:grid;grid-template-columns:28px 1fr;column-gap:8px}.v714-overlay i{grid-row:1/3;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6746ff,#30a1ff)}.v714-overlay b{font-size:11px}.v714-overlay small{font-size:9px;color:#7c8ba6}.v714-switch{width:42px;height:23px;border-radius:20px;background:#6c4cff;position:relative}.v714-switch:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:white;right:3px;top:3px}.v714-opacity>div{display:flex;justify-content:space-between;font-size:11px}.v714-opacity input{width:100%;accent-color:#654bff}.v714-opacity output{background:#f1f3f8;border-radius:7px;padding:4px 8px}.v714-config .settings-actions{display:grid;grid-template-columns:1fr 1fr 1.15fr}.v714-config .settings-actions .btn{font-size:10px;padding:11px 7px}.v714-preview{padding:16px!important}.v714-preview .preview-head{margin-bottom:14px}.v714-preview-actions{display:flex;gap:8px;align-items:center}.v714-preview-actions button,.v714-preview-actions a{height:38px;border:1px solid #dbe3ef;border-radius:9px;background:#fff;padding:0 14px;display:flex;align-items:center;text-decoration:none;color:#243655;font-size:10px;font-weight:800}.v714-preview-actions a{background:linear-gradient(135deg,#7344ff,#3478ff);color:#fff;border:0}.v714-preview .login-preview-frame{border-radius:16px;box-shadow:inset 0 0 0 1px #dbe4f1}.v714-audit-head{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#fff,#f3f1ff);border:1px solid #e2e7f3;border-radius:18px;padding:20px;margin-bottom:14px}.v714-audit-title{display:flex;gap:16px;align-items:center}.v714-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.v714-stats>div{background:#fff;border:1px solid #e2e8f3;border-radius:15px;padding:17px;display:grid;grid-template-columns:50px 1fr;column-gap:13px;box-shadow:0 5px 16px #19345b08}.v714-stats i{grid-row:1/4;width:50px;height:50px;border-radius:14px;background:#eee9ff;color:#674aff;display:grid;place-items:center;font-style:normal;font-size:22px}.v714-stats>div:nth-child(2) i{background:#e2faef;color:#0fb976}.v714-stats>div:nth-child(3) i{background:#ffe6eb;color:#ee4562}.v714-stats>div:nth-child(4) i{background:#e5f1ff;color:#2977e8}.v714-stats strong{font-size:22px}.v714-stats span{font-size:11px;color:#4e5f7f}.v714-stats small{font-size:9px;color:#17b873}.v714-filter{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px!important;margin-bottom:14px}.v714-filter>div:first-child b,.v714-filter>div:first-child small{display:block}.v714-filter>div:first-child small{color:#7c8ba7;font-size:10px;margin-top:3px}.v714-filter-row{grid-column:1/3;display:grid;grid-template-columns:1fr 240px 180px;gap:10px}.v714-filter-row input,.v714-filter-row select,.v714-log select{height:42px;border:1px solid #d7e0ed;border-radius:9px;background:#fff;padding:0 12px;color:#536684}.v714-log{padding:16px!important}.v714-log-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.v714-log-head b,.v714-log-head small{display:block}.v714-log-head small{font-size:10px;color:#7a8aa7}.v714-log-head>div:last-child{display:flex;align-items:center;gap:12px}.v714-auto{font-size:10px;font-weight:700}.v714-auto i{display:inline-block;width:25px;height:14px;border-radius:10px;background:#624cff;vertical-align:middle;margin-right:5px}.v714-log table{font-size:10px}.v714-actor{display:flex;align-items:center;gap:7px}.v714-actor i{width:25px;height:25px;border-radius:8px;background:linear-gradient(135deg,#7548ff,#493bdf);color:#fff;display:grid;place-items:center;font-style:normal}.v714-actor b small{display:block;color:#8291aa;font-weight:400}.v714-action{background:#eee9ff;color:#6844e9;border-radius:7px;padding:5px 8px;font-weight:800;font-size:9px}.v714-ok{background:#dcfae9;color:#08a75e;border-radius:8px;padding:5px 8px;font-weight:800}.v714-pager{display:flex;justify-content:space-between;align-items:center;padding-top:13px;color:#7183a3;font-size:10px}.v714-pager button{width:31px;height:31px;border:1px solid #dbe3ef;border-radius:8px;background:white;margin-left:5px}.v714-pager button.on{background:#6549f5;color:white;border-color:#6549f5}
@media(max-width:1200px){.v714-settings-grid{grid-template-columns:1fr}.v714-banner{display:none}.v714-stats{grid-template-columns:1fr 1fr}}@media(max-width:720px){.v714-tabs{grid-template-columns:1fr 1fr}.v714-tabs button span{display:inline}.v714-config .settings-actions,.v714-filter-row{grid-template-columns:1fr}.v714-filter-row{grid-column:1/3}.v714-stats{grid-template-columns:1fr}.v714-title{align-items:flex-start}}
/* V7.15 — reference-matched Audit + Settings polish */
.v715-audit-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;margin-bottom:14px;border:1px solid #e0e7f4;border-radius:20px;background:linear-gradient(120deg,#fff 45%,#f5f2ff);box-shadow:0 8px 28px rgba(40,65,120,.05)}
.v715-head-actions{display:flex;gap:12px;align-items:center}.v715-datebox{height:42px;padding:0 14px;border:1px solid #dce4f0;border-radius:10px;background:#fff;display:flex;align-items:center;gap:8px;color:#586b8e;font-weight:700}.v715-datebox input{border:0;outline:0;color:#314463;font:inherit}.v715-export{height:42px;border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,#6d47ff,#3d78ff);color:#fff;font-weight:800;box-shadow:0 9px 20px #5b55ff38;display:flex;gap:9px;align-items:center}
.v715-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.v715-stats>div{height:92px;background:#fff;border:1px solid #e0e7f2;border-radius:17px;padding:15px 17px;display:flex;align-items:center;gap:14px;position:relative;overflow:hidden}.v715-stats i{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:23px}.v715-stats section{display:flex;flex-direction:column}.v715-stats strong{font-size:23px;line-height:1}.v715-stats span{font-size:11px;color:#536785;margin-top:5px}.v715-stats small{font-size:9px;color:#19b76e;margin-top:3px}.v715-stats em{margin-left:auto;font-style:normal;font-size:32px;opacity:.7}.v715-stats .purple i{background:#eee9ff;color:#6749ff}.v715-stats .purple em{color:#7256ff}.v715-stats .green i{background:#dff9ed;color:#0bbd75}.v715-stats .green em{color:#18c98a}.v715-stats .red i{background:#ffe4e9;color:#f04462}.v715-stats .red em{color:#ff5b78}.v715-stats .red small{color:#f04462}.v715-stats .blue i{background:#e2f0ff;color:#277cf0}.v715-stats .blue em{color:#3293ff}
.v715-filter{padding:18px!important;margin-bottom:14px}.v715-section-title{display:flex;align-items:center;justify-content:space-between}.v715-section-title b{font-size:15px;color:#172643;display:flex;align-items:center;gap:8px}.v715-section-title b .ui-icon{width:18px;height:18px;color:#684dff}.v715-section-title small{display:block;color:#7789a8;font-size:10px;margin-top:3px}.v715-reset{height:36px;border:1px solid #dce4ef;background:#fff;border-radius:9px;padding:0 13px;color:#415675;font-weight:700}.v715-filter-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:15px}.v715-filter-grid label>span{display:block;font-size:10px;font-weight:800;color:#31425f;margin:0 0 6px}.v715-filter-grid input,.v715-filter-grid select{width:100%;height:40px;border:1px solid #d8e2ef;border-radius:9px;background:#fff;padding:0 11px;color:#526887}.v715-search-row{display:grid;grid-template-columns:1fr 180px;gap:12px;margin-top:12px}.v715-search{height:42px;border:1px solid #d8e2ef;border-radius:9px;display:flex;align-items:center;padding:0 12px;background:#fff}.v715-search .ui-icon{width:17px;height:17px;color:#7589aa}.v715-search input{border:0;outline:0;width:100%;padding-left:9px;color:#314463}.v715-search-row .btn{border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px}.v715-search-row .ui-icon{width:16px;height:16px}
.v715-log{padding:18px!important}.v715-log-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.v715-table-tools{display:flex;align-items:center;gap:12px}.v715-table-tools select{height:38px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;padding:0 12px}.v715-table-tools>button,.v715-more{width:38px;height:38px;border:1px solid #dbe4ef;border-radius:9px;background:#fff;color:#617391;font-weight:900}.v715-auto{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.v715-auto input{display:none}.v715-auto i{width:28px;height:16px;border-radius:20px;background:#6750f7;position:relative}.v715-auto i:after{content:"";position:absolute;width:12px;height:12px;right:2px;top:2px;border-radius:50%;background:#fff}.v715-auto input:not(:checked)+i{background:#c7d0df}.v715-auto input:not(:checked)+i:after{right:14px}.v715-log .table-wrap{border-top:1px solid #edf1f7}.v715-log table{width:100%;min-width:1180px;font-size:10px}.v715-log th{background:#f9fbfe;color:#5d6f8d;padding:12px 10px}.v715-log td{padding:10px;border-bottom:1px solid #edf1f6;color:#4d6080}.v715-ip{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#405b82}.v715-bad{background:#ffe3e9;color:#dc3555;border-radius:8px;padding:5px 8px;font-weight:800}.v715-more{width:31px;height:28px}
/* settings closer to reference */
.v714-settings-grid{grid-template-columns:minmax(470px,.92fr) minmax(690px,1.58fr);gap:16px}.v714-config,.v714-preview{border-radius:18px!important;box-shadow:0 8px 26px rgba(37,57,100,.05)!important}.v714-preview{padding:18px!important}.v714-card-title{padding:20px}.v714-tabs{gap:5px}.v714-tabs button{font-weight:700}.v714-upload{padding:16px}.v714-template-label{margin:14px 0 8px}.v714-templates{margin-bottom:14px}.settings-fields{gap:12px}.v714-preview .preview-head{display:flex!important;align-items:center!important;justify-content:space-between!important}.v714-preview .preview-head>div:first-child{display:grid;grid-template-columns:14px 1fr;column-gap:7px}.v714-preview .preview-head .live-dot{grid-row:1/3}.v714-preview .preview-head b{font-size:15px}.v714-preview .preview-head small{display:block;color:#7b8ba7;font-size:10px}.settings-success{border-radius:12px}
@media(max-width:1350px){.v715-filter-grid{grid-template-columns:repeat(3,1fr)}.v714-settings-grid{grid-template-columns:1fr}.v715-stats{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.v715-audit-head{align-items:flex-start;gap:14px}.v715-head-actions{flex-direction:column}.v715-filter-grid{grid-template-columns:1fr 1fr}.v715-search-row{grid-template-columns:1fr}.v715-stats{grid-template-columns:1fr}.v715-audit-head{flex-direction:column}.v715-filter-grid{grid-template-columns:1fr}}
/* ===== V7.16 PREMIUM SETTINGS ===== */
.v716-pagehead{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px;padding:4px 4px 0}.v716-heading{display:flex;align-items:center;gap:16px}.v716-title-icon,.v716-cardicon,.v716-hero-icon{display:grid;place-items:center;background:linear-gradient(135deg,#7047ff,#337dff);color:#fff;box-shadow:0 10px 22px #5d58ff38}.v716-title-icon{width:52px;height:52px;border-radius:15px}.v716-title-icon .ui-icon,.v716-cardicon .ui-icon,.v716-hero-icon .ui-icon{width:25px;height:25px}.v716-crumb{font-size:10px;color:#7083a5;margin-bottom:5px}.v716-crumb span{margin:0 7px}.v716-heading h1{margin:0;font-size:27px;color:#13213d}.v716-heading p{margin:3px 0 0;color:#7486a7;font-size:13px}.v716-hero{width:520px;min-height:86px;border:1px solid #d6dcff;border-radius:18px;background:linear-gradient(120deg,#f1f4ff,#eadfff 65%,#d8a9ff);display:flex;align-items:center;padding:15px 20px;gap:15px;overflow:hidden}.v716-hero-icon{width:52px;height:52px;border-radius:14px;flex:none}.v716-hero b,.v716-hero span{display:block}.v716-hero b{font-size:14px;color:#172541}.v716-hero span{font-size:11px;color:#617393;margin-top:4px}.v716-hero>i{margin-left:auto;font-style:normal;font-size:55px;color:#8c6cff66;transform:rotate(8deg)}
.v716-grid{display:grid;grid-template-columns:minmax(470px,.92fr) minmax(700px,1.55fr);gap:16px;align-items:start}.v716-editor,.v716-preview{border:1px solid #dfe6f1!important;border-radius:19px!important;background:#fff!important;box-shadow:0 10px 32px rgba(35,55,100,.055)!important;overflow:hidden}.v716-editor{padding:0!important}.v716-cardhead{display:flex;align-items:center;gap:13px;padding:18px 20px 14px}.v716-cardicon{width:46px;height:46px;border-radius:13px}.v716-cardhead h2{font-size:18px;margin:0;color:#14223d}.v716-cardhead p{font-size:11px;color:#7a8baa;margin:4px 0 0}.v716-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 16px 12px;border-bottom:1px solid #e9edf5}.v716-tabs button{height:34px;border:0;border-radius:8px;background:#f2f5fa;color:#536783;font-size:10px;font-weight:800;white-space:nowrap}.v716-tabs button.active{background:linear-gradient(135deg,#7347ff,#4b68ff);color:#fff;box-shadow:0 6px 14px #654cff35}.v716-pane{display:none;padding:15px 18px 2px}.v716-pane.active{display:block}.v716-upload{border:1.5px dashed #7592ff;border-radius:13px;padding:14px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;cursor:pointer;background:#fbfcff}.v716-upload input{display:none}.v716-upload-icon{width:48px;height:48px;border-radius:13px;background:#eeeaff;color:#684bff;display:grid;place-items:center;font-size:21px}.v716-upload b,.v716-upload small,.v716-upload span{display:block}.v716-upload b{font-size:13px;color:#172641}.v716-upload small,.v716-upload span{font-size:9px;color:#7183a2;margin-top:2px}.v716-upload strong{grid-column:1/3;height:38px;border-radius:8px;background:linear-gradient(90deg,#7543ff,#466dff);display:grid;place-items:center;color:#fff;font-size:11px}.v716-label{display:block;font-size:11px;margin:14px 0 8px}.v716-templates{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.v716-templates button,.v716-templates label{height:72px;border-radius:10px;border:1px solid #d9e2ef;background:#fff;position:relative;overflow:hidden;padding:3px}.v716-templates i{display:block;width:100%;height:100%;border-radius:7px}.v716-templates .t1{background:radial-gradient(circle at 60% 40%,#6a4aff,#081833 45%)}.v716-templates .t2{background:linear-gradient(135deg,#ff9d73,#39245c)}.v716-templates .t3{background:linear-gradient(135deg,#213b56,#071426)}.v716-templates .t4{background:linear-gradient(135deg,#171b42,#6227a4)}.v716-templates button.selected{border:2px solid #5d4bff}.v716-templates em{position:absolute;right:6px;top:6px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#654cff;color:#fff;font-style:normal}.v716-templates label{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;color:#624bff;cursor:pointer}.v716-templates label b{font-size:22px}.v716-templates label span{font-size:9px;color:#647592}.v716-two,.v716-formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.v716-two label>span,.v716-formgrid label>span{display:block;font-size:10px;font-weight:800;color:#253754;margin-bottom:6px}.v716-two select,.v716-formgrid input,.v716-formgrid textarea{width:100%;border:1px solid #d8e1ee;border-radius:9px;background:#fff;color:#314763;padding:0 11px}.v716-two select,.v716-formgrid input{height:40px}.v716-formgrid textarea{height:76px;padding-top:10px;resize:vertical}.v716-formgrid .wide{grid-column:1/3}.v716-toggle{display:flex;align-items:center;gap:10px;border:1px solid #dfe6f1;background:#f9fbff;border-radius:12px;padding:11px 12px;margin-top:13px}.v716-toggle input[type=checkbox]{display:none}.v716-toggle>div{flex:1}.v716-toggle b,.v716-toggle small{display:block}.v716-toggle b{font-size:11px}.v716-toggle small{font-size:9px;color:#7b8ca7;margin-top:2px}.v716-orb{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6c47ff,#3e7bff)}.v716-toggle i{width:42px;height:24px;border-radius:20px;background:#c7d0df;position:relative}.v716-toggle i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 5px #0002}.v716-toggle input:checked+i{background:#654cff}.v716-toggle input:checked+i:after{left:21px}.v716-range{margin-top:13px}.v716-range>div{display:flex;justify-content:space-between;font-size:10px}.v716-range output{background:#f2f5fa;border-radius:7px;padding:4px 7px;color:#344863}.v716-range input{width:100%;accent-color:#654cff}.v716-actions{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;padding:14px 18px 18px}.v716-actions .btn{height:40px;font-size:10px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px}.v716-color{display:grid;grid-template-columns:42px 1fr;gap:7px}.v716-color input[type=color]{padding:3px}.v716-palette b{font-size:10px}.v716-palette>div{display:flex;gap:8px;margin-top:10px}.v716-palette button{width:30px;height:30px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d7dfeb}.v716-brand-preview{border:1px solid #dce4ef;border-radius:12px;display:flex;align-items:center;gap:10px;padding:10px}.v716-brand-preview>span{width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#7248ff,#3979ff);display:grid;place-items:center;color:#fff;font-weight:900}.v716-brand-preview small{display:block;color:#8291aa;font-size:8px;letter-spacing:1px}.v716-layout-demo{height:120px;border:1px solid #dce4ef;border-radius:12px;margin-top:15px;display:grid;grid-template-columns:2fr 1fr;overflow:hidden;position:relative}.v716-layout-demo div{background:linear-gradient(135deg,#071733,#143d82)}.v716-layout-demo .v716-layout-panel{background:#fff}.v716-layout-demo span{position:absolute;left:12px;bottom:10px;color:#fff;font-size:9px}
.v716-preview{padding:16px!important}.v716-previewhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.v716-previewhead>div{display:flex;gap:8px;align-items:flex-start}.v716-previewhead section b,.v716-previewhead section small{display:block}.v716-previewhead section b{font-size:15px}.v716-previewhead section small{font-size:9px;color:#7c8da9;margin-top:2px}.v716-preview-actions{display:flex;gap:9px;position:static!important;inset:auto!important;width:auto!important;background:transparent!important;color:inherit!important;padding:0!important;overflow:visible!important;z-index:auto!important}.v716-preview-actions select,.v716-preview-actions a{height:38px;border-radius:9px;border:1px solid #dce4ef;background:#fff;padding:0 13px;font-size:10px;font-weight:800;color:#263a58}.v716-preview-actions a{display:flex;align-items:center;background:linear-gradient(135deg,#7246ff,#3978ff);color:#fff;border:0;text-decoration:none;padding:0 18px}.v716-stage{background:#eef3fb;border:1px solid #dbe4ef;border-radius:14px;overflow:hidden;display:flex;justify-content:center;transition:.2s}.v716-stage.desktop .login-preview-frame{width:100%}.v716-stage.tablet .login-preview-frame{width:72%}.v716-stage.mobile .login-preview-frame{width:42%}.login-preview-frame{overflow:hidden;background:#07142e;transition:.2s}.login-preview-frame iframe{width:1648px;height:927px;border:0;transform-origin:top left;display:block}.live-dot{width:11px;height:11px;border-radius:50%;background:#20cc83;box-shadow:0 0 0 5px #dcf9ed;margin-top:3px}
@media(max-width:1350px){.v716-grid{grid-template-columns:1fr}.v716-hero{display:none}}@media(max-width:760px){.v716-tabs{grid-template-columns:1fr 1fr}.v716-two,.v716-formgrid,.v716-actions{grid-template-columns:1fr}.v716-formgrid .wide{grid-column:auto}.v716-pagehead{align-items:flex-start}.v716-heading h1{font-size:23px}}
/* V7.16 login settings variables */
.login-v66-body .login-v66{grid-template-columns:minmax(0,calc(100% - var(--login-panel,30%))) minmax(420px,var(--login-panel,30%))}.login-v66-body .lv66-visual:after{content:"";position:absolute;inset:0;background:rgba(2,10,28,var(--login-overlay,0));pointer-events:none;z-index:0}.login-v66-body .lv66-visual>*{position:relative;z-index:1}.login-v66-body .lv66-mark,.login-v66-body .lv66-submit{background:linear-gradient(135deg,var(--login-accent,#6548ff),#3978ff)}

/* V7.16.2 SETTINGS SIDEBAR SAFETY */
.v716-previewhead .v716-preview-actions{position:static!important;display:flex!important;align-items:center!important;flex:0 0 auto!important}.v716-layout-panel{position:static!important;inset:auto!important;width:auto!important;padding:0!important;overflow:hidden!important}.v716-previewhead{min-width:0}.v716-previewhead>div:first-child{min-width:0}.v716-preview{min-width:0}

/* ===== V7.17 PREMIUM AUDIT LOG ===== */
body:has(.v715-audit-head) .page{padding:26px 28px 34px;background:radial-gradient(circle at 85% 0,#f1edff 0,transparent 28%),#f4f7fd}
.v715-audit-head{min-height:112px;padding:22px 26px!important;border-radius:20px!important;background:linear-gradient(118deg,#fff 52%,#f4f0ff 100%)!important;box-shadow:0 12px 34px rgba(33,55,102,.065)!important}
.v715-audit-head .v714-title-icon{width:56px;height:56px;border-radius:15px}.v715-audit-head .v714-audit-title h1{font-size:30px;letter-spacing:-.7px}.v715-audit-head .v714-audit-title p{font-size:13px;margin-top:5px}.v715-audit-head .v714-crumb{margin-bottom:3px}
.v715-head-actions{gap:12px}.v715-datebox{height:44px!important;min-width:300px;justify-content:center;box-shadow:0 4px 14px #253b6410}.v715-datebox .ui-icon{width:16px;height:16px}.v715-datebox input{width:112px;font-size:11px}.v715-datebox span{color:#9aa8bd}.v715-export{height:44px!important;padding:0 20px!important}
.v715-stats{gap:16px!important;margin-bottom:16px!important}.v715-stats>div{height:96px!important;border-radius:17px!important;padding:16px 18px!important;box-shadow:0 7px 22px rgba(31,52,96,.045)}.v715-stats i{width:52px!important;height:52px!important}.v715-stats strong{font-size:24px!important}.v715-stats em{font-size:36px!important;font-weight:700;transform:rotate(-5deg)}
.v715-filter,.v715-log{border-radius:18px!important;border:1px solid #dfe6f1!important;box-shadow:0 8px 26px rgba(32,52,96,.045)!important}.v715-filter{padding:19px 20px!important;margin-bottom:16px!important}.v715-section-title b{font-size:16px!important}.v715-section-title small{font-size:10.5px!important}.v715-reset{height:38px!important;padding:0 15px!important}
.v715-filter-grid{grid-template-columns:1.2fr 1fr 1fr 1fr 1fr!important;gap:14px!important}.v715-filter-grid input,.v715-filter-grid select{height:42px!important}.v717-date-range>div{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}.v717-date-range b{font-weight:500;color:#9aa8bd}.v715-search-row{grid-template-columns:1fr 190px!important;gap:14px!important}.v715-search{height:44px!important}.v715-search-row .btn{height:44px!important;box-shadow:0 8px 18px #5e52ff25}
.v715-log{padding:18px 20px 14px!important}.v715-log-head{margin-bottom:14px!important}.v715-table-tools select{min-width:132px}.v715-log .table-wrap{overflow:auto;border:1px solid #edf1f7;border-radius:11px}.v715-log table{min-width:1220px!important;border-collapse:separate;border-spacing:0}.v715-log th{height:42px;background:#f7f9fd!important;font-size:9.5px!important;text-transform:none;white-space:nowrap}.v715-log td{height:47px;padding:8px 10px!important;font-size:10px!important;white-space:nowrap}.v715-log tbody tr:hover td{background:#fafbff}.v715-log th:first-child,.v715-log td:first-child{text-align:center;width:38px}.v715-log th:last-child,.v715-log td:last-child{text-align:center}.v714-actor i{width:28px!important;height:28px!important}.v714-action{font-size:8.5px!important}.v715-ip{display:inline-flex;align-items:center;min-height:26px;padding:0 7px;border-radius:7px;background:#f4f7fb;color:#36577e!important}.v714-ok,.v715-bad{display:inline-flex;align-items:center;gap:3px}.v714-pager{padding:14px 1px 0!important;font-size:10.5px!important}.v714-pager #auditPages{display:flex;align-items:center}.v714-pager #auditPages span{padding:0 4px}.v714-pager button{height:32px!important;width:32px!important}
@media(max-width:1450px){.v715-filter-grid{grid-template-columns:repeat(3,1fr)!important}.v715-datebox{min-width:260px}.v715-audit-head .v714-audit-title p{max-width:620px}}
@media(max-width:900px){body:has(.v715-audit-head) .page{padding:18px}.v715-filter-grid{grid-template-columns:1fr 1fr!important}.v715-datebox{min-width:0}.v715-head-actions{width:100%;flex-wrap:wrap}.v715-search-row{grid-template-columns:1fr!important}}
/* V7.18 functional premium audit */
.v715-export{text-decoration:none}.v715-datebox b{color:#9aa8bd}.v715-reset{text-decoration:none;display:inline-flex;align-items:center}.v714-pager #auditPages a{width:32px;height:32px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;color:#536784;text-decoration:none;display:grid;place-items:center;font-weight:800;margin-left:5px}.v714-pager #auditPages a.on{background:linear-gradient(135deg,#7046ff,#4e67ff);color:#fff;border-color:transparent;box-shadow:0 6px 14px #604eff30}.v718-empty{text-align:center!important;padding:35px!important;color:#8190a8!important}.v718-modal[hidden]{display:none}.v718-modal{position:fixed;inset:0;background:#07142b88;backdrop-filter:blur(4px);z-index:9999;display:grid;place-items:center;padding:20px}.v718-modal-card{width:min(560px,94vw);background:#fff;border-radius:20px;padding:25px;box-shadow:0 30px 80px #07142b55;position:relative}.v718-close{position:absolute;right:16px;top:14px;width:34px;height:34px;border:0;border-radius:10px;background:#f2f5fa;font-size:22px;color:#536784}.v718-modal-icon{width:48px;height:48px;border-radius:14px;background:#eee9ff;color:#6548ff;display:grid;place-items:center;font-size:22px}.v718-modal-card h3{font-size:21px;margin:12px 0 2px;color:#172643}.v718-modal-card>p{margin:0 0 18px;color:#7b8ba6;font-size:12px}.v718-detail-grid{display:grid;grid-template-columns:115px 1fr;border:1px solid #e5eaf2;border-radius:13px;overflow:hidden}.v718-detail-grid span,.v718-detail-grid b{padding:11px 13px;border-bottom:1px solid #edf1f6;font-size:11px}.v718-detail-grid span{background:#f8faff;color:#71829e}.v718-detail-grid b{color:#314563;overflow-wrap:anywhere}.v718-detail-grid span:nth-last-child(-n+2),.v718-detail-grid b:nth-last-child(-n+2){border-bottom:0}

/* ===== V7.20 REAL IP + I18N + FREEZE NAV ===== */
@media(min-width:901px){#sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;height:100vh!important;overflow-y:auto!important;z-index:60!important}.content{margin-left:290px!important;width:calc(100% - 290px)!important}.sidebar-mini .content{margin-left:86px!important;width:calc(100% - 86px)!important}.content>header{position:sticky!important;top:0!important;z-index:55!important}}
.admin-language{height:40px;border:1px solid #40557c;border-radius:10px;background:#16294b;color:#eef5ff;padding:0 10px;font-weight:700;outline:0}.admin-language option{background:#fff;color:#18243b}body.dark .admin-language{background:#10203a}.sidebar-mini #sidebar{width:86px!important}

/* V7.21 — hard freeze navigation/header */
@media (min-width:901px){
  aside#sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:290px!important;height:100vh!important;overflow-y:auto!important;overscroll-behavior:contain!important;z-index:100!important}
  aside#sidebar .side-brand{position:sticky!important;top:-18px!important;z-index:110!important;background:#101936!important}
  .content{margin-left:290px!important;width:calc(100% - 290px)!important;padding-top:74px!important;grid-column:auto!important}
  .content>header{position:fixed!important;left:290px!important;right:0!important;top:0!important;width:auto!important;height:74px!important;z-index:99!important}
  .sidebar-mini aside#sidebar{width:86px!important}
  .sidebar-mini .content{margin-left:86px!important;width:calc(100% - 86px)!important}
  .sidebar-mini .content>header{left:86px!important}
}

/* ===== V7.22 LAYOUT HOTFIX — prevent grid + fixed sidebar double offset ===== */
@media (min-width:901px){
  .app{display:block!important;min-height:100vh!important}
  aside#sidebar{width:290px!important}
  .content{display:block!important;margin-left:290px!important;width:calc(100% - 290px)!important;min-width:0!important;padding-top:74px!important}
  .content>header{left:290px!important;right:0!important;width:auto!important}
  .content>.page{width:100%!important;max-width:1700px!important;margin:0 auto!important;min-width:0!important}
  .sidebar-mini aside#sidebar{width:86px!important}
  .sidebar-mini .content{margin-left:86px!important;width:calc(100% - 86px)!important}
  .sidebar-mini .content>header{left:86px!important}
}
@media (max-width:900px){
  .app{display:block!important}
  .content{margin-left:0!important;width:100%!important;padding-top:0!important}
  .content>header{position:sticky!important;left:auto!important;right:auto!important;top:0!important;width:100%!important}
}

/* ===== V7.26 ADMIN THEME GALLERY ===== */
.theme-settings-card{margin-bottom:20px;padding:20px;border-radius:20px;background:#fff;border:1px solid #dfe6f2;box-shadow:0 12px 34px #17294a0b}.theme-settings-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.theme-settings-head h2{margin:0;color:#17233f;font-size:20px}.theme-settings-head p{margin:3px 0 0;color:#7c8ba5;font-size:12px}.theme-live-badge{margin-left:auto;background:#e4faef;color:#0e9f63;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.theme-option{position:relative;text-align:left;border:1px solid #dce4f0;background:#fff;border-radius:15px;padding:9px;overflow:hidden;transition:.18s}.theme-option:hover{transform:translateY(-2px);box-shadow:0 12px 26px #18284a16}.theme-option.selected{border:2px solid #684cff;padding:8px;box-shadow:0 0 0 4px #684cff10}.theme-check{display:none;position:absolute;right:10px;top:10px;width:25px;height:25px;border-radius:50%;background:#6548ff;color:#fff;place-items:center;font-weight:900}.theme-option.selected .theme-check{display:grid}.theme-thumb{height:112px;border-radius:10px;position:relative;overflow:hidden;background:#eaf0ff}.theme-thumb:before{content:'';position:absolute;left:0;top:0;bottom:0;width:22%;background:#14264a}.theme-thumb:after{content:'';position:absolute;left:27%;right:7%;top:12%;height:18%;border-radius:6px;background:#fff;box-shadow:0 28px 0 #fff,0 56px 0 #fff}.theme-thumb i{position:absolute;z-index:2;left:30%;right:10%;bottom:12%;height:5px;border-radius:9px;background:linear-gradient(90deg,#684cff,#3978ff)}.theme-thumb.dark-mode{background:#101a2d}.theme-thumb.dark-mode:before{background:#07111f}.theme-thumb.dark-mode:after{background:#1b2942;box-shadow:0 28px 0 #1b2942,0 56px 0 #1b2942}.theme-thumb.red-gold{background:#21070a}.theme-thumb.red-gold:before{background:#120305}.theme-thumb.red-gold:after{background:#451015;box-shadow:0 28px 0 #451015,0 56px 0 #451015}.theme-thumb.red-gold i{background:linear-gradient(90deg,#d71920,#f3b83f)}.theme-thumb.purple{background:#17082e}.theme-thumb.purple:before{background:#0c0419}.theme-thumb.purple:after{background:#35105f;box-shadow:0 28px 0 #35105f,0 56px 0 #35105f}.theme-thumb.purple i{background:linear-gradient(90deg,#8a2be2,#d34cff)}.theme-thumb.green{background:#062a1c}.theme-thumb.green:before{background:#031a11}.theme-thumb.green:after{background:#0d5136;box-shadow:0 28px 0 #0d5136,0 56px 0 #0d5136}.theme-thumb.green i{background:linear-gradient(90deg,#00a86b,#35e39a)}.theme-thumb.orange{background:#301606}.theme-thumb.orange:before{background:#1b0b02}.theme-thumb.orange:after{background:#5b2a09;box-shadow:0 28px 0 #5b2a09,0 56px 0 #5b2a09}.theme-thumb.orange i{background:linear-gradient(90deg,#ff7a00,#ffb13b)}.theme-thumb.black-gold{background:#111}.theme-thumb.black-gold:before{background:#050505}.theme-thumb.black-gold:after{background:#25221b;box-shadow:0 28px 0 #25221b,0 56px 0 #25221b}.theme-thumb.black-gold i{background:linear-gradient(90deg,#9b741c,#f3c75f)}.theme-thumb.light-minimal{background:#f7f9fd}.theme-thumb.light-minimal:before{background:#fff;border-right:1px solid #e6eaf2}.theme-thumb.light-minimal:after{background:#fff;box-shadow:0 28px 0 #fff,0 56px 0 #fff;border:1px solid #edf0f5}.theme-thumb.custom{background:linear-gradient(135deg,#f5efff,#dff9f7)}.theme-thumb.custom:before{background:linear-gradient(#6548ff,#19c7ba)}.theme-meta{padding:9px 4px 3px}.theme-meta strong{display:block;color:#17233f;font-size:12px}.theme-meta small{display:block;color:#8290a8;font-size:10px;margin:3px 0 7px}.theme-dots{display:flex;gap:5px}.theme-dots i{width:9px;height:9px;border-radius:50%;background:#6548ff}.theme-dots i:nth-child(2){opacity:.8}.theme-dots i:nth-child(3){opacity:.6}.theme-dots i:nth-child(4){opacity:.4}.theme-dots i:nth-child(5){opacity:.25}.custom-theme-panel{margin-top:15px;padding:14px;border:1px solid #e1e7f2;border-radius:14px;background:#f8faff;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.custom-theme-panel[hidden]{display:none}.custom-theme-panel>div{margin-right:auto}.custom-theme-panel b,.custom-theme-panel small{display:block}.custom-theme-panel small{font-size:10px;color:#7e8ca5}.custom-theme-panel label{font-size:10px;font-weight:800;color:#4d5b76}.custom-theme-panel input{display:block;width:54px;height:34px;border:0;background:transparent;padding:0}.theme-save-status{margin-top:12px;font-size:10px;color:#71809a}
/* Theme engine */
body[data-admin-theme="dark-mode"]{background:#0d1627}body[data-admin-theme="dark-mode"] .page{background:#0f1a2d}body[data-admin-theme="red-gold"]{--theme-primary:#d71920;--theme-secondary:#f1b83d;--theme-bg:#1b080b}body[data-admin-theme="purple"]{--theme-primary:#8a2be2;--theme-secondary:#d34cff;--theme-bg:#160b29}body[data-admin-theme="green"]{--theme-primary:#00a86b;--theme-secondary:#35d998;--theme-bg:#eaf8f1}body[data-admin-theme="orange"]{--theme-primary:#ff7a00;--theme-secondary:#ffb13b;--theme-bg:#fff4e8}body[data-admin-theme="black-gold"]{--theme-primary:#c89b32;--theme-secondary:#f0c85d;--theme-bg:#11100d}body[data-admin-theme="light-minimal"]{--theme-primary:#3978ff;--theme-secondary:#6b8cff;--theme-bg:#f8faff}body[data-admin-theme="custom"]{--theme-primary:#6548ff;--theme-secondary:#3978ff;--theme-bg:#f3f6fc}
body[data-admin-theme]:not([data-admin-theme="default-blue"]):not([data-admin-theme="dark-mode"]) .page{background:var(--theme-bg)!important}body[data-admin-theme]:not([data-admin-theme="default-blue"]):not([data-admin-theme="dark-mode"]) nav a.on,body[data-admin-theme]:not([data-admin-theme="default-blue"]):not([data-admin-theme="dark-mode"]) .primary{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important}body[data-admin-theme]:not([data-admin-theme="default-blue"]):not([data-admin-theme="dark-mode"]) .brandmark,body[data-admin-theme]:not([data-admin-theme="default-blue"]):not([data-admin-theme="dark-mode"]) .header-avatar,body[data-admin-theme]:not([data-admin-theme="default-blue"]):not([data-admin-theme="dark-mode"]) .table-avatar{background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important}
body[data-admin-theme="red-gold"] .stat-card,body[data-admin-theme="purple"] .stat-card,body[data-admin-theme="black-gold"] .stat-card,body[data-admin-theme="red-gold"] .panel,body[data-admin-theme="purple"] .panel,body[data-admin-theme="black-gold"] .panel{background:#17151a;color:#f7f3eb;border-color:#3a3131}body[data-admin-theme="red-gold"] .page h1,body[data-admin-theme="purple"] .page h1,body[data-admin-theme="black-gold"] .page h1{color:#fff}
@media(max-width:1050px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.theme-grid{grid-template-columns:1fr}.theme-settings-head{align-items:flex-start}.theme-live-badge{display:none}}

/* ===== V7.28 UNIFIED DARK MODE — full admin surface ===== */
body[data-admin-theme="dark-mode"]{
  --dm-bg:#07111f;--dm-bg2:#0a1628;--dm-side:#081426;--dm-top:#0b1a31;
  --dm-card:#101f36;--dm-card2:#132540;--dm-soft:#172b49;--dm-line:#263b5d;
  --dm-text:#f4f8ff;--dm-muted:#9fb2d1;--dm-primary:#6d5cff;--dm-primary2:#3f7cff;
  --dm-input:#0b192d;--dm-green:#2ed49b;--dm-red:#ff6680;--dm-gold:#ffc857;
  background:var(--dm-bg)!important;color:var(--dm-text)!important;color-scheme:dark;
}
body[data-admin-theme="dark-mode"] .content,
body[data-admin-theme="dark-mode"] .page{background:linear-gradient(180deg,var(--dm-bg2),var(--dm-bg))!important;color:var(--dm-text)!important}
body[data-admin-theme="dark-mode"] aside#sidebar{background:linear-gradient(180deg,#0d1a34,#071426 72%,#06111f)!important;border-right:1px solid var(--dm-line)!important}
body[data-admin-theme="dark-mode"] aside#sidebar .side-brand{background:#0d1a34!important;border-color:var(--dm-line)!important}
body[data-admin-theme="dark-mode"] .content>header{background:linear-gradient(90deg,#12284a,#0a1830)!important;border-bottom:1px solid var(--dm-line)!important;box-shadow:0 10px 30px #0005!important}
body[data-admin-theme="dark-mode"] nav a{color:#b9c9e4!important}body[data-admin-theme="dark-mode"] nav a:hover{background:#152947!important;color:#fff!important}body[data-admin-theme="dark-mode"] nav a.on{background:linear-gradient(135deg,var(--dm-primary),var(--dm-primary2))!important;color:#fff!important;box-shadow:0 10px 26px #5368ff33!important}
body[data-admin-theme="dark-mode"] .nav-label,body[data-admin-theme="dark-mode"] .crumbline{color:#7890b5!important}
body[data-admin-theme="dark-mode"] .top-search,body[data-admin-theme="dark-mode"] .admin-language,body[data-admin-theme="dark-mode"] .head-btn,body[data-admin-theme="dark-mode"] .theme-switch,body[data-admin-theme="dark-mode"] .chev{background:#10233f!important;border-color:#30486e!important;color:#eaf2ff!important}
body[data-admin-theme="dark-mode"] .top-search input{color:#fff!important}body[data-admin-theme="dark-mode"] .top-search input::placeholder{color:#91a5c6!important}
body[data-admin-theme="dark-mode"] .profile-menu{background:var(--dm-card)!important;border:1px solid var(--dm-line)!important}body[data-admin-theme="dark-mode"] .profile-menu a,body[data-admin-theme="dark-mode"] .profile-menu button{color:var(--dm-text)!important}

/* every major white surface */
body[data-admin-theme="dark-mode"] :is(.panel,.stat-card,.filter-panel,.user-table-card,.detail-side,.theme-settings-card,.theme-option,.custom-theme-panel,.audit-hero,.audit-card,.settings-card,.v716-card,.dash-card,.quick-card,.system-card,.profile-card,.role-card,.permission-card,.role-panel,.permission-panel){background:var(--dm-card)!important;border-color:var(--dm-line)!important;color:var(--dm-text)!important;box-shadow:0 12px 30px #0002!important}
body[data-admin-theme="dark-mode"] .theme-option:hover{background:var(--dm-card2)!important;border-color:#45618e!important}body[data-admin-theme="dark-mode"] .theme-option.selected{border-color:var(--dm-primary)!important;box-shadow:0 0 0 3px #6d5cff25!important}
body[data-admin-theme="dark-mode"] .theme-thumb{border:1px solid #2c4264!important}

/* typography — eliminate white-on-white / black-on-dark */
body[data-admin-theme="dark-mode"] .page :is(h1,h2,h3,h4,h5,h6,strong,b,.theme-meta strong,.theme-settings-head h2,.user-titlebar h1){color:var(--dm-text)!important}
body[data-admin-theme="dark-mode"] .page :is(p,small,.muted,.theme-meta small,.theme-settings-head p,.user-titlebar p,.theme-save-status){color:var(--dm-muted)!important}
body[data-admin-theme="dark-mode"] .page :is(label,dt,dd,span){border-color:var(--dm-line)}

/* forms, filters and search */
body[data-admin-theme="dark-mode"] .page :is(input:not([type="color"]),select,textarea,.searchbox){background:var(--dm-input)!important;color:var(--dm-text)!important;border-color:#304665!important;box-shadow:none!important}
body[data-admin-theme="dark-mode"] .page :is(input,textarea)::placeholder{color:#7188aa!important}
body[data-admin-theme="dark-mode"] .page select option{background:#0c1a2f!important;color:#eef5ff!important}
body[data-admin-theme="dark-mode"] .title-actions button,body[data-admin-theme="dark-mode"] .filter-panel button:not(.primary),body[data-admin-theme="dark-mode"] .pagination button{background:#132642!important;color:#dce8fb!important;border-color:#304665!important}
body[data-admin-theme="dark-mode"] .primary,body[data-admin-theme="dark-mode"] .search-btn{background:linear-gradient(135deg,var(--dm-primary),var(--dm-primary2))!important;color:#fff!important}

/* tables */
body[data-admin-theme="dark-mode"] table{background:transparent!important}body[data-admin-theme="dark-mode"] th{background:#0c1a2e!important;color:#9fb3d3!important;border-color:var(--dm-line)!important}body[data-admin-theme="dark-mode"] td{background:var(--dm-card)!important;color:#d7e3f6!important;border-color:#223754!important}body[data-admin-theme="dark-mode"] tbody tr:hover td{background:#142743!important}body[data-admin-theme="dark-mode"] .user-cell{color:#f2f7ff!important}body[data-admin-theme="dark-mode"] .table-footer,body[data-admin-theme="dark-mode"] .bulkbar{background:#0e1d33!important;color:#9eb1d0!important;border-color:var(--dm-line)!important}

/* dashboard / audit / roles special surfaces */
body[data-admin-theme="dark-mode"] .stat-card span{color:#a8bad5!important}body[data-admin-theme="dark-mode"] .stat-card strong{color:#fff!important}body[data-admin-theme="dark-mode"] .stat-card small{color:#8299ba!important}
body[data-admin-theme="dark-mode"] .detail-tabs,body[data-admin-theme="dark-mode"] dt,body[data-admin-theme="dark-mode"] dd{border-color:var(--dm-line)!important}
body[data-admin-theme="dark-mode"] .detail-buttons .outline-danger{background:#151d2d!important}
body[data-admin-theme="dark-mode"] .role-badge.superadmin,body[data-admin-theme="dark-mode"] .role-badge.admin{background:#2a2350!important;color:#b8a8ff!important}
body[data-admin-theme="dark-mode"] .status-pill.active{background:#123b32!important;color:#63e5b5!important}body[data-admin-theme="dark-mode"] .status-pill.inactive{background:#421d2a!important;color:#ff8ba0!important}
body[data-admin-theme="dark-mode"] .theme-live-badge{background:#123b32!important;color:#63e5b5!important}
body[data-admin-theme="dark-mode"] .custom-theme-panel{background:#0c1a2e!important}

/* dialogs */
body[data-admin-theme="dark-mode"] .premium-dialog,body[data-admin-theme="dark-mode"] dialog{background:var(--dm-card)!important;color:var(--dm-text)!important;border:1px solid var(--dm-line)!important}body[data-admin-theme="dark-mode"] .modal-head>button{background:#172a47!important;color:#fff!important}

/* keep semantic colored icon tiles readable, but harmonize neutral containers */
body[data-admin-theme="dark-mode"] .sicon.blue{background:#172b5b!important;color:#7fa5ff!important}body[data-admin-theme="dark-mode"] .sicon.green{background:#123b32!important;color:#4ee0ad!important}body[data-admin-theme="dark-mode"] .sicon.orange{background:#432b15!important;color:#ffb35e!important}body[data-admin-theme="dark-mode"] .sicon.purple{background:#312052!important;color:#c38cff!important}body[data-admin-theme="dark-mode"] .sicon.cyan{background:#103842!important;color:#57d9e7!important}body[data-admin-theme="dark-mode"] .sicon.pink{background:#421d32!important;color:#ff8fba!important}

/* settings gallery remains dark and readable */
body[data-admin-theme="dark-mode"] .theme-dots i{background:#7488ff!important}body[data-admin-theme="dark-mode"] .theme-check{background:linear-gradient(135deg,var(--dm-primary),var(--dm-primary2))!important}

/* Native scrollbar */
body[data-admin-theme="dark-mode"] *{scrollbar-color:#314d76 #09172a}

/* ===== V7.29 TRUE UNIFIED DARK MODE - component coverage ===== */
body[data-admin-theme="dark-mode"]{--dm-bg:#07111f;--dm-bg2:#091629;--dm-card:#0f1d32;--dm-card2:#14243c;--dm-line:#263a58;--dm-text:#edf4ff;--dm-muted:#91a5c4;--dm-input:#0a1729;--dm-primary:#6b5cff;--dm-primary2:#3d7cff}
body[data-admin-theme="dark-mode"] :is(.v715-audit-head,.v715-stats>div,.v715-filter,.v715-log,.v718-modal-card,.v714-pager,.rp-hero,.rp-left,.rp-main,.rp-menu-item,.dv6-card,.dash-stats-v6>article,.dash-bottom-v6>article,.admin-card-v63,.theme-settings-card,.theme-option,.custom-theme-panel){background:var(--dm-card)!important;border-color:var(--dm-line)!important;color:var(--dm-text)!important;box-shadow:0 14px 34px #0003!important}
body[data-admin-theme="dark-mode"] .v715-audit-head{background:linear-gradient(135deg,#101f38,#121c36)!important}
body[data-admin-theme="dark-mode"] :is(.v714-audit-title h1,.v715-section-title b,.v715-stats strong,.v715-stats span,.v715-log-head b,.rp-hero h1,.rp-main h2,.rp-left h3,.dv6-head h3){color:var(--dm-text)!important}
body[data-admin-theme="dark-mode"] :is(.v714-audit-title p,.v714-crumb,.v715-section-title small,.v715-stats small,.v715-log-head small,.rp-hero p,.rp-main p,.rp-left p,.dv6-head p){color:var(--dm-muted)!important}
body[data-admin-theme="dark-mode"] .v715-stats>div>i{box-shadow:none!important}
body[data-admin-theme="dark-mode"] .v715-stats>.purple>i{background:#30285a!important;color:#aa9cff!important}body[data-admin-theme="dark-mode"] .v715-stats>.green>i{background:#123c32!important;color:#55e0b1!important}body[data-admin-theme="dark-mode"] .v715-stats>.red>i{background:#44202c!important;color:#ff849b!important}body[data-admin-theme="dark-mode"] .v715-stats>.blue>i{background:#17365b!important;color:#71b5ff!important}
body[data-admin-theme="dark-mode"] :is(.v715-filter input,.v715-filter select,.v715-search,.v715-table-tools select,.v715-table-tools button){background:var(--dm-input)!important;color:var(--dm-text)!important;border-color:#304764!important}
body[data-admin-theme="dark-mode"] .v715-search input{background:transparent!important;border:0!important;color:var(--dm-text)!important}body[data-admin-theme="dark-mode"] .v715-search input::placeholder{color:#7087aa!important}
body[data-admin-theme="dark-mode"] .v715-reset{background:#132641!important;color:#dbe7fa!important;border-color:#304764!important}
body[data-admin-theme="dark-mode"] .v715-log .table-wrap{background:var(--dm-card)!important;border-color:var(--dm-line)!important}body[data-admin-theme="dark-mode"] .v715-log table{background:var(--dm-card)!important}body[data-admin-theme="dark-mode"] .v715-log thead th{background:#0a1729!important;color:#9fb3d2!important;border-color:var(--dm-line)!important}body[data-admin-theme="dark-mode"] .v715-log tbody td{background:var(--dm-card)!important;color:#dce7f8!important;border-color:#223652!important}body[data-admin-theme="dark-mode"] .v715-log tbody tr:hover td{background:#142743!important}
body[data-admin-theme="dark-mode"] :is(.v714-actor b,.v714-actor small){color:inherit!important}body[data-admin-theme="dark-mode"] .v714-actor small{color:var(--dm-muted)!important}body[data-admin-theme="dark-mode"] .v715-ip{background:#172840!important;color:#a9c4eb!important}body[data-admin-theme="dark-mode"] .v714-action{background:#292451!important;color:#b8a9ff!important}
body[data-admin-theme="dark-mode"] .v714-pager{background:transparent!important;box-shadow:none!important}body[data-admin-theme="dark-mode"] .v714-pager span{color:var(--dm-muted)!important}body[data-admin-theme="dark-mode"] .v714-pager a{background:#132641!important;color:#dce8fb!important;border-color:#304665!important}body[data-admin-theme="dark-mode"] .v714-pager a.on{background:linear-gradient(135deg,var(--dm-primary),var(--dm-primary2))!important;color:#fff!important}
body[data-admin-theme="dark-mode"] :is(.rp-role,.rp-search,.rp-menu-item,.rp-stat-box){background:#0b192c!important;border-color:var(--dm-line)!important;color:var(--dm-text)!important}body[data-admin-theme="dark-mode"] .rp-role.active{background:linear-gradient(135deg,#25234c,#15304d)!important;border-color:#675dbe!important}
body[data-admin-theme="dark-mode"] :is(.quick-grid-v6 a,.service-v6,.admin-v6 dl){background:#12233b!important;border-color:var(--dm-line)!important;color:var(--dm-text)!important}
body[data-admin-theme="dark-mode"] .theme-settings-head{background:#101f35!important;border-color:var(--dm-line)!important}body[data-admin-theme="dark-mode"] .theme-settings-head :is(h2,p){color:var(--dm-text)!important}body[data-admin-theme="dark-mode"] .theme-settings-head p{color:var(--dm-muted)!important}
/* ===== V7.29 TRUE UNIFIED DARK MODE ===== */
body[data-admin-theme="dark-mode"] :is(.v715-audit-head,.v715-stats>div,.v715-filter,.v715-log,.v718-modal-card,.rp-hero,.rp-left,.rp-main,.rp-menu-item,.dv6-card,.dash-stats-v6>article,.dash-bottom-v6>article,.admin-card-v63,.theme-settings-card,.theme-option,.custom-theme-panel){background:#0f1d32!important;border-color:#263a58!important;color:#edf4ff!important;box-shadow:0 14px 34px #0003!important}
body[data-admin-theme="dark-mode"] .v715-audit-head{background:linear-gradient(135deg,#101f38,#121c36)!important}body[data-admin-theme="dark-mode"] :is(.v714-audit-title h1,.v715-section-title b,.v715-stats strong,.v715-stats span,.v715-log-head b){color:#edf4ff!important}body[data-admin-theme="dark-mode"] :is(.v714-audit-title p,.v714-crumb,.v715-section-title small,.v715-stats small,.v715-log-head small){color:#91a5c4!important}
body[data-admin-theme="dark-mode"] :is(.v715-filter input,.v715-filter select,.v715-search,.v715-table-tools select,.v715-table-tools button){background:#0a1729!important;color:#edf4ff!important;border-color:#304764!important}body[data-admin-theme="dark-mode"] .v715-search input{background:transparent!important;border:0!important;color:#edf4ff!important}body[data-admin-theme="dark-mode"] .v715-search input::placeholder{color:#7087aa!important}body[data-admin-theme="dark-mode"] .v715-reset{background:#132641!important;color:#dbe7fa!important;border-color:#304764!important}
body[data-admin-theme="dark-mode"] .v715-log .table-wrap,body[data-admin-theme="dark-mode"] .v715-log table{background:#0f1d32!important}body[data-admin-theme="dark-mode"] .v715-log thead th{background:#0a1729!important;color:#9fb3d2!important;border-color:#263a58!important}body[data-admin-theme="dark-mode"] .v715-log tbody td{background:#0f1d32!important;color:#dce7f8!important;border-color:#223652!important}body[data-admin-theme="dark-mode"] .v715-log tbody tr:hover td{background:#142743!important}body[data-admin-theme="dark-mode"] .v714-actor b{color:#edf4ff!important}body[data-admin-theme="dark-mode"] .v714-actor small{color:#91a5c4!important}body[data-admin-theme="dark-mode"] .v715-ip{background:#172840!important;color:#a9c4eb!important}body[data-admin-theme="dark-mode"] .v714-action{background:#292451!important;color:#b8a9ff!important}
body[data-admin-theme="dark-mode"] .v714-pager span{color:#91a5c4!important}body[data-admin-theme="dark-mode"] .v714-pager a{background:#132641!important;color:#dce8fb!important;border-color:#304665!important}body[data-admin-theme="dark-mode"] .v714-pager a.on{background:linear-gradient(135deg,#6b5cff,#3d7cff)!important;color:#fff!important}
body[data-admin-theme="dark-mode"] :is(.rp-role,.rp-search,.rp-menu-item,.rp-stat-box){background:#0b192c!important;border-color:#263a58!important;color:#edf4ff!important}body[data-admin-theme="dark-mode"] :is(.quick-grid-v6 a,.service-v6,.admin-v6 dl){background:#12233b!important;border-color:#263a58!important;color:#edf4ff!important}

/* ===== V7.34 PREMIUM ACCOUNT SETTINGS DRAWER ===== */
.account-pill{cursor:pointer}.account-drawer-backdrop{position:fixed;inset:0;background:rgba(2,10,28,.28);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.22s;z-index:1900}.account-drawer-backdrop.show{opacity:1;visibility:visible}.account-drawer{position:fixed;left:258px;top:18px;bottom:18px;width:390px;z-index:1901;padding:20px 16px 16px;border:1px solid #29436d;border-radius:0 22px 22px 0;background:linear-gradient(180deg,#07162e 0%,#0b1b35 55%,#09182f 100%);box-shadow:0 28px 80px rgba(1,8,25,.48);color:#f5f8ff;overflow:auto;transform:translateX(-112%);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}.account-drawer.show{transform:translateX(0);opacity:1}.account-drawer-head{display:flex;align-items:flex-start;justify-content:space-between;padding:2px 6px 16px}.account-drawer-head h2{margin:0 0 5px;font-size:20px}.account-drawer-head p{margin:0;color:#8ea8d1;font-size:12px}.account-drawer-head button{width:36px;height:36px;border:0;border-radius:50%;background:#142a4d;color:#bcd0ef;font-size:24px;cursor:pointer}.account-identity{display:grid;grid-template-columns:62px 1fr 18px;gap:14px;align-items:center;padding:16px;border:1px solid #233b61;border-radius:15px;background:linear-gradient(135deg,#102441,#0d1d37);color:#fff;text-decoration:none;margin-bottom:13px}.account-photo{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff263e,#761cff);font-size:22px;font-weight:900;position:relative;overflow:visible}.account-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover}.account-photo span{position:absolute;right:-3px;bottom:-3px;width:23px;height:23px;border-radius:8px;background:#dce8ff;color:#172b50;display:grid;place-items:center;font-size:13px;border:2px solid #102441}.account-identity b{display:block;font-size:14px}.account-identity small{display:block;color:#9eb3d4;margin:3px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.account-identity em{display:inline-flex;padding:5px 10px;border-radius:999px;background:#5136bc;color:#c9bfff;font-size:10px;font-style:normal;font-weight:800}.account-identity>.ui-icon,.account-drawer-list .arrow{width:16px;height:16px;color:#7894bd}.account-drawer-list{border:1px solid #20395e;border-radius:14px;overflow:hidden;background:rgba(12,31,58,.72)}.account-drawer-list>a,.account-drawer-list>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;padding:11px 13px;border:0;border-bottom:1px solid #1b3457;background:transparent;color:#fff;text-decoration:none;text-align:left;cursor:pointer;font:inherit}.account-drawer-list>*:last-child{border-bottom:0}.account-drawer-list>a:hover,.account-drawer-list>button:hover{background:#132b4c}.account-drawer-list b{display:block;font-size:12px;margin-bottom:3px}.account-drawer-list small{display:block;color:#87a2cc;font-size:10px;line-height:1.35}.ad-icon{width:36px;height:36px;border-radius:9px;display:grid;place-items:center}.ad-icon .ui-icon{width:18px;height:18px}.ad-icon.blue{background:linear-gradient(135deg,#2178ff,#4065ff)}.ad-icon.green{background:linear-gradient(135deg,#13b982,#4bd5a7)}.ad-icon.pink{background:linear-gradient(135deg,#ff547d,#ff7998)}.ad-icon.violet{background:linear-gradient(135deg,#635bff,#8d55ff)}.ad-icon.slate{background:linear-gradient(135deg,#365986,#29466e)}.ad-glyph{font-size:18px;font-weight:900}.account-drawer-label{padding:17px 3px 8px;color:#6688bd;font-size:10px;font-weight:900;letter-spacing:1.8px}.platforms{color:#a7bddd;letter-spacing:5px;font-size:14px}.account-drawer-logout{margin-top:14px}.account-drawer-logout button{width:100%;height:46px;border-radius:10px;border:1px solid #ff3d70;background:rgba(111,15,53,.28);color:#ff527e;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.account-drawer-logout .ui-icon{width:18px;height:18px}.shortcut-modal{position:fixed;inset:0;z-index:2000;background:rgba(2,10,25,.5);display:none;place-items:center}.shortcut-modal.show{display:grid}.shortcut-modal>div{width:min(440px,calc(100vw - 32px));background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 90px #06152d55;position:relative}.shortcut-modal h3{margin:0 0 5px;color:#10203e}.shortcut-modal p{margin:0 0 20px;color:#7183a4}.shortcut-modal section{display:flex;align-items:center;gap:7px;padding:12px 0;border-top:1px solid #e7edf7;color:#253a5f}.shortcut-modal section span{margin-right:auto}.shortcut-modal kbd{padding:5px 8px;border:1px solid #cdd9ea;border-bottom-width:2px;border-radius:7px;background:#f6f9fd}.shortcut-close{position:absolute;right:15px;top:15px;border:0;background:#eef3fb;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}@media(max-width:900px){.account-drawer{left:10px;right:10px;top:10px;bottom:10px;width:auto;border-radius:20px;transform:translateX(-110%)}}body[data-admin-theme="dark-mode"] .shortcut-modal>div{background:#0f1d32;color:#edf4ff}body[data-admin-theme="dark-mode"] .shortcut-modal h3{color:#edf4ff}body[data-admin-theme="dark-mode"] .shortcut-modal section{color:#dbe7fa;border-color:#263a58}body[data-admin-theme="dark-mode"] .shortcut-modal kbd{background:#172840;border-color:#304764;color:#fff}


/* ===== V7.35 ACCOUNT DRAWER + COMPLETE SIDEBAR ===== */
.sidebar-signout{margin:2px 0 18px}.sidebar-signout button{width:100%;min-height:43px;padding:10px 13px;border:0;border-radius:11px;background:transparent;color:#b9c8e7;display:flex;align-items:center;gap:13px;text-align:left}.sidebar-signout button:hover{background:#162442;color:#fff}.sidebar-signout .ui-icon{width:20px;height:20px}.sidebar-mini .sidebar-signout button{width:48px;height:46px;padding:0;justify-content:center;margin:auto}.sidebar-mini .sidebar-signout span{display:none}
.account-pill{cursor:default}.account-pill .header-avatar,.account-pill .head-user{cursor:default}.account-pill .chev{cursor:pointer;transition:.2s}.account-pill .chev:hover{background:#27416e;box-shadow:inset 0 0 0 1px #4b6da4}.account-drawer-backdrop{background:rgba(3,10,26,.42);backdrop-filter:blur(4px)}
.account-drawer{left:282px!important;top:86px!important;bottom:18px!important;width:370px!important;border-radius:20px!important;padding:18px 14px 14px!important;transform:translateX(-24px) scale(.985)!important;transform-origin:top left;pointer-events:none;visibility:hidden;opacity:0!important;box-shadow:0 30px 90px rgba(1,8,25,.52),0 0 0 1px rgba(95,125,180,.15)!important;overflow-y:auto!important;overflow-x:hidden!important}
.account-drawer.show{transform:translateX(0) scale(1)!important;opacity:1!important;visibility:visible;pointer-events:auto}.account-drawer-head{position:sticky;top:-18px;z-index:3;margin:-18px -14px 10px;padding:20px 20px 15px;background:linear-gradient(180deg,#07162e 80%,rgba(7,22,46,.92));border-bottom:1px solid #1d365b}.account-drawer-head h2{font-size:19px}.account-drawer-list>a,.account-drawer-list>button{min-height:67px;padding:10px 12px}.account-drawer-list b{font-size:12px}.account-drawer-list small{font-size:10px}.account-identity{padding:14px;margin-bottom:12px}.account-drawer-logout{position:sticky;bottom:-14px;background:#09182f;padding:12px 0 2px;margin-top:12px}
@media(max-width:900px){.account-drawer{left:10px!important;right:10px!important;top:84px!important;bottom:10px!important;width:auto!important;transform:translateY(-12px) scale(.985)!important}.account-drawer.show{transform:none!important}}

/* ===== V7.36 DRAWER TOP VISIBILITY FIX ===== */
.account-drawer{top:108px!important;bottom:16px!important;scroll-behavior:auto!important;overscroll-behavior:contain}
.account-drawer-head{top:-18px!important}
.account-drawer.show{scroll-margin-top:0}
@media(max-width:900px){.account-drawer{top:92px!important;bottom:10px!important}}
/* V7.37 - account drawer reference layout */
@media(min-width:901px){
.account-drawer{left:258px!important;top:8px!important;bottom:8px!important;width:360px!important;border-radius:18px!important;padding:16px 14px 12px!important;transform:translateX(-18px) scale(.99)!important;overflow-y:auto!important;}
.account-drawer.show{transform:translateX(0) scale(1)!important}
.account-drawer-head{position:relative!important;top:auto!important;margin:0!important;padding:2px 6px 14px!important;background:transparent!important;border-bottom:0!important}
.account-drawer-head h2{font-size:18px!important;margin:0 0 5px!important}.account-drawer-head p{font-size:10px!important}
.account-drawer-head button{width:32px!important;height:32px!important;font-size:20px!important}
.account-identity{grid-template-columns:54px 1fr 16px!important;gap:12px!important;padding:13px!important;border-radius:13px!important;margin-bottom:10px!important}
.account-photo{width:52px!important;height:52px!important}.account-identity b{font-size:13px!important}.account-identity small{font-size:10px!important;margin:2px 0 6px!important}.account-identity em{font-size:9px!important;padding:4px 9px!important}
.account-drawer-list{border-radius:12px!important}.account-drawer-list>a,.account-drawer-list>button{min-height:55px!important;padding:8px 11px!important;grid-template-columns:34px 1fr auto!important;gap:10px!important}.ad-icon{width:34px!important;height:34px!important}.account-drawer-list b{font-size:11px!important;margin-bottom:2px!important}.account-drawer-list small{font-size:9px!important}.account-drawer-label{padding:13px 3px 7px!important;font-size:9px!important}.account-drawer-logout{position:relative!important;bottom:auto!important;background:transparent!important;padding:0!important;margin-top:10px!important}.account-drawer-logout button{height:40px!important}
}
\n\n/* ===== V7.38 DRAWER VIEWPORT / NO-CROP FIX ===== */
@media(min-width:901px){
  .account-drawer{
    left:258px!important;
    top:10px!important;
    bottom:10px!important;
    height:auto!important;
    max-height:calc(100dvh - 20px)!important;
    width:360px!important;
    box-sizing:border-box!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    border-radius:18px!important;
  }
  .account-drawer-head{
    flex:0 0 auto!important;
    padding:18px 18px 13px!important;
    margin:0!important;
    border-bottom:1px solid #1d365b!important;
    background:#07162e!important;
  }
  .account-drawer-scroll{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:12px 13px 8px!important;
    scrollbar-width:thin;
    scrollbar-color:#49668f transparent;
  }
  .account-drawer-scroll::-webkit-scrollbar{width:5px}
  .account-drawer-scroll::-webkit-scrollbar-track{background:transparent}
  .account-drawer-scroll::-webkit-scrollbar-thumb{background:#49668f;border-radius:10px}
  .account-identity{margin-bottom:10px!important;padding:11px 12px!important;grid-template-columns:50px 1fr 16px!important}
  .account-photo{width:48px!important;height:48px!important}
  .account-drawer-list>a,.account-drawer-list>button{min-height:51px!important;padding:7px 10px!important}
  .account-drawer-label{padding:11px 3px 6px!important}
  .account-drawer-logout{
    flex:0 0 auto!important;
    margin:0!important;
    padding:10px 13px 12px!important;
    background:#09182f!important;
    border-top:1px solid #1d365b!important;
  }
  .account-drawer-logout button{height:40px!important}
}
@media(max-width:900px){
  .account-drawer{top:8px!important;bottom:8px!important;max-height:calc(100dvh - 16px)!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
  .account-drawer-head{flex:0 0 auto!important;margin:0!important;padding:16px!important;position:relative!important;top:auto!important}
  .account-drawer-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 12px!important}
  .account-drawer-logout{flex:0 0 auto!important;position:relative!important;bottom:auto!important;margin:0!important;padding:10px 12px!important;background:#09182f!important}
}


/* ===== V7.39 DRAWER ROOT-LAYER FIX =====
   Drawer dipindahkan keluar dari <header> agar tidak terpotong oleh containing/stacking context. */
@media(min-width:901px){
  #accountDrawer.account-drawer{
    position:fixed!important;
    inset:8px auto 8px 270px!important;
    left:270px!important;
    right:auto!important;
    top:8px!important;
    bottom:8px!important;
    width:372px!important;
    height:calc(100dvh - 16px)!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    z-index:10001!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
    border-radius:0 18px 18px 0!important;
    transform:translateX(-16px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  #accountDrawer.account-drawer.show{
    transform:translateX(0)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  #accountDrawerBackdrop.account-drawer-backdrop{z-index:10000!important}
  #accountDrawer .account-drawer-head{flex:0 0 auto!important;padding:17px 18px 13px!important}
  #accountDrawer .account-drawer-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px 13px 8px!important}
  #accountDrawer .account-drawer-logout{flex:0 0 auto!important;padding:9px 13px 11px!important;margin:0!important}
}
@media(max-width:900px){
  #accountDrawer.account-drawer{z-index:10001!important;left:8px!important;right:8px!important;top:8px!important;bottom:8px!important;width:auto!important;height:calc(100dvh - 16px)!important}
  #accountDrawerBackdrop.account-drawer-backdrop{z-index:10000!important}
}

/* ===== V7.40 ACCOUNT DRAWER — SHARP / NO BLUR / REFERENCE ALIGNMENT ===== */
#accountDrawerBackdrop.account-drawer-backdrop{
  background:rgba(3,10,26,.18)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media(min-width:901px){
  #accountDrawer.account-drawer{
    left:320px!important;
    top:0!important;
    bottom:0!important;
    width:430px!important;
    height:100dvh!important;
    max-height:100dvh!important;
    border-radius:0!important;
    border-top:0!important;
    border-bottom:0!important;
    border-left:1px solid #29436d!important;
    border-right:1px solid #29436d!important;
    box-shadow:10px 0 34px rgba(1,8,25,.28)!important;
    background:#07182f!important;
  }
  #accountDrawer .account-drawer-head{
    padding:28px 24px 18px!important;
    border-radius:0!important;
  }
  #accountDrawer .account-drawer-scroll{
    padding:0 20px 12px!important;
  }
  #accountDrawer .account-identity,
  #accountDrawer .account-drawer-list,
  #accountDrawer .account-drawer-list>a,
  #accountDrawer .account-drawer-list>button,
  #accountDrawer .account-drawer-logout button,
  #accountDrawer .ad-icon,
  #accountDrawer .account-drawer-head button{
    border-radius:0!important;
  }
  #accountDrawer .account-identity{margin-bottom:14px!important;padding:16px!important}
  #accountDrawer .account-drawer-list>a,
  #accountDrawer .account-drawer-list>button{min-height:60px!important;padding:10px 13px!important}
  #accountDrawer .account-drawer-label{padding:18px 3px 8px!important}
  #accountDrawer .account-drawer-logout{padding:12px 20px 18px!important;background:#07182f!important}
}
@media(max-width:900px){
  #accountDrawer.account-drawer{
    left:0!important;right:0!important;top:0!important;bottom:0!important;
    width:100%!important;height:100dvh!important;border-radius:0!important;
  }
}

/* ===== V7.41 DRAWER — RAPAT SIDEBAR + SOFT BLUR + PREMIUM RADIUS ===== */
#accountDrawerBackdrop.account-drawer-backdrop{
  background:rgba(3,10,26,.34)!important;
  -webkit-backdrop-filter:blur(3px)!important;
  backdrop-filter:blur(3px)!important;
}
@media(min-width:901px){
  #accountDrawer.account-drawer{
    left:270px!important;
    right:auto!important;
    top:10px!important;
    bottom:10px!important;
    width:390px!important;
    height:calc(100dvh - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    border:1px solid rgba(79,111,164,.48)!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,#081a35 0%,#07172f 100%)!important;
    box-shadow:0 24px 70px rgba(0,8,25,.46),0 0 0 1px rgba(110,139,191,.08)!important;
    overflow:hidden!important;
  }
  #accountDrawer .account-drawer-head{
    padding:20px 18px 14px!important;
    border-radius:18px 18px 0 0!important;
  }
  #accountDrawer .account-drawer-head button{
    border-radius:50%!important;
  }
  #accountDrawer .account-drawer-scroll{
    padding:8px 14px 10px!important;
  }
  #accountDrawer .account-identity{
    margin-bottom:12px!important;
    padding:14px!important;
    border-radius:14px!important;
  }
  #accountDrawer .account-drawer-list{
    border-radius:14px!important;
    overflow:hidden!important;
  }
  #accountDrawer .account-drawer-list>a,
  #accountDrawer .account-drawer-list>button{
    min-height:56px!important;
    padding:9px 12px!important;
    border-radius:0!important;
  }
  #accountDrawer .ad-icon{border-radius:10px!important}
  #accountDrawer .account-drawer-label{padding:14px 3px 7px!important}
  #accountDrawer .account-drawer-logout{
    padding:10px 14px 14px!important;
    background:#07172f!important;
  }
  #accountDrawer .account-drawer-logout button{
    height:44px!important;
    border-radius:11px!important;
  }
}
@media(max-width:900px){
  #accountDrawer.account-drawer{
    left:8px!important;right:8px!important;top:8px!important;bottom:8px!important;
    width:auto!important;height:calc(100dvh - 16px)!important;border-radius:16px!important;
  }
}

/* ===== V7.41 DRAWER TIGHT + SOFT BLUR + PREMIUM RADIUS ===== */
@media(min-width:901px){
  #accountDrawerBackdrop.account-drawer-backdrop{
    left:270px!important;
    background:rgba(4,12,30,.20)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    backdrop-filter:blur(3px)!important;
  }
  #accountDrawer.account-drawer{
    left:270px!important;
    right:auto!important;
    top:8px!important;
    bottom:8px!important;
    width:390px!important;
    height:calc(100dvh - 16px)!important;
    max-height:calc(100dvh - 16px)!important;
    border:1px solid #29436d!important;
    border-left:1px solid #20385d!important;
    border-radius:0 18px 18px 0!important;
    background:linear-gradient(180deg,rgba(7,24,47,.985),rgba(8,25,49,.985))!important;
    box-shadow:18px 0 52px rgba(1,8,25,.36),0 0 0 1px rgba(92,122,178,.08)!important;
    overflow:hidden!important;
  }
  #accountDrawer .account-drawer-head{
    padding:18px 18px 14px!important;
    border-radius:0 17px 0 0!important;
  }
  #accountDrawer .account-drawer-head button{
    border-radius:50%!important;
  }
  #accountDrawer .account-drawer-scroll{
    padding:0 14px 10px!important;
  }
  #accountDrawer .account-identity{
    border-radius:14px!important;
    margin-bottom:12px!important;
    padding:14px!important;
  }
  #accountDrawer .account-drawer-list{
    border-radius:13px!important;
  }
  #accountDrawer .account-drawer-list>a,
  #accountDrawer .account-drawer-list>button{
    border-radius:0!important;
    min-height:55px!important;
    padding:8px 11px!important;
  }
  #accountDrawer .ad-icon{border-radius:10px!important}
  #accountDrawer .account-drawer-label{padding:13px 3px 7px!important}
  #accountDrawer .account-drawer-logout{
    padding:10px 14px 12px!important;
    background:linear-gradient(180deg,rgba(7,24,47,.92),#07182f)!important;
  }
  #accountDrawer .account-drawer-logout button{
    height:42px!important;
    border-radius:10px!important;
  }
}
@media(max-width:900px){
  #accountDrawerBackdrop.account-drawer-backdrop{
    left:0!important;
    -webkit-backdrop-filter:blur(3px)!important;
    backdrop-filter:blur(3px)!important;
  }
  #accountDrawer.account-drawer{
    left:8px!important;right:8px!important;top:8px!important;bottom:8px!important;
    width:auto!important;height:calc(100dvh - 16px)!important;
    border-radius:18px!important;
  }
}

/* ===== V7.42 DRAWER FOLLOWS SIDEBAR WIDTH ===== */
@media(min-width:901px){
  /* normal sidebar */
  .app:not(.sidebar-mini) ~ #accountDrawer.account-drawer,
  body:has(.app:not(.sidebar-mini)) #accountDrawer.account-drawer{
    left:290px!important;
  }
  .app:not(.sidebar-mini) ~ #accountDrawerBackdrop.account-drawer-backdrop,
  body:has(.app:not(.sidebar-mini)) #accountDrawerBackdrop.account-drawer-backdrop{
    left:290px!important;
  }

  /* collapsed / hidden sidebar: drawer must stick directly to 86px sidebar */
  .app.sidebar-mini ~ #accountDrawer.account-drawer,
  body:has(.app.sidebar-mini) #accountDrawer.account-drawer{
    left:86px!important;
  }
  .app.sidebar-mini ~ #accountDrawerBackdrop.account-drawer-backdrop,
  body:has(.app.sidebar-mini) #accountDrawerBackdrop.account-drawer-backdrop{
    left:86px!important;
  }

  #accountDrawer.account-drawer{
    transition:left .32s cubic-bezier(.22,1,.36,1),transform .25s ease,opacity .2s ease!important;
  }
  #accountDrawerBackdrop.account-drawer-backdrop{
    transition:left .32s cubic-bezier(.22,1,.36,1),opacity .2s ease!important;
  }
}
/* V7.43 SOCIAL HUB */
.social-page{padding:4px}.social-hero{min-height:150px;padding:30px 34px;border-radius:22px;background:linear-gradient(120deg,#0a225b,#2438c9 55%,#6d35ff);color:#fff;display:flex;align-items:center;justify-content:space-between;box-shadow:0 18px 50px #172a6d22}.social-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#8fb3ff}.social-hero h1{font-size:34px;margin:7px 0}.social-hero p{opacity:.82;margin:0}.social-live{background:#ffffff18;border:1px solid #ffffff30;padding:12px 16px;border-radius:14px;font-size:11px;font-weight:900}.social-platforms{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:18px 0}.social-card{background:var(--card,#fff);border:1px solid #dce5f3;border-radius:18px;padding:17px;box-shadow:0 8px 28px #1a35700b}.social-card.connected{border-color:#91e7c0}.social-brand{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;color:white;font-size:22px;margin-bottom:14px}.social-brand.facebook{background:#1877f2}.social-brand.whatsapp{background:#16bd6b}.social-brand.telegram{background:#229ed9}.social-brand.tiktok{background:#111}.social-brand.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.social-card-body{display:flex;justify-content:space-between;gap:8px}.social-card h3{margin:0;font-size:15px}.social-card span,.social-card p{font-size:11px;color:#7990b2}.social-card em{font-style:normal;font-size:9px;font-weight:900;background:#eef2f8;padding:5px 7px;border-radius:99px;height:max-content}.social-card.connected em{color:#07834d;background:#dff9ec}.social-card button,.social-primary{width:100%;border:0;border-radius:11px;padding:11px;background:linear-gradient(90deg,#653bff,#3974ff);color:white;font-weight:800;cursor:pointer}.social-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-bottom:16px}.social-grid.lower{grid-template-columns:.8fr 1.2fr}.social-panel{background:var(--card,#fff);border:1px solid #dce5f3;border-radius:18px;padding:18px}.social-panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1f7;padding-bottom:14px;margin-bottom:12px}.social-panel-head h2{font-size:17px;margin:0}.social-panel-head p{font-size:11px;color:#8092af;margin:4px 0 0}.social-panel-head>span{font-size:10px;background:#edf2ff;padding:6px 9px;border-radius:99px}.social-empty{text-align:center;padding:36px;color:#8b9bb5;font-size:12px}.social-msg{display:grid;grid-template-columns:78px 1fr auto;gap:12px;padding:12px 4px;border-bottom:1px solid #edf1f7}.social-msg>b{text-transform:capitalize;color:#5c45ff;font-size:11px}.social-msg strong{font-size:12px}.social-msg p{margin:3px 0;font-size:11px;color:#667b9c}.social-msg time{font-size:10px;color:#91a0b6}.composer form,.social-send{display:grid;gap:10px}.social-checks{display:flex;gap:7px;flex-wrap:wrap}.social-checks label{font-size:10px;border:1px solid #dbe3f0;padding:7px 9px;border-radius:9px}.social-panel input,.social-panel textarea,.social-panel select,.social-modal-box input,.social-modal-box textarea{width:100%;box-sizing:border-box;border:1px solid #d8e2f0;border-radius:10px;padding:11px 12px;background:transparent;color:inherit}.social-panel textarea,.social-modal-box textarea{min-height:100px;resize:vertical}.social-queue>div{padding:11px;border-bottom:1px solid #edf1f7}.social-queue b{font-size:10px;text-transform:uppercase;color:#5c45ff}.social-queue p{font-size:12px;margin:5px 0}.social-queue span{font-size:9px;font-weight:900;color:#c27a00}.social-modal{position:fixed;inset:0;background:#06132a80;backdrop-filter:blur(5px);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.social-modal.show{display:flex}.social-modal-box{position:relative;width:min(520px,95vw);background:#0b1e3c;color:#fff;border:1px solid #29466f;border-radius:20px;padding:25px;box-shadow:0 30px 80px #0008}.social-modal-box form{display:grid;gap:10px;margin-top:18px}.social-modal-box input,.social-modal-box textarea{border-color:#29466f;background:#0e274b}.social-note{font-size:11px;color:#9bb0ce}.social-x{position:absolute;right:18px;top:18px;border:0;border-radius:50%;width:34px;height:34px;background:#18345c;color:#fff;font-size:20px}.social-nav-icon{font-weight:900}.dark .social-card,.dark .social-panel{background:#0d203d;border-color:#223b60}.dark .social-panel-head,.dark .social-msg,.dark .social-queue>div{border-color:#223b60}@media(max-width:1100px){.social-platforms{grid-template-columns:repeat(2,1fr)}.social-grid,.social-grid.lower{grid-template-columns:1fr}}@media(max-width:620px){.social-platforms{grid-template-columns:1fr}.social-hero{padding:22px}.social-live{display:none}}

/* V7.44 SOCIAL HUB NAV VISIBILITY */
#sidebar nav a.social-hub-nav{position:relative;background:linear-gradient(90deg,rgba(35,201,255,.08),rgba(105,67,255,.08));border:1px solid rgba(82,164,255,.12)}
#sidebar nav a.social-hub-nav:hover,#sidebar nav a.social-hub-nav.on{background:linear-gradient(90deg,#1269e8,#7145ff);color:#fff;border-color:transparent;box-shadow:0 8px 24px rgba(67,91,255,.25)}
#sidebar nav a .social-hub-ico{background:linear-gradient(135deg,#18c9ff,#6b45ff);color:#fff;border-radius:9px;display:grid;place-items:center}
#sidebar nav a .social-new-badge{margin-left:auto;font-style:normal;font-size:8px;font-weight:900;letter-spacing:.6px;padding:3px 6px;border-radius:99px;background:#18c98b;color:#fff}
#sidebar nav a.social-hub-nav.on .social-new-badge{background:#fff;color:#5b48e8}

/* V7.45 PLATFORM-SPECIFIC SOCIAL CONNECT + INSTAGRAM OAUTH */
.social-connect-box{width:min(560px,95vw)!important}.ig-connect-pane{margin-top:18px}.ig-connect-pane[hidden]{display:none!important}.ig-connect-brand{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #29466f;border-radius:14px;background:#0e274b}.ig-connect-brand .social-brand{margin:0;flex:0 0 45px}.ig-connect-brand>div:nth-child(2){display:grid;gap:3px}.ig-connect-brand b{font-size:14px}.ig-connect-brand small{font-size:10px;color:#91a8ca}.ig-secure{margin-left:auto;font-size:8px;font-weight:900;letter-spacing:.8px;color:#6de6b4;background:#0f493d;padding:5px 8px;border-radius:99px}.ig-permissions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.ig-permissions span{font-size:10px;color:#b8c9e2;border:1px solid #29466f;background:#0c2445;border-radius:10px;padding:9px 10px}.ig-oauth-btn{display:flex!important;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;margin-top:15px;font-size:13px}.ig-footnote{font-size:9px;line-height:1.5;color:#7891b5;margin:12px 2px 0;text-align:center}@media(max-width:620px){.ig-permissions{grid-template-columns:1fr}}

/* ===== V7.46 ACCOUNT DRAWER FULL-VIEW REFERENCE FIX ===== */
@media(min-width:901px){
  #accountDrawerBackdrop.account-drawer-backdrop{
    left:270px!important;z-index:9998!important;background:rgba(2,8,20,.38)!important;backdrop-filter:blur(2px)!important;
  }
  #accountDrawer.account-drawer{
    left:282px!important;top:14px!important;bottom:14px!important;width:372px!important;height:calc(100dvh - 28px)!important;max-height:calc(100dvh - 28px)!important;
    z-index:10001!important;border-radius:18px!important;border:1px solid #27436d!important;background:linear-gradient(180deg,#07162e 0%,#081a35 100%)!important;
    box-shadow:0 26px 70px rgba(0,8,25,.55)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  }
  body:has(.app.sidebar-mini) #accountDrawer.account-drawer{left:98px!important}
  body:has(.app.sidebar-mini) #accountDrawerBackdrop.account-drawer-backdrop{left:86px!important}
  #accountDrawer .account-drawer-head{flex:0 0 auto!important;padding:16px 16px 10px!important}
  #accountDrawer .account-drawer-head h2{font-size:18px!important}
  #accountDrawer .account-drawer-head p{font-size:10px!important}
  #accountDrawer .account-drawer-scroll{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:0 12px 8px!important;scrollbar-width:thin!important}
  #accountDrawer .account-identity{grid-template-columns:52px 1fr 16px!important;gap:11px!important;padding:11px!important;margin-bottom:9px!important;border-radius:12px!important}
  #accountDrawer .account-photo{width:48px!important;height:48px!important;font-size:19px!important}
  #accountDrawer .account-identity b{font-size:12px!important}#accountDrawer .account-identity small{font-size:9px!important;margin:2px 0 5px!important}
  #accountDrawer .account-identity em{font-size:8px!important;padding:4px 8px!important}
  #accountDrawer .account-drawer-list{border-radius:11px!important}
  #accountDrawer .account-drawer-list>a,#accountDrawer .account-drawer-list>button{min-height:49px!important;padding:6px 9px!important;grid-template-columns:32px 1fr auto!important;gap:9px!important}
  #accountDrawer .ad-icon{width:31px!important;height:31px!important;border-radius:9px!important}
  #accountDrawer .ad-icon .ui-icon{width:16px!important;height:16px!important}
  #accountDrawer .account-drawer-list b{font-size:10.5px!important;margin-bottom:1px!important}
  #accountDrawer .account-drawer-list small{font-size:8.5px!important;line-height:1.25!important}
  #accountDrawer .account-drawer-label{padding:9px 3px 5px!important;font-size:8.5px!important}
  #accountDrawer .account-drawer-logout{flex:0 0 auto!important;margin:0!important;padding:9px 12px 11px!important;background:#07182f!important}
  #accountDrawer .account-drawer-logout button{height:38px!important;border-radius:9px!important;font-size:11px!important}
}
@media(min-width:901px) and (max-height:760px){
  #accountDrawer.account-drawer{top:8px!important;bottom:8px!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important;width:360px!important}
  #accountDrawer .account-drawer-head{padding:11px 14px 7px!important}
  #accountDrawer .account-identity{grid-template-columns:44px 1fr 14px!important;padding:8px!important;margin-bottom:6px!important}
  #accountDrawer .account-photo{width:40px!important;height:40px!important}
  #accountDrawer .account-drawer-list>a,#accountDrawer .account-drawer-list>button{min-height:43px!important;padding:5px 8px!important}
  #accountDrawer .ad-icon{width:28px!important;height:28px!important}
  #accountDrawer .account-drawer-label{padding:6px 3px 4px!important}
  #accountDrawer .account-drawer-logout{padding:6px 12px 8px!important}#accountDrawer .account-drawer-logout button{height:34px!important}
}

/* ===== V7.47 COMPACT FULL SIDEBAR VIEW =====
   Keep the complete navigation comfortably visible on common laptop screens. */
@media (min-width:901px){
  aside#sidebar{padding:12px 14px 10px!important;scrollbar-width:thin;scrollbar-color:#344766 transparent}
  aside#sidebar .side-brand{height:64px!important;padding:0 8px 10px!important;top:-12px!important}
  aside#sidebar .brandmark{width:42px!important;height:42px!important;border-radius:11px!important;font-size:22px!important}
  aside#sidebar .side-brand b{font-size:18px!important}
  aside#sidebar .side-brand small{font-size:9px!important}
  aside#sidebar .nav-label{margin:16px 12px 7px!important;font-size:10px!important;line-height:1.2!important}
  aside#sidebar .nav-label.sub{padding-top:12px!important}
  aside#sidebar nav a{min-height:38px!important;padding:8px 11px!important;margin:1px 0!important;border-radius:9px!important;font-size:13px!important;gap:11px!important}
  aside#sidebar nav a .ico{width:22px!important;font-size:17px!important;flex:0 0 22px!important}
  aside#sidebar nav a .ui-icon{width:18px!important;height:18px!important}
  aside#sidebar .notify{padding:2px 6px!important;font-size:9px!important}
  aside#sidebar .sidebar-signout{margin:3px 0 8px!important}
  aside#sidebar .sidebar-signout button{min-height:38px!important;padding:8px 11px!important;font-size:13px!important}
}
@media (min-width:901px) and (max-height:820px){
  aside#sidebar{padding-top:8px!important}
  aside#sidebar .side-brand{height:56px!important;top:-8px!important}
  aside#sidebar .brandmark{width:38px!important;height:38px!important;font-size:20px!important}
  aside#sidebar .nav-label{margin:11px 12px 5px!important}
  aside#sidebar .nav-label.sub{padding-top:8px!important}
  aside#sidebar nav a{min-height:33px!important;padding:6px 10px!important;font-size:12px!important}
  aside#sidebar nav a .ui-icon{width:16px!important;height:16px!important}
}

/* ===== V7.48 REFINED COMPACT SIDEBAR — MATCH CLEAN REFERENCE ===== */
@media (min-width:901px){
  .app{grid-template-columns:250px 1fr!important}
  aside#sidebar{width:250px!important;padding:10px 14px 14px!important;background:linear-gradient(180deg,#101936 0%,#09152c 72%,#08162b 100%)!important}
  .content{grid-column:2!important}
  aside#sidebar .side-brand{height:66px!important;padding:4px 7px 11px!important;gap:11px!important;border-bottom:1px solid rgba(129,151,194,.13)!important;position:static!important}
  aside#sidebar .brandmark{width:42px!important;height:42px!important;border-radius:10px!important;font-size:21px!important;box-shadow:0 7px 18px rgba(78,77,255,.25)!important}
  aside#sidebar .side-brand b{font-size:18px!important;line-height:1.05!important;letter-spacing:-.2px!important}
  aside#sidebar .side-brand small{font-size:8px!important;letter-spacing:1.2px!important;margin-top:3px!important}
  aside#sidebar .nav-label{margin:12px 8px 5px!important;font-size:9px!important;line-height:1.2!important;letter-spacing:1.35px!important}
  aside#sidebar .nav-label.sub{margin-top:9px!important;padding-top:11px!important;border-top:1px solid rgba(129,151,194,.13)!important}
  aside#sidebar nav a{min-height:36px!important;padding:7px 9px!important;margin:1px 0!important;border-radius:8px!important;font-size:12px!important;gap:10px!important;line-height:1.1!important}
  aside#sidebar nav a.on{background:linear-gradient(90deg,#7049ff,#4d5eff)!important;box-shadow:0 6px 18px rgba(81,78,255,.24)!important}
  aside#sidebar nav a .ico{width:20px!important;min-width:20px!important;flex:0 0 20px!important;font-size:16px!important;display:grid!important;place-items:center!important}
  aside#sidebar nav a .ui-icon{width:17px!important;height:17px!important;stroke-width:1.9!important}
  aside#sidebar .notify{padding:2px 6px!important;font-size:8px!important}
  aside#sidebar .sidebar-signout button{min-height:36px!important;padding:7px 9px!important;font-size:12px!important}
  #accountDrawerBackdrop.account-drawer-backdrop{left:250px!important}
  #accountDrawer.account-drawer{left:262px!important}
}
@media (min-width:901px) and (max-height:760px){
  aside#sidebar{padding-top:7px!important}
  aside#sidebar .side-brand{height:58px!important;padding-top:1px!important;padding-bottom:8px!important}
  aside#sidebar .brandmark{width:38px!important;height:38px!important;font-size:19px!important}
  aside#sidebar .side-brand b{font-size:17px!important}
  aside#sidebar .nav-label{margin:8px 8px 4px!important;font-size:8.5px!important}
  aside#sidebar .nav-label.sub{margin-top:6px!important;padding-top:8px!important}
  aside#sidebar nav a{min-height:31px!important;padding:5px 9px!important;font-size:11.5px!important}
  aside#sidebar nav a .ui-icon{width:15px!important;height:15px!important}
}

/* V7.49 — Sidebar brand/header precision pass */
@media (min-width: 901px){
  .app{grid-template-columns:250px minmax(0,1fr)!important}
  .content{grid-column:2!important}
  aside#sidebar{
    width:250px!important;
    padding:12px 14px 16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  aside#sidebar .side-brand{
    box-sizing:border-box!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding:6px 8px 13px!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    position:static!important;
    transform:none!important;
    border-bottom:1px solid rgba(129,151,194,.16)!important;
  }
  aside#sidebar .side-brand .brandmark{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    border-radius:11px!important;
    font-size:22px!important;
    line-height:44px!important;
  }
  aside#sidebar .side-brand>div:last-child{
    min-width:0!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    gap:3px!important;
    padding:0!important;
    margin:0!important;
    line-height:1!important;
  }
  aside#sidebar .side-brand b{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:19px!important;
    font-weight:800!important;
    line-height:1.08!important;
    letter-spacing:-.25px!important;
    white-space:nowrap!important;
  }
  aside#sidebar .side-brand small{
    display:block!important;
    margin:0!important;
    padding:0!important;
    color:#91a2c8!important;
    font-size:8px!important;
    font-weight:600!important;
    line-height:1.15!important;
    letter-spacing:1.55px!important;
    white-space:nowrap!important;
  }
  aside#sidebar .nav-label{margin:12px 8px 5px!important}
  aside#sidebar .nav-label.sub{margin-top:8px!important;padding-top:10px!important}
  aside#sidebar nav a{min-height:36px!important;padding:7px 9px!important;margin:1px 0!important}
}
@media (min-width:901px) and (max-height:760px){
  aside#sidebar{padding-top:8px!important}
  aside#sidebar .side-brand{height:64px!important;min-height:64px!important;padding:3px 7px 10px!important}
  aside#sidebar .side-brand .brandmark{width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important;font-size:20px!important;line-height:40px!important}
  aside#sidebar .side-brand b{font-size:18px!important}
  aside#sidebar .nav-label{margin:8px 8px 4px!important}
  aside#sidebar .nav-label.sub{margin-top:6px!important;padding-top:8px!important}
  aside#sidebar nav a{min-height:32px!important;padding:5px 9px!important}
}

/* ===== V7.50 SIDEBAR/CONTENT SEAM FIX =====
   Sidebar is 250px in V7.48/V7.49, so every desktop content offset must use
   the exact same 250px value. This removes the 40px white vertical gap. */
@media (min-width:901px){
  .app{
    display:block!important;
    grid-template-columns:none!important;
  }
  aside#sidebar{
    left:0!important;
    width:250px!important;
  }
  .content{
    display:block!important;
    grid-column:auto!important;
    margin-left:250px!important;
    width:calc(100% - 250px)!important;
    min-width:0!important;
  }
  .content>header{
    left:250px!important;
    width:calc(100% - 250px)!important;
  }
  .sidebar-mini aside#sidebar{width:86px!important}
  .sidebar-mini .content{
    margin-left:86px!important;
    width:calc(100% - 86px)!important;
  }
  .sidebar-mini .content>header{
    left:86px!important;
    width:calc(100% - 86px)!important;
  }
}

/* ===== V7.51 STICKY BRAND + CLEAN COLLAPSED SIDEBAR ===== */
@media (min-width:901px){
  /* Keep the Merchant title frozen while only the menu list scrolls beneath it. */
  aside#sidebar .side-brand{
    position:sticky!important;
    top:-12px!important;
    z-index:80!important;
    margin:-12px -14px 8px!important;
    width:calc(100% + 28px)!important;
    height:84px!important;
    min-height:84px!important;
    padding:18px 22px 12px!important;
    background:linear-gradient(180deg,#101936 0%,#101936 88%,rgba(16,25,54,.985) 100%)!important;
    border-bottom:1px solid rgba(129,151,194,.16)!important;
    overflow:hidden!important;
  }

  /* Collapsed sidebar: show one clean centered M only; never leak Merchant text. */
  .app.sidebar-mini aside#sidebar{
    width:86px!important;
    padding:12px 10px 16px!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }
  .app.sidebar-mini aside#sidebar .side-brand{
    top:-12px!important;
    margin:-12px -10px 8px!important;
    width:86px!important;
    height:84px!important;
    min-height:84px!important;
    padding:18px 0 12px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:0!important;
    overflow:hidden!important;
  }
  .app.sidebar-mini aside#sidebar .side-brand>div:not(.brandmark){display:none!important}
  .app.sidebar-mini aside#sidebar .brandmark{
    display:grid!important;
    place-items:center!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    flex:0 0 44px!important;
    margin:0!important;
    padding:0!important;
    font-size:0!important;
    line-height:1!important;
    overflow:hidden!important;
  }
  .app.sidebar-mini aside#sidebar .brandmark::after{
    content:'M'!important;
    display:block!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:800!important;
    color:#fff!important;
  }
  .app.sidebar-mini aside#sidebar .nav-label,
  .app.sidebar-mini aside#sidebar nav span,
  .app.sidebar-mini aside#sidebar nav em,
  .app.sidebar-mini aside#sidebar .notify{display:none!important}
  .app.sidebar-mini aside#sidebar nav a{
    width:52px!important;
    min-width:52px!important;
    height:48px!important;
    min-height:48px!important;
    padding:0!important;
    margin:4px auto!important;
    justify-content:center!important;
    gap:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }
  .app.sidebar-mini aside#sidebar nav a .ico{
    width:22px!important;
    min-width:22px!important;
    flex:0 0 22px!important;
    margin:0!important;
  }
  .app.sidebar-mini aside#sidebar nav a .ui-icon{width:20px!important;height:20px!important}
  .app.sidebar-mini .content{margin-left:86px!important;width:calc(100% - 86px)!important}
  .app.sidebar-mini .content>header{left:86px!important;width:calc(100% - 86px)!important}
}
/* V7.53 Messenger realtime inbox */
.social-msg{cursor:pointer}.social-msg.active{outline:2px solid rgba(92,82,255,.35);background:rgba(92,82,255,.06)}
.fb-reply-bar{display:flex;gap:10px;margin-top:14px}.fb-reply-bar input{flex:1;min-width:0}.fb-reply-status{font-size:12px;margin-top:7px;opacity:.72}.social-msg .dir{font-size:10px;opacity:.6;margin-left:6px}

/* ===== V7.54 ACCOUNT DRAWER — RAPAT KE SIDEBAR =====
   Hilangkan celah kosong saat Pengaturan Akun dibuka. */
@media (min-width:901px){
  #accountDrawerBackdrop.account-drawer-backdrop{
    left:250px!important;
  }
  #accountDrawer.account-drawer{
    left:252px!important;
  }
  body:has(.app.sidebar-mini) #accountDrawerBackdrop.account-drawer-backdrop,
  .app.sidebar-mini ~ #accountDrawerBackdrop.account-drawer-backdrop{
    left:86px!important;
  }
  body:has(.app.sidebar-mini) #accountDrawer.account-drawer,
  .app.sidebar-mini ~ #accountDrawer.account-drawer{
    left:88px!important;
  }
}

/* ===== V7.55 ACCOUNT DRAWER — EXACT SIDEBAR EDGE =====
   Posisi final juga dikunci via JS berdasarkan sisi kanan sidebar aktual. */
@media (min-width:901px){
  #accountDrawer.account-drawer{margin-left:0!important;}
}

/* ===== V7.57 THEME TOGGLE — segmented icon effect ===== */
.theme-switch{min-width:78px!important;height:42px!important;padding:4px!important;gap:2px!important;border:1px solid #30486e!important;border-radius:11px!important;background:#14284a!important}
.theme-switch .ui-icon{width:30px!important;height:30px!important;padding:6px;border-radius:8px;opacity:.72;transition:.18s ease}
.theme-switch .moon{opacity:.72}
body:not(.dark):not([data-admin-theme="dark-mode"]) .theme-switch .ui-icon:first-child{background:#fff;color:#20304d;opacity:1;box-shadow:0 3px 10px #0002}
body.dark .theme-switch .ui-icon:first-child,body[data-admin-theme="dark-mode"] .theme-switch .ui-icon:first-child{background:transparent!important;color:#dce7ff!important;opacity:.78;box-shadow:none!important}
body.dark .theme-switch .moon,body[data-admin-theme="dark-mode"] .theme-switch .moon{background:#2458df!important;color:#fff!important;opacity:1!important;box-shadow:0 4px 12px #2458df55}
/* V7.58 advanced account center */
.af-modal{position:fixed;inset:0;z-index:2300;display:grid;place-items:center;padding:22px;background:rgba(2,9,24,.64);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.2s}.af-modal.show{opacity:1;visibility:visible}.af-dialog{width:min(650px,calc(100vw - 30px));max-height:min(760px,calc(100dvh - 34px));overflow:hidden;border:1px solid #2c4771;border-radius:22px;background:linear-gradient(180deg,#0b1d38,#08172d);box-shadow:0 34px 100px rgba(0,0,0,.5);color:#eef5ff;transform:translateY(14px) scale(.98);transition:.22s}.af-modal.show .af-dialog{transform:none}.af-dialog>header{display:grid;grid-template-columns:48px 1fr 38px;gap:13px;align-items:center;padding:20px 22px;border-bottom:1px solid #203a60}.af-title-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#3c6fff,#704cff);box-shadow:0 10px 28px #3158d633}.af-title-icon .ui-icon{width:22px;height:22px}.af-dialog h3{margin:0 0 4px;font-size:18px}.af-dialog header p{margin:0;color:#91a9cc;font-size:11px}.af-close{width:36px;height:36px;border:0;border-radius:50%;background:#142b4e;color:#bcd0ed;font-size:23px;cursor:pointer}.af-body{padding:20px 22px;max-height:560px;overflow:auto}.af-footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid #203a60;background:#08152a}.af-btn{border:1px solid #31517d;border-radius:10px;padding:10px 15px;background:#132a4b;color:#dceaff;font-weight:800;cursor:pointer}.af-btn.primary{border-color:#5b55ff;background:linear-gradient(135deg,#326dff,#6849ff);color:white}.af-btn.danger{border-color:#ff4d76;color:#ff7292;background:#351329}.af-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.af-card{padding:15px;border:1px solid #254166;border-radius:14px;background:#0e2341}.af-card b{display:block;font-size:12px;margin-bottom:5px}.af-card small,.af-muted{color:#8ea8cf;font-size:10px;line-height:1.55}.af-switch{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #203a60}.af-switch:last-child{border:0}.af-switch span b{font-size:12px;display:block}.af-switch span small{font-size:10px;color:#8ea8cf}.af-switch input{appearance:none;width:42px;height:24px;border-radius:20px;background:#294261;position:relative;cursor:pointer;transition:.2s}.af-switch input:after{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.af-switch input:checked{background:#5c52ff}.af-switch input:checked:after{left:21px}.af-field{display:block;margin:0 0 13px;color:#a8bbd7;font-size:11px;font-weight:700}.af-field input,.af-field textarea,.af-field select{box-sizing:border-box;width:100%;margin-top:7px;border:1px solid #2b486f;border-radius:10px;background:#0b1b34;color:#f1f6ff;padding:11px 12px;outline:none}.af-field textarea{min-height:110px;resize:vertical}.af-theme-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.af-theme{border:1px solid #2c4972;border-radius:14px;padding:15px;background:#0e2341;color:#fff;text-align:left;cursor:pointer}.af-theme.active{border-color:#645cff;box-shadow:0 0 0 2px #645cff33}.af-theme-preview{height:70px;border-radius:9px;margin-bottom:10px;background:#f4f7fc;position:relative;overflow:hidden}.af-theme-preview.dark{background:#08172d}.af-theme-preview:before{content:"";position:absolute;left:0;top:0;bottom:0;width:28%;background:#11203b}.af-theme-preview:after{content:"";position:absolute;left:34%;right:8%;top:12px;height:12px;border-radius:6px;background:#6172ff;box-shadow:0 22px 0 #dfe6f2,0 44px 0 #dfe6f2}.af-theme-preview.dark:after{box-shadow:0 22px 0 #17304f,0 44px 0 #17304f}.af-faq{border:1px solid #254166;border-radius:12px;margin-bottom:9px;overflow:hidden}.af-faq button{width:100%;padding:13px 14px;border:0;background:#0e2341;color:#fff;text-align:left;font-weight:800;cursor:pointer}.af-faq div{display:none;padding:0 14px 13px;color:#91a9cc;font-size:11px;line-height:1.6}.af-faq.open div{display:block}.af-code{padding:12px;border:1px dashed #35537c;border-radius:10px;background:#071426;color:#a9c4eb;font:11px monospace;word-break:break-all}.account-drawer-list .ad-icon .ui-icon{width:18px!important;height:18px!important}.account-drawer-list .ad-icon{color:#fff}.account-drawer-list .ad-glyph{display:none!important}@media(max-width:650px){.af-grid,.af-theme-row{grid-template-columns:1fr}.af-body{padding:16px}.af-dialog>header{padding:16px}}

/* V7.59 — Polished adaptive account popups */
.af-dialog,.shortcut-modal>div{font-family:inherit}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-modal{background:rgba(22,35,60,.36)}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog{background:#fff;color:#17243d;border-color:#dce5f3;box-shadow:0 30px 90px rgba(27,43,76,.22)}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog>header{background:linear-gradient(180deg,#fff,#f9fbff);border-color:#e5ebf5}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog header p,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-muted,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-card small,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-switch span small{color:#7385a4}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-close{background:#f0f4fa;color:#5f7292}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-body{background:#fbfcff}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-footer{background:#fff;border-color:#e5ebf5}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-card,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-theme,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-faq{background:#fff;color:#17243d;border-color:#dfe7f2}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-switch{border-color:#e6ecf5;color:#17243d}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-field{color:#465a7b}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-field input,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-field textarea,body:not([data-admin-theme="dark-mode"]):not(.dark) .af-field select{background:#fff;color:#17243d;border-color:#d6e0ee}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-code{background:#f5f8fc;color:#526986;border-color:#cdd9e9}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-btn{background:#fff;color:#334968;border-color:#d2ddeb}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-faq button{background:#fff;color:#17243d}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-faq div{color:#6f819f}
.af-section-title{display:flex;align-items:center;justify-content:space-between;margin:2px 0 10px}.af-section-title b{font-size:12px}.af-section-title small{font-size:10px;color:#8299ba}.af-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.af-option{border:1px solid #29466d;background:#0d213e;color:#eaf2ff;border-radius:12px;padding:11px;text-align:left;cursor:pointer}.af-option.active{border-color:#655cff;box-shadow:0 0 0 2px rgba(101,92,255,.15)}.af-option b{display:block;font-size:11px}.af-option small{display:block;font-size:9px;color:#8da6ca;margin-top:3px}.af-divider{height:1px;background:#203a60;margin:17px 0}.af-tip{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border-radius:11px;background:rgba(80,100,255,.09);border:1px solid rgba(100,110,255,.18);font-size:10px;line-height:1.5;color:#9fb4d5}.af-tip .ui-icon{width:16px;height:16px;flex:none}.af-btn .ui-icon{width:15px;height:15px;vertical-align:-3px;margin-right:5px}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-option{background:#fff;color:#17243d;border-color:#dce5f1}body:not([data-admin-theme="dark-mode"]):not(.dark) .af-option small{color:#788ba8}body:not([data-admin-theme="dark-mode"]):not(.dark) .af-divider{background:#e6ecf4}body:not([data-admin-theme="dark-mode"]):not(.dark) .af-tip{color:#607595;background:#f2f4ff;border-color:#e0e2ff}
body[data-admin-theme="dark-mode"] .shortcut-modal,body.dark .shortcut-modal{background:rgba(1,8,21,.68);backdrop-filter:blur(8px)}body[data-admin-theme="dark-mode"] .shortcut-modal>div,body.dark .shortcut-modal>div{background:linear-gradient(180deg,#0b1d38,#08172d);border:1px solid #2c4771;box-shadow:0 34px 100px rgba(0,0,0,.5)}body[data-admin-theme="dark-mode"] .shortcut-close,body.dark .shortcut-close{background:#142b4e;color:#bcd0ed}body[data-admin-theme="dark-mode"] .shortcut-modal p,body.dark .shortcut-modal p{color:#91a9cc}
.shortcut-modal{backdrop-filter:blur(8px)}.shortcut-modal>div{border:1px solid #dce5f1}.shortcut-modal h3{font-size:19px}.shortcut-modal section{min-height:34px}.shortcut-modal kbd{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:700}
@media(max-width:650px){.af-option-grid{grid-template-columns:1fr}.af-dialog{border-radius:18px}.af-footer{flex-wrap:wrap}.af-footer .af-btn{flex:1}}

/* V7.60 — Popup typography contrast fix (light + dark) */
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog h3,
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog>header h3,
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog>header b,
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog>header strong{color:#17243d!important;opacity:1!important;-webkit-text-fill-color:#17243d!important;text-shadow:none!important}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-dialog>header p{color:#667b9d!important;opacity:1!important;-webkit-text-fill-color:#667b9d!important}
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-card b,
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-switch b,
body:not([data-admin-theme="dark-mode"]):not(.dark) .af-section-title b{color:#17243d!important;-webkit-text-fill-color:#17243d!important}
body[data-admin-theme="dark-mode"] .af-dialog h3,body.dark .af-dialog h3,
body[data-admin-theme="dark-mode"] .af-dialog>header h3,body.dark .af-dialog>header h3{color:#f4f7ff!important;opacity:1!important;-webkit-text-fill-color:#f4f7ff!important}
body[data-admin-theme="dark-mode"] .af-dialog>header p,body.dark .af-dialog>header p{color:#9db0cf!important;opacity:1!important;-webkit-text-fill-color:#9db0cf!important}
\n\n/* ===== V7.61 DIRECT ACCOUNT ROUTES + COLLAPSED ICON + PROFILE ALIGNMENT ===== */\n/* Real profile pages should navigate directly; popup-only tools stay modal. */\n.account-drawer-list>a{box-sizing:border-box}\n.social-hub-ico{display:grid!important;place-items:center!important}\n.social-hub-ico .ui-icon{display:block!important;width:20px!important;height:20px!important;stroke:currentColor!important;fill:none!important}\n@media (min-width:901px){\n  .app.sidebar-mini aside#sidebar nav a .ico{display:grid!important;place-items:center!important;width:52px!important;height:48px!important;flex:0 0 52px!important;margin:0!important}\n  .app.sidebar-mini aside#sidebar nav a .ico .ui-icon{display:block!important;width:21px!important;height:21px!important;stroke:currentColor!important;fill:none!important}\n  .app.sidebar-mini aside#sidebar .side-brand{display:grid!important;place-items:center!important}\n  .app.sidebar-mini aside#sidebar .brandmark{position:relative!important;inset:auto!important;transform:none!important}\n}\n.ps-avatar{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important;padding:0!important}\n.ps-avatar-letter{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;line-height:1!important;transform:translateY(-1px)}\n@media(max-width:850px){\n .ps-page{width:100%!important;max-width:100%!important;margin:0 auto!important}\n .ps-profile-card{width:100%!important;min-width:0!important;max-width:520px!important;margin:0 auto!important;left:auto!important;right:auto!important;transform:none!important}\n}\n
/* V7.62 shell navigation feedback */
html::before{content:"";position:fixed;left:0;top:0;width:0;height:3px;z-index:100000;background:linear-gradient(90deg,#6d4aff,#3b82f6);opacity:0;transition:opacity .16s ease,width .22s ease;pointer-events:none}
html.app-nav-loading::before{width:72%;opacity:1;animation:merchantNavProgress 1s ease-in-out infinite alternate}
@keyframes merchantNavProgress{from{width:24%}to{width:86%}}
main.content section.page{transition:opacity .12s ease}
html.app-nav-loading main.content section.page{opacity:.82}

/* ===== V7.63 FAST SPA + FIXED MINI SIDEBAR ===== */
@media (min-width:901px){
  .app,.content,.content>header,aside#sidebar{transition:none!important}
  .app.sidebar-mini{grid-template-columns:86px minmax(0,1fr)!important}
  .app.sidebar-mini aside#sidebar{width:86px!important;min-width:86px!important;max-width:86px!important;padding:12px 10px 16px!important}
  .app.sidebar-mini .content{margin-left:86px!important;width:calc(100% - 86px)!important;min-width:0!important}
  .app.sidebar-mini .content>header{left:86px!important;width:calc(100% - 86px)!important}
  .app.sidebar-mini aside#sidebar .side-brand{width:86px!important;min-width:86px!important;max-width:86px!important;margin:-12px -10px 8px!important;padding:18px 0 12px!important}
  .app.sidebar-mini aside#sidebar nav{width:66px!important;margin:0 auto!important}
  .app.sidebar-mini aside#sidebar nav a{width:52px!important;min-width:52px!important;max-width:52px!important;height:48px!important;margin:4px auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .app.sidebar-mini aside#sidebar nav a .ico{width:22px!important;min-width:22px!important;max-width:22px!important;height:22px!important;margin:0!important;display:grid!important;place-items:center!important}
  .app.sidebar-mini aside#sidebar nav a.on{width:52px!important;min-width:52px!important;max-width:52px!important}
}
html.app-nav-loading body{cursor:progress}
html.app-nav-loading main.content section.page{opacity:.985}

/* ===== V7.64 COMPACT COLLAPSED SIDEBAR — ICONS STAY ORIGINAL SIZE ===== */
@media (min-width:901px){
  .app.sidebar-mini{grid-template-columns:72px minmax(0,1fr)!important}
  .app.sidebar-mini aside#sidebar{
    width:72px!important;min-width:72px!important;max-width:72px!important;
    padding:12px 8px 16px!important;
  }
  .app.sidebar-mini .content{margin-left:72px!important;width:calc(100% - 72px)!important}
  .app.sidebar-mini .content>header{left:72px!important;width:calc(100% - 72px)!important}
  .app.sidebar-mini aside#sidebar .side-brand{
    width:72px!important;min-width:72px!important;max-width:72px!important;
    margin:-12px -8px 8px!important;padding:18px 0 12px!important;
  }
  .app.sidebar-mini aside#sidebar .brandmark{
    width:42px!important;height:42px!important;min-width:42px!important;flex-basis:42px!important;
  }
  .app.sidebar-mini aside#sidebar nav{width:56px!important;margin:0 auto!important}
  .app.sidebar-mini aside#sidebar nav a,
  .app.sidebar-mini aside#sidebar nav a.on{
    box-sizing:border-box!important;width:42px!important;min-width:42px!important;max-width:42px!important;
    height:42px!important;min-height:42px!important;max-height:42px!important;
    padding:0!important;margin:3px auto!important;border-radius:10px!important;
    display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important;
    transform:none!important;
  }
  .app.sidebar-mini aside#sidebar nav a:hover{transform:none!important}
  .app.sidebar-mini aside#sidebar nav a .ico{
    width:20px!important;min-width:20px!important;max-width:20px!important;height:20px!important;
    flex:0 0 20px!important;margin:0!important;padding:0!important;font-size:18px!important;
    display:grid!important;place-items:center!important;
  }
  .app.sidebar-mini aside#sidebar nav a .ico .ui-icon,
  .app.sidebar-mini aside#sidebar nav a .ui-icon{width:19px!important;height:19px!important}
  .app.sidebar-mini .sidebar-signout button{width:42px!important;height:42px!important;min-height:42px!important}
  .app.sidebar-mini .collapse-btn{left:52px!important;width:32px!important;height:32px!important}
}


/* ===== V7.65 COLLAPSED SIDEBAR HOVER LABEL ===== */
@media (min-width:901px){
  .app.sidebar-mini aside#sidebar{overflow:visible!important}
  .app.sidebar-mini aside#sidebar nav{overflow:visible!important}
  .app.sidebar-mini aside#sidebar nav a{position:relative!important;overflow:visible!important}
  .app.sidebar-mini aside#sidebar nav a::after{
    content:attr(data-menu-label);
    position:absolute;left:calc(100% + 13px);top:50%;transform:translateY(-50%) translateX(-4px);
    z-index:10050;display:block;max-width:220px;padding:9px 13px;border-radius:9px;
    background:#202331;color:#fff;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;
    box-shadow:0 10px 28px rgba(2,8,23,.28);border:1px solid rgba(255,255,255,.08);
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,transform .12s ease,visibility .12s ease;
  }
  .app.sidebar-mini aside#sidebar nav a::before{
    content:"";position:absolute;left:calc(100% + 7px);top:50%;transform:translateY(-50%);
    z-index:10051;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:7px solid #202331;
    opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease;
  }
  .app.sidebar-mini aside#sidebar nav a:hover::after,
  .app.sidebar-mini aside#sidebar nav a:focus-visible::after{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
  .app.sidebar-mini aside#sidebar nav a:hover::before,
  .app.sidebar-mini aside#sidebar nav a:focus-visible::before{opacity:1;visibility:visible}
}