/* ItnaVerse V4.8.66 — Aurora Orbit responsive UI layer
   Global override loaded after legacy style.css so existing pages keep working. */
:root{
  --itna-bg:#f5f7ff;
  --itna-bg-2:#eef2ff;
  --itna-surface:rgba(255,255,255,.86);
  --itna-surface-solid:#fff;
  --itna-surface-soft:#f8faff;
  --itna-ink:#101828;
  --itna-muted:#667085;
  --itna-line:rgba(49,67,113,.13);
  --itna-line-strong:rgba(49,67,113,.22);
  --itna-primary:var(--brand-primary,#3567ff);
  --itna-accent:var(--brand-accent,#ff8a3d);
  --itna-cyan:#31d8ff;
  --itna-violet:#805dff;
  --itna-green:#12b76a;
  --itna-red:#f04438;
  --itna-warning:#f79009;
  --itna-radius-xs:10px;
  --itna-radius-sm:14px;
  --itna-radius:20px;
  --itna-radius-lg:28px;
  --itna-radius-xl:34px;
  --itna-shadow-sm:0 8px 24px rgba(28,44,91,.07);
  --itna-shadow:0 20px 60px rgba(28,44,91,.11);
  --itna-shadow-float:0 28px 80px rgba(18,34,76,.18);
  --itna-sidebar:286px;
  --itna-topbar:82px;
  --itna-transition:180ms cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{background:var(--itna-bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;
  min-width:320px;
  color:var(--itna-ink);
  background:
    radial-gradient(circle at 12% 0%, color-mix(in srgb,var(--itna-primary) 13%, transparent) 0 13%, transparent 34%),
    radial-gradient(circle at 92% 16%, color-mix(in srgb,var(--itna-accent) 11%, transparent) 0 10%, transparent 31%),
    linear-gradient(145deg,#f9fbff 0%,var(--itna-bg) 48%,#f5f3ff 100%);
  background-attachment:fixed;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans Bengali","Noto Sans",Arial,sans-serif;
  line-height:1.5;
  text-rendering:optimizeLegibility;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.38;
  background-image:
    linear-gradient(rgba(56,84,155,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(56,84,155,.032) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,black,transparent 82%);
}
img,video,canvas,svg{max-width:100%}
a{color:inherit}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{outline-color:color-mix(in srgb,var(--itna-primary) 45%, transparent)}
::selection{background:color-mix(in srgb,var(--itna-primary) 24%, white);color:#111827}

/* App geometry */
.app-shell{display:flex;min-height:100dvh;width:100%}
.main-panel{min-width:0;flex:1;width:calc(100% - var(--itna-sidebar));margin-left:var(--itna-sidebar);transition:margin var(--itna-transition),width var(--itna-transition)}
.content-area{width:min(100%,1640px);margin:0 auto;padding:28px clamp(18px,2.4vw,40px) 58px;min-height:calc(100dvh - var(--itna-topbar))}
.page-aura{position:relative}
.page-aura::before{
  content:"";position:absolute;top:-80px;right:4%;width:260px;height:260px;border-radius:50%;pointer-events:none;z-index:-1;
  background:radial-gradient(circle,color-mix(in srgb,var(--itna-primary) 12%, transparent),transparent 68%);filter:blur(2px)
}

/* Desktop sidebar: "Aurora Rail" */
.sidebar{
  position:fixed;inset:0 auto 0 0;width:var(--itna-sidebar);z-index:80;
  display:flex;flex-direction:column;padding:18px 14px 14px;
  color:#edf3ff;
  background:
    radial-gradient(circle at 20% 4%,rgba(86,132,255,.34),transparent 28%),
    radial-gradient(circle at 90% 88%,rgba(255,130,61,.17),transparent 30%),
    linear-gradient(170deg,#0e1730 0%,#101d3c 46%,#091225 100%);
  border-right:1px solid rgba(140,170,255,.16);
  box-shadow:18px 0 55px rgba(10,19,45,.13);
  overflow:hidden;
  transition:width var(--itna-transition),transform var(--itna-transition)
}
.sidebar::after{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,var(--itna-primary),var(--itna-cyan),var(--itna-accent));
  opacity:.95
}
.sidebar .brand{display:flex;align-items:center;gap:12px;min-height:66px;padding:8px 10px 15px;margin:0 2px 7px;border-bottom:1px solid rgba(255,255,255,.09);text-decoration:none}
.brand-mark,.brand-mark-img{width:45px;height:45px;min-width:45px;border-radius:15px;display:grid;place-items:center;overflow:hidden;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.12)}
.brand-mark-img img{width:100%;height:100%;object-fit:cover}
.brand-copy{min-width:0;display:grid;gap:1px}
.brand-copy b{font-size:17px;letter-spacing:-.015em;white-space:nowrap}
.brand-copy small{font-size:10px;color:#99abd0;letter-spacing:.095em;text-transform:uppercase;white-space:nowrap}
.side-nav{flex:1;overflow:auto;padding:7px 2px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent}
.side-nav::-webkit-scrollbar{width:5px}.side-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:99px}
.nav-item{position:relative;display:flex;align-items:center;gap:11px;min-height:43px;margin:3px 0;padding:9px 12px;border-radius:14px;color:#aebfe1;text-decoration:none;font-size:13px;font-weight:650;transition:background var(--itna-transition),color var(--itna-transition),transform var(--itna-transition)}
.nav-item:hover{color:#fff;background:rgba(255,255,255,.075);transform:translateX(2px)}
.nav-item.active{color:#fff;background:linear-gradient(95deg,rgba(72,112,255,.28),rgba(49,216,255,.09));box-shadow:inset 0 0 0 1px rgba(121,159,255,.18)}
.nav-item.active::before{content:"";position:absolute;left:-2px;top:9px;bottom:9px;width:3px;border-radius:99px;background:linear-gradient(var(--itna-cyan),var(--itna-primary));box-shadow:0 0 14px rgba(49,216,255,.65)}
.nav-dot{width:8px;height:8px;min-width:8px;border-radius:3px;display:inline-block;background:#52688f;box-shadow:0 0 0 4px rgba(111,139,190,.07);transition:all var(--itna-transition)}
.nav-item.active .nav-dot{background:var(--itna-cyan);box-shadow:0 0 0 4px rgba(49,216,255,.12),0 0 12px rgba(49,216,255,.5);transform:rotate(45deg)}
.nav-unread-badge{margin-left:auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#ff5c68,#ff8a3d);color:#fff;font-size:10px;font-weight:900;box-shadow:0 6px 16px rgba(240,68,56,.28)}
.side-user{margin-top:auto;padding:12px 8px 2px;border-top:1px solid rgba(255,255,255,.09);display:grid;gap:9px}
.side-user-profile{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.side-user-profile .avatar{width:38px;height:38px;min-width:38px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,var(--itna-primary),var(--itna-violet));color:#fff;box-shadow:0 8px 22px rgba(61,85,255,.32)}
.side-user-profile div{display:grid;min-width:0}.side-user-profile b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-user-profile small{font-size:10px;color:#8da0c5}
.side-logout{font-size:11px;color:#91a3c8;text-decoration:none;padding:6px 48px;text-align:center;border-radius:10px}.side-logout:hover{color:#fff;background:rgba(255,255,255,.06)}
.itna-sidebar-toggle{position:absolute;right:10px;top:78px;width:30px;height:30px;border:0;border-radius:10px;background:rgba(255,255,255,.09);color:#d8e4ff;cursor:pointer;display:grid;place-items:center;z-index:3;transition:all var(--itna-transition)}
.itna-sidebar-toggle:hover{background:rgba(255,255,255,.16);transform:translateY(-1px)}
html.itna-sidebar-collapsed{--itna-sidebar:88px}
html.itna-sidebar-collapsed .sidebar .brand-copy,
html.itna-sidebar-collapsed .sidebar .nav-item>span:not(.nav-dot):not(.nav-unread-badge),
html.itna-sidebar-collapsed .sidebar .side-user-profile div,
html.itna-sidebar-collapsed .side-logout{display:none}
html.itna-sidebar-collapsed .sidebar .brand{justify-content:center;padding-inline:0}
html.itna-sidebar-collapsed .sidebar .nav-item{justify-content:center;padding-inline:10px}
html.itna-sidebar-collapsed .sidebar .nav-unread-badge{position:absolute;right:4px;top:4px;min-width:16px;height:16px;padding:0 4px;font-size:8px}
html.itna-sidebar-collapsed .sidebar .side-user-profile{justify-content:center}
html.itna-sidebar-collapsed .itna-sidebar-toggle{right:28px;transform:rotate(180deg)}

/* Topbar */
.app-topbar{
  position:sticky;top:0;z-index:60;min-height:var(--itna-topbar);padding:14px clamp(18px,2.4vw,40px);
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  background:linear-gradient(180deg,rgba(249,251,255,.91),rgba(249,251,255,.78));
  border-bottom:1px solid rgba(74,94,141,.1);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15)
}
.app-topbar::after{content:"";position:absolute;left:clamp(18px,2.4vw,40px);right:clamp(18px,2.4vw,40px);bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--itna-primary) 36%, transparent),transparent)}
.app-topbar>div:first-child{min-width:0}
.app-topbar h1{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.12;letter-spacing:-.035em;color:#111a2f}
.app-topbar p{margin:5px 0 0;color:var(--itna-muted);font-size:12px;max-width:720px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.icon-btn{position:relative;width:42px;height:42px;min-width:42px;border-radius:14px;display:grid;place-items:center;text-decoration:none;background:rgba(255,255,255,.82);border:1px solid var(--itna-line);box-shadow:var(--itna-shadow-sm);transition:all var(--itna-transition)}
.icon-btn:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--itna-primary) 36%, var(--itna-line));box-shadow:0 13px 26px rgba(40,64,129,.12)}
.badge-mini{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;display:grid;place-items:center;font-size:9px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff5164,#ff8a3d);border:2px solid #f7f9ff}
.profile-chip{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 13px;border-radius:14px;background:rgba(255,255,255,.65);border:1px solid var(--itna-line);text-decoration:none;font-size:12px;font-weight:750;color:#263654}

/* Universal surfaces */
.card,.panel,.box,.widget,.section-card,.admin-card,.stat,.metric-card,.form-card{
  background:var(--itna-surface)!important;
  border:1px solid var(--itna-line)!important;
  border-radius:var(--itna-radius)!important;
  box-shadow:var(--itna-shadow-sm);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.card{padding:clamp(16px,1.8vw,24px)}
.card+.card{margin-top:16px}
.card h1,.card h2,.card h3,.panel h1,.panel h2,.panel h3{letter-spacing:-.025em}
.eyebrow{display:inline-flex;align-items:center;gap:7px;color:color-mix(in srgb,var(--itna-primary) 78%,#263654);font-size:10px!important;font-weight:900!important;letter-spacing:.13em!important;text-transform:uppercase}
.eyebrow::before{content:"";width:14px;height:5px;border-radius:99px;background:linear-gradient(90deg,var(--itna-primary),var(--itna-cyan));box-shadow:0 0 12px color-mix(in srgb,var(--itna-primary) 32%, transparent)}
.muted,.help,.hint,.subtle{color:var(--itna-muted)!important}

/* Buttons */
.btn,button.btn,input[type="submit"].btn,a.btn{
  min-height:42px;padding:10px 15px;border-radius:13px!important;border:1px solid var(--itna-line-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;font-size:12px;text-decoration:none;cursor:pointer;transition:transform var(--itna-transition),box-shadow var(--itna-transition),background var(--itna-transition),border-color var(--itna-transition);box-shadow:0 5px 14px rgba(24,44,91,.05)
}
.btn:hover,button.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(24,44,91,.1)}
.btn.primary,.btn-primary,button.primary{
  color:#fff!important;border-color:transparent!important;
  background:linear-gradient(125deg,color-mix(in srgb,var(--itna-primary) 92%,#3d68ff),color-mix(in srgb,var(--itna-primary) 73%,var(--itna-violet)))!important;
  box-shadow:0 10px 24px color-mix(in srgb,var(--itna-primary) 24%, transparent)!important
}
.btn.primary:hover,.btn-primary:hover,button.primary:hover{filter:saturate(1.08) brightness(1.02);box-shadow:0 14px 30px color-mix(in srgb,var(--itna-primary) 31%, transparent)!important}
.btn.ghost,.btn.secondary,.btn-soft{background:rgba(255,255,255,.7)!important;color:#314260!important;border-color:var(--itna-line)!important}
.btn.danger,.btn-danger,button.danger{background:linear-gradient(135deg,#fff1f2,#ffe4e6)!important;color:#b42318!important;border-color:#fecdd3!important}
.btn.success,.btn-success{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
.btn.small,.small.btn{min-height:36px;padding:8px 12px;border-radius:11px!important;font-size:11px}
button:disabled,.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}

/* Forms */
label{font-size:12px;font-weight:750;color:#344054}
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea{
  width:100%;min-height:44px;padding:10px 12px;border:1px solid #d7dff0!important;border-radius:13px!important;background:rgba(255,255,255,.9)!important;color:#182230!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.5);transition:border var(--itna-transition),box-shadow var(--itna-transition),background var(--itna-transition)
}
textarea{min-height:112px;resize:vertical}
input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--itna-primary) 52%,#c8d2e8)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--itna-primary) 10%, transparent)!important;background:#fff!important;outline:0}
input[type="checkbox"],input[type="radio"]{accent-color:var(--itna-primary);width:17px;height:17px}
fieldset{border:1px solid var(--itna-line);border-radius:var(--itna-radius);padding:16px}legend{padding:0 8px;font-weight:850;color:#273654}
.form-row,.form-grid,.fields,.controls{gap:14px}

/* Alerts/status */
.success,.error,.warning,.notice,.alert,.info,.flash{
  border-radius:15px!important;padding:12px 14px!important;border:1px solid transparent!important;font-size:12px;box-shadow:none!important
}
.success,.alert-success{background:#ecfdf3!important;color:#067647!important;border-color:#abefc6!important}
.error,.alert-error,.alert-danger{background:#fff1f3!important;color:#b42318!important;border-color:#fecdd6!important}
.warning,.alert-warning{background:#fffaeb!important;color:#b54708!important;border-color:#fedf89!important}
.notice,.info,.alert-info{background:#eff8ff!important;color:#175cd3!important;border-color:#b2ddff!important}

/* Tables: JS adds .itna-table-scroll; generic rule still safe */
.itna-table-scroll{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--itna-line);border-radius:16px;background:rgba(255,255,255,.7);scrollbar-width:thin;scrollbar-color:#ccd6ed transparent}
.itna-table-scroll table{margin:0!important;border:0!important;min-width:680px;width:100%}
table{border-collapse:separate!important;border-spacing:0!important;width:100%;font-size:12px}
table th{padding:11px 12px!important;background:#f6f8fc!important;color:#475467!important;font-size:10px!important;letter-spacing:.045em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--itna-line)!important;white-space:nowrap}
table td{padding:12px!important;border-bottom:1px solid rgba(49,67,113,.08)!important;vertical-align:middle}
table tr:last-child td{border-bottom:0!important}
table tbody tr{transition:background var(--itna-transition)}table tbody tr:hover{background:rgba(76,111,255,.035)}
.table,.data-table{overflow:hidden;border-radius:16px}

/* Generic grids/stat blocks */
.grid,.stats,.cards,.dashboard-grid,.admin-grid{gap:16px}
.stats .stat,.metric,.kpi,.stat-card{position:relative;overflow:hidden}
.stats .stat::after,.metric::after,.kpi::after,.stat-card::after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;right:-24px;top:-26px;background:radial-gradient(circle,color-mix(in srgb,var(--itna-primary) 11%,transparent),transparent 72%)}
.big,.metric-value,.stat-value{letter-spacing:-.035em}

/* Menus, dropdowns, pills */
.dropdown,.menu,.popover{border:1px solid var(--itna-line)!important;border-radius:16px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--itna-shadow)!important;backdrop-filter:blur(18px)}
.badge,.pill,.tag,.chip{border-radius:999px!important}
hr{border:0;border-top:1px solid var(--itna-line);margin:18px 0}

/* Modal/dialog */
dialog,.modal-content,.modal-card{border:1px solid var(--itna-line)!important;border-radius:26px!important;background:rgba(255,255,255,.97)!important;box-shadow:var(--itna-shadow-float)!important;max-width:min(92vw,760px)}
dialog::backdrop,.modal-backdrop{background:rgba(8,16,38,.48)!important;backdrop-filter:blur(8px)}

/* Mobile bottom dock */
.mobile-nav{display:none}
.mobile-more-sheet[hidden]{display:none!important}
.mobile-more-sheet{position:fixed;inset:0;z-index:400}
.mobile-more-backdrop{position:absolute;inset:0;border:0;background:rgba(6,14,32,.58);backdrop-filter:blur(8px);width:100%;height:100%}
.mobile-more-panel{position:absolute;left:10px;right:10px;bottom:10px;max-height:min(86dvh,820px);overflow:auto;border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,250,255,.97));border:1px solid rgba(255,255,255,.76);box-shadow:0 28px 90px rgba(3,13,38,.34);padding:16px 14px max(18px,env(safe-area-inset-bottom));animation:itnaSheetIn 220ms cubic-bezier(.2,.9,.2,1)}
@keyframes itnaSheetIn{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
.mobile-more-brand{display:flex;align-items:center;justify-content:space-between;padding:4px 3px 13px;border-bottom:1px solid var(--itna-line)}
.mobile-more-user{display:flex;align-items:center;gap:10px;min-width:0}.mobile-more-user-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--itna-primary),var(--itna-violet));box-shadow:0 10px 24px color-mix(in srgb,var(--itna-primary) 27%,transparent)}
.mobile-more-user div{display:grid;min-width:0}.mobile-more-user b{font-size:13px}.mobile-more-user small{font-size:10px;color:var(--itna-muted)}
.mobile-more-close{width:38px;height:38px;border:1px solid var(--itna-line);border-radius:13px;background:#fff;color:#475467;font-size:25px;line-height:1;cursor:pointer}
.mobile-more-title{padding:18px 4px 10px}.mobile-more-title h2{margin:5px 0 4px;font-size:21px;letter-spacing:-.035em}.mobile-more-title p{margin:0;color:var(--itna-muted);font-size:11px}
.mobile-module-section{padding:10px 2px 5px}.mobile-module-section-head{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 2px 8px}.mobile-module-section-head span{font-size:11px;font-weight:850;color:#263654}.mobile-module-section-head small{font-size:9px;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em}
.mobile-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mobile-module-card{min-height:82px;padding:10px 5px;border:1px solid var(--itna-line);border-radius:17px;background:rgba(255,255,255,.82);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;text-decoration:none;box-shadow:0 5px 18px rgba(36,56,105,.045);transition:all var(--itna-transition)}
.mobile-module-card:active{transform:scale(.97)}.mobile-module-card.active{border-color:color-mix(in srgb,var(--itna-primary) 42%,#dce3f3);background:color-mix(in srgb,var(--itna-primary) 6%,#fff)}
.mobile-module-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font-size:16px;color:#fff;background:linear-gradient(135deg,#4057a8,#253967);box-shadow:0 7px 14px rgba(38,57,103,.16)}
.mobile-module-card.active .mobile-module-icon,.primary-tools .mobile-module-card .mobile-module-icon{background:linear-gradient(135deg,var(--itna-primary),color-mix(in srgb,var(--itna-primary) 62%,var(--itna-cyan)))}
.mobile-module-card b{font-size:9.5px;line-height:1.15;color:#344054}
.mobile-module-grid-secondary .mobile-module-icon{background:linear-gradient(135deg,#667085,#344054)}
.mobile-module-grid-admin .mobile-module-icon{background:linear-gradient(135deg,#7f56d9,#53389e)}
.mobile-more-footer{display:grid;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--itna-line)}
.mobile-settings-wide{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:9px;padding:11px;border-radius:16px;background:#f2f4f7;text-decoration:none}.mobile-settings-wide div{display:grid}.mobile-settings-wide b{font-size:11px}.mobile-settings-wide small{font-size:9px;color:var(--itna-muted)}
.mobile-signout{padding:10px;text-align:center;border-radius:13px;background:#fff1f3;color:#b42318;text-decoration:none;font-size:11px;font-weight:800}
html.more-nav-open{overflow:hidden}

/* Plan cards / current patch pages */
.plan-card,.plan-balance,.current-box{transition:transform var(--itna-transition),box-shadow var(--itna-transition),border-color var(--itna-transition)}
.plan-card:hover{transform:translateY(-3px);box-shadow:var(--itna-shadow)!important}
.plan-card.featured{position:relative;overflow:hidden}.plan-card.featured::after{content:"";position:absolute;right:-60px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--itna-primary) 15%,transparent),transparent 68%);pointer-events:none}

/* Media/workbench pages */
video,audio{border-radius:18px;background:#0b1120;box-shadow:0 14px 34px rgba(11,17,32,.12)}
pre,code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}pre{max-width:100%;overflow:auto;border-radius:14px;padding:13px;background:#0e172a;color:#dce7ff;font-size:11px}

/* High-density desktop screens */
@media (min-width:1500px){
  .content-area{padding-inline:42px}.card{padding:24px}.app-topbar{padding-inline:42px}
}
@media (max-width:1260px) and (min-width:901px){
  :root{--itna-sidebar:238px}.sidebar{padding-inline:10px}.nav-item{font-size:12px;padding-inline:10px}.brand-copy small{display:none}.content-area{padding-inline:24px}
}

/* Tablet + mobile */
@media (max-width:900px){
  :root{--itna-sidebar:0px;--itna-topbar:70px}
  body{background-attachment:scroll}
  .sidebar{display:none!important}
  .main-panel{margin-left:0!important;width:100%!important}
  .content-area{padding:16px 14px calc(104px + env(safe-area-inset-bottom));min-height:100dvh}
  .app-topbar{min-height:70px;padding:10px 14px;gap:8px;background:rgba(248,250,255,.92)}
  .app-topbar h1{font-size:20px}.app-topbar p{display:none}
  .top-actions{gap:5px}.profile-chip,.admin-top-btn{display:none!important}.icon-btn{width:38px;height:38px;min-width:38px;border-radius:13px}.global-logout-btn{min-width:38px!important;width:38px!important;padding:0!important}.logout-full{display:none!important}.logout-mobile{display:inline!important}
  .card{padding:15px;border-radius:18px!important}
  .mobile-nav{
    position:fixed;z-index:300;display:grid!important;grid-template-columns:repeat(5,1fr);align-items:center;
    left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));height:68px;padding:6px;
    border-radius:23px;background:linear-gradient(160deg,rgba(11,22,49,.96),rgba(16,31,68,.94));
    border:1px solid rgba(142,169,232,.2);box-shadow:0 18px 48px rgba(6,14,32,.32),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(20px)
  }
  .mobile-nav a{position:relative;min-width:0;height:56px;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:#8fa3cc;font-size:8px;font-weight:800;transition:all var(--itna-transition)}
  .mobile-nav a.active{color:#fff;background:linear-gradient(145deg,rgba(78,113,255,.32),rgba(49,216,255,.09));box-shadow:inset 0 0 0 1px rgba(125,158,255,.15)}
  .mobile-nav a.active::before{content:"";position:absolute;top:2px;width:18px;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--itna-cyan),var(--itna-primary));box-shadow:0 0 10px rgba(49,216,255,.65)}
  .mobile-nav-icon{font-size:17px;line-height:1}.mobile-chat-badge{position:absolute;top:2px;right:17%;min-width:16px;height:16px;padding:0 4px;border-radius:99px;display:grid;place-items:center;background:#ff5c68;color:#fff;font-size:8px;font-style:normal;border:2px solid #122044}
  .grid,.stats,.cards,.dashboard-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  .itna-table-scroll{border-radius:14px}.itna-table-scroll table{min-width:640px}
  .itna-sidebar-toggle{display:none!important}
}

@media (max-width:620px){
  .content-area{padding-inline:11px}
  .app-topbar{padding-inline:12px}.app-topbar h1{max-width:48vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px}.top-actions{margin-left:auto}.messenger-top-btn{display:none!important}
  .grid,.stats,.cards,.dashboard-grid,.admin-grid{grid-template-columns:1fr!important}
  .mobile-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-module-card{min-height:77px}
  .mobile-more-panel{left:6px;right:6px;bottom:6px;border-radius:27px;padding-inline:11px}
  .card{padding:14px}
  .btn,button.btn,input[type="submit"].btn{min-height:44px}
  .form-row,.form-grid,.fields,.controls{grid-template-columns:1fr!important}
  .current-box{grid-template-columns:1fr 1fr!important}
  .plan-grid{grid-template-columns:1fr!important}
}

@media (max-width:390px){
  .app-topbar h1{max-width:42vw;font-size:17px}.icon-btn{width:36px;height:36px;min-width:36px}.global-logout-btn{width:36px!important;min-width:36px!important}
  .mobile-nav{left:6px;right:6px;bottom:max(6px,env(safe-area-inset-bottom));height:64px;border-radius:21px}.mobile-nav a{height:52px;border-radius:15px}.mobile-nav-icon{font-size:16px}
  .mobile-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mobile-module-card b{font-size:9px}
  .current-box{grid-template-columns:1fr!important}
}

/* Touch + accessibility */
@media (hover:none){.btn:hover,.nav-item:hover,.plan-card:hover{transform:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
@media (prefers-contrast:more){:root{--itna-line:rgba(28,40,70,.28);--itna-line-strong:rgba(28,40,70,.42)}.card,.panel,.box{background:#fff!important}}

/* Utility classes inserted by V4.8.66 JS */
.itna-focus-ring:focus-visible{outline:3px solid color-mix(in srgb,var(--itna-primary) 28%,transparent);outline-offset:2px}
.itna-mobile-stack{min-width:0}
.itna-scroll-shadow{box-shadow:inset -16px 0 18px -18px rgba(13,31,75,.32)}


/* V4.8.66 — Google login / identity surfaces */
.itna-auth-card-v4866{position:relative;overflow:hidden;isolation:isolate}
.itna-auth-card-v4866::before{content:"";position:absolute;z-index:-1;inset:-45% auto auto -25%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--itna-primary) 22%,transparent),transparent 68%);filter:blur(2px)}
.itna-auth-card-v4866::after{content:"";position:absolute;z-index:-1;right:-90px;bottom:-120px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--itna-accent) 19%,transparent),transparent 70%)}
.auth-kicker{display:inline-flex;align-items:center;gap:7px;margin:2px 0 6px;font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--itna-primary)}
.auth-kicker::before{content:"";width:18px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--itna-primary),var(--itna-cyan))}
.google-auth-btn{min-height:54px;width:100%;display:grid;grid-template-columns:34px 1fr 22px;align-items:center;gap:10px;padding:9px 13px;margin:18px 0 12px;border:1px solid var(--itna-line-strong);border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 10px 28px rgba(30,48,94,.08);color:var(--itna-ink);text-decoration:none;font-weight:850;transition:transform var(--itna-transition),box-shadow var(--itna-transition),border-color var(--itna-transition)}
.google-auth-btn:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(30,48,94,.13);border-color:color-mix(in srgb,var(--itna-primary) 32%,var(--itna-line-strong))}
.google-auth-btn strong{font-size:18px;color:var(--itna-muted);text-align:right}
.google-g{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;font-weight:1000;font-size:18px;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:transparent;background-clip:text;-webkit-background-clip:text;border:1px solid rgba(66,133,244,.16);box-shadow:inset 0 0 0 6px rgba(255,255,255,.96)}
.auth-divider{display:flex;align-items:center;gap:10px;margin:11px 0 15px;color:var(--itna-muted);font-size:11px;font-weight:750}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--itna-line-strong))}.auth-divider::after{background:linear-gradient(90deg,var(--itna-line-strong),transparent)}
.google-admin-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(145deg,rgba(255,255,255,.93),color-mix(in srgb,var(--itna-primary) 5%,#fff));overflow:hidden;position:relative}.google-admin-hero::after{content:"G";position:absolute;right:12%;top:-54px;font-size:210px;font-weight:1000;line-height:1;color:color-mix(in srgb,var(--itna-primary) 5%,transparent);pointer-events:none}.google-readiness{position:relative;z-index:1;min-width:190px;padding:15px 17px;border-radius:18px;display:flex;flex-direction:column;gap:3px}.google-readiness strong{font-size:12px;letter-spacing:.12em}.google-readiness span{font-size:11px}.google-readiness.is-ready{background:rgba(18,183,106,.1);border:1px solid rgba(18,183,106,.2);color:#067647}.google-readiness.needs-config{background:rgba(247,144,9,.1);border:1px solid rgba(247,144,9,.2);color:#9a5500}
.google-admin-grid{align-items:start}.google-config-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.google-config-status>div{padding:11px 12px;border:1px solid var(--itna-line);border-radius:13px;background:var(--itna-surface-soft);display:flex;justify-content:space-between;gap:10px}.google-config-status span{font-size:11px;color:var(--itna-muted)}.google-config-status b{font-size:11px}.compact-check{display:flex!important;align-items:center!important;gap:9px!important;min-height:42px;padding:8px 10px;border:1px solid var(--itna-line);border-radius:12px;background:var(--itna-surface-soft);font-size:12px;font-weight:750}.compact-check input{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important}.itna-switch{display:flex!important;align-items:center!important;gap:9px!important;font-size:12px;font-weight:850}.itna-switch input{width:42px!important;height:23px!important;appearance:none;background:#d0d5dd;border-radius:99px;position:relative;cursor:pointer;transition:.18s ease}.itna-switch input::after{content:"";position:absolute;width:17px;height:17px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(16,24,40,.22);transition:.18s ease}.itna-switch input:checked{background:linear-gradient(90deg,var(--itna-primary),var(--itna-cyan))}.itna-switch input:checked::after{transform:translateX(19px)}
.setup-steps{display:grid;gap:9px}.setup-steps>div{display:grid;grid-template-columns:31px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--itna-line);border-radius:14px;background:var(--itna-surface-soft)}.setup-steps strong{width:29px;height:29px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--itna-primary) 14%,#fff),#fff);color:var(--itna-primary);border:1px solid color-mix(in srgb,var(--itna-primary) 16%,transparent)}.setup-steps p{margin:4px 0 0;font-size:12px;line-height:1.5}.setup-steps code{font-size:11px}
@media (max-width:900px){.google-admin-hero{align-items:flex-start;flex-direction:column}.google-readiness{width:100%;min-width:0}.google-config-status{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.google-config-status{grid-template-columns:1fr}.google-auth-btn{grid-template-columns:32px 1fr 18px;min-height:52px;border-radius:15px}}