:root{
  --atsea-yellow:#f7ee00;--atsea-yellow-dark:#ddd500;--atsea-bg:#061923;--atsea-bg-2:#0b2d39;--atsea-card:#103645;
  --atsea-card-2:#0a2732;--atsea-text:#eefbfe;--atsea-muted:#9fc0ca;--atsea-line:rgba(247,238,0,.14);
  --atsea-danger:#ef5a67;--atsea-success:#36d399;--atsea-radius:18px;--atsea-shadow:0 20px 60px rgba(0,0,0,.24)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Play,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
button,input,select,textarea{font-family:Play,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.atsea-school-app{background:linear-gradient(145deg,var(--atsea-bg),var(--atsea-bg-2))!important;color:var(--atsea-text)!important;min-height:100vh}
.atsea-school-app header,.atsea-school-app aside,.atsea-school-app nav{background:#071f2a!important;border-color:var(--atsea-line)!important;color:var(--atsea-text)!important}
.atsea-school-app .bg-white,.atsea-school-app .bg-gray-50,.atsea-school-app .bg-gray-100,.atsea-school-app .bg-blue-50,.atsea-school-app .bg-purple-50{background:var(--atsea-card)!important;color:var(--atsea-text)!important}
.atsea-school-app .border,.atsea-school-app .border-b,.atsea-school-app .border-t,.atsea-school-app .border-gray-100,.atsea-school-app .border-gray-200,.atsea-school-app .border-gray-300{border-color:rgba(150,215,233,.17)!important}
.atsea-school-app .text-gray-900,.atsea-school-app .text-gray-800,.atsea-school-app .text-gray-700,.atsea-school-app .text-gray-600,.atsea-school-app .text-gray-500,.atsea-school-app .text-black{color:var(--atsea-muted)!important}
.atsea-school-app h1,.atsea-school-app h2,.atsea-school-app h3,.atsea-school-app h4,.atsea-school-app strong,.atsea-school-app .font-bold,.atsea-school-app .font-semibold{color:var(--atsea-text)!important}
.atsea-school-app input,.atsea-school-app select,.atsea-school-app textarea{background:#082630!important;color:var(--atsea-text)!important;border-color:rgba(133,207,228,.24)!important;border-radius:12px!important}
.atsea-school-app input::placeholder,.atsea-school-app textarea::placeholder{color:#759aa5!important}
.atsea-school-app input:focus,.atsea-school-app select:focus,.atsea-school-app textarea:focus{outline:none!important;border-color:var(--atsea-yellow)!important;box-shadow:0 0 0 3px rgba(247,238,0,.11)!important}
.atsea-school-app .shadow,.atsea-school-app .shadow-md,.atsea-school-app .shadow-lg,.atsea-school-app .rounded-xl,.atsea-school-app .rounded-lg{box-shadow:none!important}
.atsea-school-app .bg-white.rounded-xl,.atsea-school-app .bg-white.rounded-lg,.atsea-school-app .modal-content{border:1px solid var(--atsea-line)!important;box-shadow:var(--atsea-shadow)!important;border-radius:var(--atsea-radius)!important}
.atsea-school-app .gradient-bg,.atsea-school-app .bg-blue-500,.atsea-school-app .bg-purple-500,.atsea-school-app .bg-indigo-500,.atsea-school-app button[class*="gradient"],.atsea-school-app .ai-button{background:var(--atsea-yellow)!important;color:#111820!important;border-color:var(--atsea-yellow)!important;font-weight:700!important}
.atsea-school-app .gradient-bg:hover,.atsea-school-app .bg-blue-500:hover,.atsea-school-app .bg-purple-500:hover{background:var(--atsea-yellow-dark)!important;color:#111820!important}
.atsea-school-app .text-blue-500,.atsea-school-app .text-purple-500,.atsea-school-app .text-blue-600,.atsea-school-app .text-purple-600{color:var(--atsea-yellow)!important}
.atsea-school-app a:hover{color:var(--atsea-yellow)}
.atsea-school-app table{color:var(--atsea-text)!important}.atsea-school-app thead{background:#092833!important}.atsea-school-app tr{border-color:rgba(150,215,233,.13)!important}
.atsea-school-app .modal{background:rgba(0,8,12,.72)!important;backdrop-filter:blur(8px)}
.atsea-school-app .modal-content{background:#0d3341!important;color:var(--atsea-text)!important}
.atsea-school-app .modal-close{color:var(--atsea-muted)!important}.atsea-school-app .modal-close:hover{color:var(--atsea-yellow)!important}
.atsea-school-app .first_logo img,.atsea-school-app .atsea-dynamic-logo{width:184px!important;max-height:52px!important;object-fit:contain!important}
.atsea-school-app .mobile-menu,.atsea-school-app .sidebar{background:#071f2a!important}
.atsea-school-app .active,.atsea-school-app [aria-current="page"]{color:var(--atsea-yellow)!important}
.atsea-school-app .progress-fill{background:var(--atsea-yellow)!important}
.atsea-lang-switch{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(247,238,0,.22);border-radius:999px;background:#082630;z-index:1000}
.atsea-lang-switch button{border:0;background:transparent;color:#9fc0ca;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700;cursor:pointer}
.atsea-lang-switch button.active{background:var(--atsea-yellow)!important;color:#111820!important}
.atsea-floating-language{position:fixed;right:16px;top:14px;z-index:10000;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.atsea-branding-preview{display:flex;gap:18px;align-items:center;flex-wrap:wrap;padding:16px;border:1px solid var(--atsea-line);border-radius:16px;background:#082630}
.atsea-branding-preview img{max-width:220px;max-height:68px;object-fit:contain}.atsea-branding-preview .favicon-preview{width:44px;height:44px}
.atsea-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.atsea-upload-grid label{display:block;color:var(--atsea-muted);font-size:13px;margin-bottom:7px}
.atsea-save-status{margin-top:12px;color:var(--atsea-muted);font-size:13px}
@media(max-width:760px){.atsea-upload-grid{grid-template-columns:1fr}.atsea-floating-language{right:9px;top:8px}.atsea-school-app .first_logo img{width:145px!important}.atsea-school-app main{padding-inline:12px!important}}

/* Password visibility control */
.atsea-password-wrap{position:relative;width:100%}
.atsea-password-wrap>input{width:100%!important;padding-right:48px!important}
.atsea-password-eye{position:absolute!important;right:7px!important;top:50%!important;transform:translateY(-50%)!important;width:36px!important;height:36px!important;display:grid!important;place-items:center!important;border:0!important;border-radius:10px!important;background:transparent!important;color:#9fc0ca!important;cursor:pointer!important;padding:7px!important;z-index:4!important;box-shadow:none!important}
.atsea-password-eye:hover,.atsea-password-eye:focus{background:rgba(247,238,0,.09)!important;color:#f7ee00!important;outline:none!important}
.atsea-password-eye svg{width:21px;height:21px;display:block}
.atsea-checkline{display:flex;align-items:center;gap:9px;color:#a9c5cc;font-size:13px;cursor:pointer;user-select:none}
.atsea-checkline input{width:17px!important;height:17px!important;accent-color:#f7ee00;box-shadow:none!important}

/* AtSea 1.0.5: predictable navigation and hover states */
.atsea-school-app aside button,
.atsea-school-app aside a,
.atsea-school-app .sidebar button,
.atsea-school-app .sidebar a{
  color:#d8e9ed!important;
  border:1px solid transparent!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.atsea-school-app aside button:hover,
.atsea-school-app aside a:hover,
.atsea-school-app .sidebar button:hover,
.atsea-school-app .sidebar a:hover,
.atsea-school-app .hover\:bg-gray-100:hover,
.atsea-school-app .hover\:bg-blue-50:hover,
.atsea-school-app .hover\:bg-blue-100:hover{
  background:#0d3441!important;
  color:var(--atsea-yellow)!important;
  border-color:rgba(247,238,0,.2)!important;
  transform:translateX(2px)!important;
}
.atsea-school-app aside button.bg-white,
.atsea-school-app aside a.bg-white,
.atsea-school-app aside .bg-blue-50,
.atsea-school-app .sidebar button.bg-white,
.atsea-school-app .sidebar a.bg-white,
.atsea-school-app .sidebar .bg-blue-50{
  background:rgba(247,238,0,.1)!important;
  color:var(--atsea-yellow)!important;
  border-color:rgba(247,238,0,.22)!important;
}
.atsea-school-app aside button:focus-visible,
.atsea-school-app aside a:focus-visible,
.atsea-school-app .sidebar button:focus-visible,
.atsea-school-app .sidebar a:focus-visible{
  outline:2px solid var(--atsea-yellow)!important;
  outline-offset:2px!important;
}
.atsea-school-app .text-white:hover{color:inherit!important}
.atsea-school-app button:not(.atsea-password-eye):not(.atsea-lang-switch button){transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.atsea-school-app button:not(:disabled):active{transform:translateY(1px)!important}
.atsea-school-app .bg-green-500,.atsea-school-app .bg-green-600,.atsea-school-app .bg-blue-500,.atsea-school-app .bg-blue-600,.atsea-school-app .bg-purple-500,.atsea-school-app .bg-purple-600,.atsea-school-app .bg-indigo-500,.atsea-school-app .bg-orange-500{
  background:var(--atsea-yellow)!important;color:#111820!important;border-color:var(--atsea-yellow)!important
}
.atsea-school-app .bg-green-500:hover,.atsea-school-app .bg-green-600:hover,.atsea-school-app .bg-blue-500:hover,.atsea-school-app .bg-blue-600:hover,.atsea-school-app .bg-purple-500:hover,.atsea-school-app .bg-purple-600:hover,.atsea-school-app .bg-indigo-500:hover,.atsea-school-app .bg-orange-500:hover{
  background:var(--atsea-yellow-dark)!important;color:#111820!important;box-shadow:0 10px 26px rgba(247,238,0,.12)!important
}
.atsea-school-app .bg-red-500,.atsea-school-app .bg-red-600{background:#a83d49!important;color:#fff!important}
.atsea-school-app .bg-red-500:hover,.atsea-school-app .bg-red-600:hover{background:#c74c59!important;color:#fff!important}
.atsea-school-app .hover\:text-purple-600:hover,.atsea-school-app .hover\:text-blue-600:hover,.atsea-school-app .hover\:text-gray-700:hover{color:var(--atsea-yellow)!important}
.atsea-school-app .atsea-menu-active{
  background:rgba(247,238,0,.11)!important;
  color:var(--atsea-yellow)!important;
  border-color:rgba(247,238,0,.24)!important;
  box-shadow:inset 3px 0 0 var(--atsea-yellow)!important;
}
.atsea-school-app .atsea-menu-active:hover{
  background:rgba(247,238,0,.15)!important;
  color:var(--atsea-yellow)!important;
}