*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:#f5f7fb;color:#172033}aside{position:fixed;left:0;top:0;bottom:0;width:250px;background:#111827;color:#fff;padding:22px;display:flex;flex-direction:column;gap:6px}aside a{color:#dce5f0;text-decoration:none;padding:10px;border-radius:8px}aside a:hover{background:#263246}.brand{font-size:25px;font-weight:800}.brand span{color:#ff7a00}.ver{font-size:12px;color:#94a3b8;margin-bottom:15px}.bottom{margin-top:auto;font-size:12px}main{margin-left:250px;padding:24px}header{display:flex;justify-content:space-between}.card{background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:16px;margin-top:15px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat b{font-size:28px;display:block;margin-top:5px}.muted{color:#718096;font-size:13px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #edf1f5;font-size:13px;text-align:left}input,select{width:100%;padding:9px;border:1px solid #d5dbe5;border-radius:8px;margin:5px 0 10px}.form2{display:grid;grid-template-columns:1fr 1fr;gap:12px}button,.btn{background:#ff7a00;color:#fff;border:0;padding:9px 13px;border-radius:8px;cursor:pointer;text-decoration:none}.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#111827}.login-card{background:#fff;width:380px;padding:30px;border-radius:17px}.login-card button{width:100%}
textarea{width:100%;padding:9px;border:1px solid #d5dbe5;border-radius:8px;margin:5px 0 10px;font-family:inherit}.secondary{background:#475569}.danger{background:#b42318}.small{padding:5px 8px;font-size:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}

/* MR.SEA Journal UI 26.08.15.23 */
.journal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5eaf2;border-radius:14px;padding:10px 12px;margin-top:15px;position:sticky;top:0;z-index:20;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.journal-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.journal-btn{min-height:36px}
.journal-btn.secondary{background:#475569}
.journal-btn.danger{background:#b42318}
.journal-btn.success{background:#027a48}
.journal-btn.info{background:#2563eb}
.journal-search{width:min(320px,36vw)}
.journal-search input{margin:0}
.journal-table-wrap{overflow:auto}
.journal-check{width:34px;text-align:center}
.journal-check input{width:auto;margin:0}
tr.journal-selected td{background:#fff7ed}
.journal-modal{position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}
.journal-modal[hidden]{display:none}
.journal-modal-card{background:#fff;width:min(860px,96vw);max-height:90vh;overflow:auto;border-radius:16px;border:1px solid #e5eaf2;box-shadow:0 20px 60px rgba(15,23,42,.24);padding:18px}
.journal-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.journal-modal-head h3{margin:0}
.journal-modal-close{background:#475569}
.journal-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:700}
.journal-status.success{background:#ecfdf3;color:#027a48}
.journal-status.error{background:#fef3f2;color:#b42318}
.journal-status.running{background:#fffaeb;color:#b54708}
@media(max-width:800px){.journal-toolbar{align-items:stretch;flex-direction:column}.journal-search{width:100%}.form2{grid-template-columns:1fr}}


/* =========================================================
   MR.SEA AI LOGIN — 26.08.15.23
   ========================================================= */
.ai-login-body{
  margin:0;
  min-height:100vh;
  background:#031326;
  color:#eaf3ff;
  font-family:Segoe UI,Inter,Arial,sans-serif;
  overflow-x:hidden;
}
.ai-login-shell{
  min-height:100vh;
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(420px,.85fr);
  background:
    radial-gradient(circle at 82% 24%,rgba(10,111,255,.12),transparent 34%),
    #041224;
}
.ai-login-visual{
  position:relative;
  min-height:100vh;
  overflow:hidden;
  border-right:1px solid rgba(59,164,255,.32);
}
.ai-login-visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:scale(1.025);
  animation:aiHeroFloat 11s ease-in-out infinite alternate;
}
.ai-login-vignette{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,12,28,.08) 0%,rgba(2,12,28,.02) 55%,rgba(2,12,28,.68) 100%),
    linear-gradient(0deg,rgba(2,12,28,.72) 0%,rgba(2,12,28,.02) 42%);
}
.ai-visual-copy{
  position:absolute;
  left:clamp(30px,6vw,92px);
  top:clamp(38px,8vh,100px);
  max-width:640px;
  text-shadow:0 8px 32px rgba(0,0,0,.35);
}
.ai-kicker{
  color:#56b9ff;
  letter-spacing:.28em;
  font-size:12px;
  font-weight:700;
}
.ai-visual-copy h1{
  margin:18px 0 14px;
  font-size:clamp(44px,5.5vw,82px);
  line-height:.98;
  letter-spacing:-.04em;
  color:#fff;
}
.ai-visual-copy h1 span{
  color:#efb552;
}
.ai-visual-copy p{
  margin:0;
  max-width:540px;
  color:#d3e5f7;
  font-size:clamp(15px,1.35vw,20px);
  line-height:1.6;
}
.ai-visual-footer{
  position:absolute;
  left:clamp(30px,6vw,92px);
  bottom:32px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  color:#b8d3ec;
  letter-spacing:.04em;
}
.ai-live-dot{
  width:8px;height:8px;border-radius:50%;
  background:#2bbcff;
  box-shadow:0 0 0 0 rgba(43,188,255,.55);
  animation:aiLivePulse 1.8s infinite;
}
.ai-dot-sep{opacity:.45}

.ai-contact-energy{
  position:absolute;
  left:49.2%;
  top:48.8%;
  width:24px;
  height:24px;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.ai-energy-core{
  position:absolute;
  inset:7px;
  border-radius:50%;
  background:#fff7c7;
  box-shadow:
    0 0 10px #fff,
    0 0 24px #ffc859,
    0 0 58px #ff8d2a,
    0 0 88px rgba(35,159,255,.8);
  animation:aiCoreBlink 1.45s ease-in-out infinite alternate;
}
.ai-energy-ring{
  position:absolute;
  inset:0;
  border:1px solid rgba(255,214,118,.76);
  border-radius:50%;
  animation:aiRing 2.4s ease-out infinite;
}
.ai-energy-ring.r2{animation-delay:.75s}
.ai-energy-ring.r3{animation-delay:1.5s}
.ai-particle{
  position:absolute;
  width:4px;height:4px;border-radius:50%;
  background:#61c8ff;
  box-shadow:0 0 16px #27b0ff;
  opacity:.9;
  animation:aiParticle 4.8s ease-in-out infinite;
}
.ai-particle.p1{left:22%;top:35%;animation-delay:.2s}
.ai-particle.p2{left:68%;top:22%;animation-delay:1.1s}
.ai-particle.p3{left:72%;top:66%;animation-delay:1.8s}
.ai-particle.p4{left:34%;top:74%;animation-delay:2.5s}
.ai-particle.p5{left:81%;top:43%;animation-delay:3.1s}

.ai-login-panel{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px clamp(28px,4vw,68px);
  position:relative;
  overflow:hidden;
}
.ai-login-panel:before,
.ai-login-panel:after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.23;
  pointer-events:none;
}
.ai-login-panel:before{
  width:290px;height:290px;
  background:#087fff;
  right:-120px;top:-90px;
}
.ai-login-panel:after{
  width:240px;height:240px;
  background:#08cff8;
  left:-120px;bottom:-80px;
}
.ai-login-panel-inner{
  width:min(100%,470px);
  position:relative;
  z-index:2;
}
.ai-login-brand{
  margin-bottom:58px;
}
.ai-brand-mark{
  display:inline-block;
  color:#efb552;
  font-size:31px;
  font-weight:800;
  letter-spacing:.055em;
  position:relative;
}
.ai-brand-mark:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-8px;height:1px;
  background:linear-gradient(90deg,#efb552,transparent);
}
.ai-brand-sub{
  margin-top:16px;
  color:#8fb6d8;
  font-size:10px;
  letter-spacing:.42em;
}
.ai-login-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border:1px solid rgba(66,173,255,.32);
  border-radius:999px;
  color:#61c7ff;
  background:rgba(18,89,165,.09);
  font-size:10px;
  letter-spacing:.2em;
  font-weight:700;
}
.ai-login-head h2{
  font-size:clamp(34px,3vw,46px);
  margin:18px 0 9px;
  letter-spacing:-.035em;
  color:#fff;
}
.ai-login-head p{
  color:#91abc3;
  margin:0 0 30px;
  font-size:15px;
}
.ai-login-error{
  margin:0 0 18px;
  padding:12px 14px;
  border-radius:10px;
  border:1px solid rgba(255,91,91,.4);
  background:rgba(145,23,23,.2);
  color:#ffb7b7;
  font-size:13px;
}
.ai-login-form label{
  display:block;
  margin:0 0 8px;
  color:#b8cde0;
  font-size:12px;
  font-weight:600;
  letter-spacing:.025em;
}
.ai-field{
  position:relative;
  margin-bottom:18px;
}
.ai-field input{
  margin:0;
  width:100%;
  height:58px;
  padding:0 50px 0 48px;
  border:1px solid rgba(81,151,211,.34);
  border-radius:14px;
  background:rgba(12,37,67,.76);
  color:#fff;
  outline:none;
  transition:.2s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.ai-field input::placeholder{color:#5f7b96}
.ai-field input:focus{
  border-color:#27b8ff;
  box-shadow:0 0 0 3px rgba(39,184,255,.12),0 0 30px rgba(0,135,255,.08);
  background:rgba(14,43,77,.92);
}
.ai-field-icon{
  position:absolute;
  left:17px;top:50%;
  transform:translateY(-50%);
  color:#79bff1;
  z-index:1;
  font-size:17px;
}
.ai-password-toggle{
  position:absolute;
  right:11px;top:50%;
  transform:translateY(-50%);
  width:36px;height:36px;
  padding:0;
  background:transparent;
  color:#77a6ca;
  border-radius:9px;
  font-size:14px;
}
.ai-password-toggle:hover{background:rgba(50,148,230,.1);color:#bce6ff}
.ai-login-submit{
  width:100%;
  min-height:58px;
  margin-top:7px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  font-weight:800;
  letter-spacing:.08em;
  background:linear-gradient(100deg,#1168ee,#11c7ed);
  box-shadow:0 12px 35px rgba(0,119,255,.22);
  transition:.2s ease;
}
.ai-login-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 42px rgba(0,145,255,.32);
}
.ai-submit-arrow{font-size:24px;font-weight:300;line-height:1}
.ai-security-row{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:34px;
  padding-top:24px;
  border-top:1px solid rgba(102,154,200,.16);
  color:#7797b4;
  font-size:11px;
}
.ai-login-version{
  margin-top:35px;
  color:#476682;
  font-size:10px;
  letter-spacing:.12em;
  text-align:center;
}
@keyframes aiHeroFloat{
  from{transform:scale(1.025) translate3d(0,0,0)}
  to{transform:scale(1.065) translate3d(-.8%,.25%,0)}
}
@keyframes aiRing{
  0%{transform:scale(.4);opacity:.95}
  75%,100%{transform:scale(5.2);opacity:0}
}
@keyframes aiCoreBlink{
  from{transform:scale(.86);opacity:.78}
  to{transform:scale(1.18);opacity:1}
}
@keyframes aiParticle{
  0%,100%{transform:translateY(0) scale(.8);opacity:.25}
  50%{transform:translateY(-24px) scale(1.35);opacity:1}
}
@keyframes aiLivePulse{
  0%{box-shadow:0 0 0 0 rgba(43,188,255,.55)}
  70%{box-shadow:0 0 0 8px rgba(43,188,255,0)}
  100%{box-shadow:0 0 0 0 rgba(43,188,255,0)}
}
@media(max-width:980px){
  .ai-login-shell{grid-template-columns:1fr}
  .ai-login-visual{min-height:42vh;border-right:0;border-bottom:1px solid rgba(59,164,255,.28)}
  .ai-login-panel{min-height:58vh;padding:34px 24px 44px}
  .ai-login-brand{margin-bottom:30px}
  .ai-visual-copy{top:28px;left:26px;right:26px}
  .ai-visual-copy h1{font-size:clamp(34px,8vw,58px)}
  .ai-visual-copy p{display:none}
  .ai-visual-footer{left:26px;bottom:18px}
  .ai-contact-energy{left:49%;top:51%}
}
@media(max-width:560px){
  .ai-login-visual{min-height:34vh}
  .ai-login-panel{min-height:66vh;padding:28px 18px 36px}
  .ai-login-brand{margin-bottom:24px}
  .ai-brand-mark{font-size:26px}
  .ai-login-head h2{font-size:34px}
  .ai-field input{height:54px}
  .ai-login-submit{min-height:54px}
  .ai-security-row{font-size:10px}
  .ai-visual-footer{font-size:10px}
  .ai-dot-sep,.ai-visual-footer span:last-child{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ai-login-visual>img,.ai-energy-core,.ai-energy-ring,.ai-particle,.ai-live-dot{animation:none!important}
}


/* MR.SEA official logo — 26.08.15.23 */
.ai-brand-logo{
  display:block;
  width:92px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 8px 22px rgba(12,94,224,.22));
  margin-bottom:10px;
}
.ai-login-brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
@media(max-width:560px){
  .ai-brand-logo{width:76px}
}


/* =========================================================
   MR.SEA AI WORKSPACE — 26.08.15.23
   ========================================================= */
:root{
  --ai-bg:#03101f;
  --ai-bg2:#06182b;
  --ai-panel:#0a2038;
  --ai-panel2:#0d2946;
  --ai-line:rgba(47,157,255,.22);
  --ai-cyan:#23c7f3;
  --ai-blue:#126cf2;
  --ai-gold:#eeb65a;
  --ai-text:#eaf5ff;
  --ai-muted:#8cabca;
}
.ai-app-body{background:radial-gradient(circle at 80% 0%,rgba(18,108,242,.12),transparent 34%),linear-gradient(135deg,#03101f,#06182b 58%,#03101f);color:var(--ai-text);min-height:100vh}
.ai-sidebar{background:linear-gradient(180deg,#031223 0%,#061a30 65%,#04101e 100%);border-right:1px solid rgba(35,199,243,.18);box-shadow:18px 0 45px rgba(0,0,0,.18)}
.ai-side-brand{display:flex;align-items:center;gap:12px;padding:18px 16px 8px}.ai-side-brand img{width:42px;height:42px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(18,108,242,.28))}.ai-side-brand strong{display:block;color:#fff;font-size:17px;letter-spacing:.08em}.ai-side-brand span{display:block;color:var(--ai-cyan);font-size:8px;letter-spacing:.24em;margin-top:2px}.ai-sidebar .ver{color:#557b9e;padding:0 16px 14px;font-size:10px}
.ai-nav{display:flex;flex-direction:column;gap:5px;padding:8px}.ai-nav a{display:flex;align-items:center;gap:12px;color:#a9c5dd;text-decoration:none;padding:11px 12px;border-radius:10px;border:1px solid transparent;transition:.18s}.ai-nav a:hover{color:#fff;background:linear-gradient(90deg,rgba(18,108,242,.18),rgba(35,199,243,.06));border-color:rgba(35,199,243,.18);transform:translateX(2px)}
.ai-sidebar .bottom{border-top:1px solid rgba(80,153,213,.14);color:#91aec6}.ai-sidebar .bottom a{color:var(--ai-cyan)}
.ai-main{background:transparent}.ai-topbar{background:rgba(4,20,38,.78);backdrop-filter:blur(14px);border-bottom:1px solid rgba(35,199,243,.17);box-shadow:0 8px 28px rgba(0,0,0,.13)}.ai-topbar small{display:block;color:#4e9dd3;letter-spacing:.18em;font-size:9px;margin-bottom:3px}.ai-topbar h2{color:#f4faff;margin:0}.ai-company-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(238,182,90,.26);border-radius:999px;background:rgba(238,182,90,.07);color:#f3c56f;font-size:12px}
.ai-app-body .card{background:linear-gradient(145deg,rgba(10,32,56,.92),rgba(7,24,43,.92));border:1px solid rgba(48,142,219,.18);box-shadow:0 14px 40px rgba(0,0,0,.15);color:var(--ai-text)}
.ai-app-body table{color:#dcecff}.ai-app-body th{background:rgba(8,39,69,.9);color:#8fdcff;border-bottom:1px solid rgba(35,199,243,.2)}.ai-app-body td{border-bottom:1px solid rgba(93,150,196,.09)}.ai-app-body tr:hover td{background:rgba(18,108,242,.055)}
.ai-app-body input,.ai-app-body select,.ai-app-body textarea{background:#071c31;color:#eaf5ff;border:1px solid rgba(71,151,216,.28)}.ai-app-body input:focus,.ai-app-body select:focus,.ai-app-body textarea:focus{border-color:#23c7f3;box-shadow:0 0 0 3px rgba(35,199,243,.1)}
.ai-app-body button,.ai-app-body .btn{background:linear-gradient(100deg,#126cf2,#16bde7);color:#fff;border:0;box-shadow:0 8px 20px rgba(18,108,242,.14)}.ai-app-body button.secondary,.ai-app-body .btn.secondary{background:#17344f}.ai-app-body button.danger,.ai-app-body .btn.danger{background:#a93232}.ai-app-body button.success,.ai-app-body .btn.success{background:linear-gradient(100deg,#0a8d75,#16b995)}
.ai-app-body .journal-toolbar{background:rgba(6,25,45,.92);border:1px solid rgba(35,199,243,.17);box-shadow:0 10px 26px rgba(0,0,0,.13);backdrop-filter:blur(12px)}
.ai-app-body .journal-search input{background:#061a2e;color:#fff;border-color:rgba(35,199,243,.18)}
.ai-app-body tr.journal-selected td{background:rgba(18,108,242,.14)!important;box-shadow:inset 3px 0 0 #23c7f3}

/* true no-navigation journal modal */
body.journal-modal-open{overflow:hidden}
.journal-global-modal{position:fixed;inset:0;z-index:30000;background:rgba(1,9,18,.78);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:28px;animation:journalFade .18s ease}
.journal-global-dialog{width:min(1000px,96vw);height:min(820px,92vh);background:#06182b;border:1px solid rgba(35,199,243,.3);border-radius:18px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 70px rgba(18,108,242,.10);display:flex;flex-direction:column}
.journal-global-head{height:54px;flex:0 0 54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px 0 18px;background:linear-gradient(90deg,#081f37,#0a2947);border-bottom:1px solid rgba(35,199,243,.18)}.journal-global-title{font-size:11px;letter-spacing:.22em;color:#69d7ff;font-weight:700}.journal-global-close{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.05)!important;color:#dcecff!important;font-size:24px;line-height:1;box-shadow:none!important}
.journal-global-frame{width:100%;height:100%;border:0;background:#06182b}
.journal-embed{background:#06182b!important;color:#eaf5ff!important;overflow:auto}.journal-embed-main{padding:0!important;margin:0!important;max-width:none!important}.journal-embed .journal-toolbar,.journal-embed .journal-table-wrap,.journal-embed>main>.card:not(:has(.journal-modal)){display:none!important}.journal-embed .journal-modal{position:static!important;inset:auto!important;background:transparent!important;padding:18px!important;display:block!important}.journal-embed .journal-modal-card{width:100%!important;max-width:none!important;max-height:none!important;background:linear-gradient(145deg,#0a2038,#07182b)!important;border:1px solid rgba(35,199,243,.18)!important;box-shadow:none!important;color:#eaf5ff!important}.journal-embed .journal-modal-close{display:none!important}.journal-embed input,.journal-embed select,.journal-embed textarea{background:#071c31!important;color:#eaf5ff!important;border:1px solid rgba(71,151,216,.3)!important}.journal-embed label{color:#a9c5dd!important}
@keyframes journalFade{from{opacity:0}to{opacity:1}}

/* Login overlap prevention + English typography */
.ai-login-visual .ai-visual-copy{max-width:min(620px,68%);top:clamp(34px,7vh,78px)}
.ai-login-visual .ai-visual-copy h1{font-size:clamp(40px,4.8vw,72px);line-height:1.02;max-width:600px}
.ai-login-visual .ai-visual-copy p{max-width:500px;font-size:clamp(14px,1.15vw,18px)}
.ai-login-panel-inner{width:min(100%,450px)}
@media(max-height:760px) and (min-width:981px){.ai-login-brand{margin-bottom:30px}.ai-login-head h2{font-size:36px}.ai-login-head p{margin-bottom:20px}.ai-field input{height:52px}.ai-login-submit{min-height:52px}.ai-security-row{margin-top:22px;padding-top:18px}.ai-login-version{margin-top:20px}.ai-visual-copy{top:30px!important}.ai-visual-copy h1{font-size:50px!important}}


/* =========================================================
   MR.SEA AI WORKSPACE — 26.08.15.23
   ========================================================= */
.ai-app-body{
  background:
    radial-gradient(circle at 78% 8%, rgba(0,148,255,.10), transparent 28%),
    radial-gradient(circle at 10% 80%, rgba(35,199,243,.08), transparent 22%),
    linear-gradient(135deg,#020d18,#041526 48%,#06192f 72%,#03101f 100%);
  color:#eaf5ff;
}
.ai-app-shell{display:flex; min-height:100vh}
.ai-sidebar{
  width:272px;
  background:
    linear-gradient(180deg,rgba(1,12,24,.98) 0%,rgba(4,20,38,.98) 60%,rgba(2,11,22,.98) 100%),
    url('assets/ai-wave-bg.jpg') bottom center/cover no-repeat;
  position:sticky; top:0; height:100vh;
}
.ai-main{flex:1; min-width:0; padding-bottom:40px; background:transparent}
.ai-topbar{
  position:sticky; top:0; z-index:50;
  display:flex; justify-content:space-between; align-items:center;
  padding:18px 28px;
  background:linear-gradient(180deg,rgba(3,16,31,.92),rgba(3,16,31,.78));
  border-bottom:1px solid rgba(62,170,255,.18);
  backdrop-filter:blur(14px);
}
.ai-main > *:not(.ai-topbar){margin-left:24px; margin-right:24px}
.ai-topbar h2{font-size:28px; letter-spacing:-.03em}
.ai-topbar small{color:#52cfff}

.ai-nav a{
  position:relative;
  overflow:hidden;
}
.ai-nav a::before{
  content:"";
  position:absolute; left:0; top:0; bottom:0; width:0;
  background:linear-gradient(180deg,#1ec8f4,#126cf2);
  transition:.18s ease;
  opacity:.95;
}
.ai-nav a:hover::before{width:3px}
.ai-side-status{
  margin:16px 10px 0;
  padding:14px 14px 12px;
  border:1px solid rgba(49,173,255,.16);
  border-radius:14px;
  background:rgba(6,28,50,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.ai-side-status .s-head{font-size:10px; color:#5fcfff; letter-spacing:.22em; margin-bottom:10px}
.ai-side-status .s-item{display:flex; align-items:center; gap:8px; color:#b4cfe6; font-size:12px; margin:8px 0}
.ai-side-status .dot{width:8px; height:8px; border-radius:50%; display:inline-block}
.ai-side-status .dot.online{background:#13d58f; box-shadow:0 0 12px rgba(19,213,143,.55)}
.ai-side-status .dot.pulse{background:#23c7f3; box-shadow:0 0 14px rgba(35,199,243,.55); animation:aiPulse 1.8s infinite}
@keyframes aiPulse{
  0%{box-shadow:0 0 0 0 rgba(35,199,243,.45)}
  70%{box-shadow:0 0 0 10px rgba(35,199,243,0)}
  100%{box-shadow:0 0 0 0 rgba(35,199,243,0)}
}

.ai-dashboard-hero{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  align-items:center;
  gap:28px;
  min-height:330px;
  padding:34px 34px;
  margin-top:24px;
  background:
    linear-gradient(135deg,rgba(8,31,54,.95),rgba(6,22,38,.95)),
    url('assets/ai-wave-bg.jpg') center/cover no-repeat;
  position:relative;
  overflow:hidden;
}
.ai-dashboard-hero::after{
  content:"";
  position:absolute; inset:auto -8% -25% auto;
  width:380px; height:380px; border-radius:50%;
  background:radial-gradient(circle,rgba(18,108,242,.22),transparent 62%);
  filter:blur(16px);
}
.ai-dashboard-copy{position:relative; z-index:2}
.ai-dashboard-copy .eyebrow{font-size:11px; letter-spacing:.26em; color:#5acfff; margin-bottom:12px}
.ai-dashboard-copy h1{font-size:42px; line-height:1.08; margin:0 0 14px; color:#fff; letter-spacing:-.04em}
.ai-dashboard-copy p{font-size:16px; line-height:1.7; max-width:720px; color:#b9d7f1; margin:0}
.ai-hero-chips{display:flex; flex-wrap:wrap; gap:10px; margin-top:22px}
.ai-hero-chips span{
  border:1px solid rgba(96,206,255,.2);
  background:rgba(11,44,77,.5);
  color:#dff6ff;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
}
.ai-hero-visual{
  position:relative;
  height:250px;
  display:flex; align-items:center; justify-content:center;
}
.ai-hero-visual .core{
  width:110px; height:110px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 35% 35%,#7fe7ff,#26bfe9 44%,#0e64d8 74%,#0a295f 100%);
  color:#fff; font-size:28px; font-weight:800; letter-spacing:.08em;
  box-shadow:0 0 35px rgba(35,199,243,.28), 0 0 90px rgba(18,108,242,.18);
  position:relative; z-index:2;
}
.ai-hero-visual .ring{
  position:absolute; width:180px; height:180px; border-radius:50%;
  border:1px solid rgba(95,216,255,.4); animation:spin1 12s linear infinite;
}
.ai-hero-visual .ring.r2{width:230px; height:230px; border-style:dashed; opacity:.8; animation-duration:18s}
.ai-hero-visual .ring.r3{width:280px; height:280px; opacity:.4; animation-duration:24s; animation-direction:reverse}
.ai-hero-visual .orb{
  position:absolute; border-radius:50%; filter:blur(1px)
}
.ai-hero-visual .orb1{width:16px; height:16px; background:#66deff; top:32px; right:72px; box-shadow:0 0 20px rgba(102,222,255,.9)}
.ai-hero-visual .orb2{width:10px; height:10px; background:#2f89ff; bottom:48px; left:80px; box-shadow:0 0 18px rgba(47,137,255,.9)}
.ai-hero-visual .orb3{width:8px; height:8px; background:#eeb65a; top:78px; left:58px; box-shadow:0 0 12px rgba(238,182,90,.85)}
@keyframes spin1{from{transform:rotate(0)}to{transform:rotate(360deg)}}

.ai-stat-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  margin-top:18px;
}
.ai-stat-card{
  padding:18px 18px 16px;
  position:relative;
  overflow:hidden;
}
.ai-stat-card::before{
  content:"";
  position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,#23c7f3,#126cf2,#eeb65a);
}
.ai-stat-card .k{font-size:12px; text-transform:uppercase; letter-spacing:.14em; color:#67caf4}
.ai-stat-card .v{font-size:34px; font-weight:800; margin-top:10px; color:#fff}
.ai-stat-card .f{font-size:12px; color:#84aaca; margin-top:7px}

.ai-panel-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:18px;
}
.ai-feature-panel{
  padding:24px;
  background:
    linear-gradient(150deg,rgba(10,32,56,.94),rgba(8,24,42,.96));
}
.ai-feature-panel .f-top{
  display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;
}
.ai-feature-panel .f-top span{font-size:11px; letter-spacing:.18em; color:#60cbff}
.ai-feature-panel .f-top b{font-size:24px; color:rgba(255,255,255,.16)}
.ai-feature-panel h3{font-size:24px; margin:0 0 10px; color:#fff}
.ai-feature-panel p{margin:0; color:#a7c3dc; line-height:1.7}

.ai-app-body .card{
  border-radius:18px;
}
.ai-app-body .journal-toolbar,
.ai-app-body .card{
  background:
    linear-gradient(160deg,rgba(9,31,54,.94),rgba(6,22,40,.96));
}
.ai-app-body table{
  border-collapse:separate;
  border-spacing:0;
}
.ai-app-body th, .ai-app-body td{
  padding-top:12px; padding-bottom:12px;
}
.ai-app-body th{
  font-size:12px;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.ai-app-body tr:hover td{
  background:rgba(23,84,155,.12);
}
.ai-app-body input,
.ai-app-body select,
.ai-app-body textarea{
  border-radius:12px!important;
}
.ai-app-body button, .ai-app-body .btn{
  border-radius:12px!important;
}

/* login refinements */
.ai-login-shell{
  grid-template-columns:minmax(0,1.52fr) minmax(360px,.62fr)!important;
}
.ai-login-panel{
  padding:36px clamp(22px,2.7vw,44px)!important;
}
.ai-login-panel-inner{
  width:min(100%,390px)!important;
}
.ai-login-brand{
  margin-bottom:26px!important;
}
.ai-login-head h2{
  font-size:38px!important;
  line-height:1.04;
}
.ai-login-head p{
  font-size:14px!important;
  max-width:320px;
  margin-bottom:22px!important;
}
.ai-login-visual .ai-visual-copy{
  left:clamp(26px,4.8vw,64px)!important;
  top:clamp(28px,6vh,64px)!important;
  max-width:min(520px,56%)!important;
}
.ai-login-visual .ai-kicker{
  font-size:11px!important;
  letter-spacing:.20em!important;
}
.ai-login-visual .ai-visual-copy h1{
  font-size:clamp(36px,4vw,60px)!important;
  line-height:1.02!important;
  margin:14px 0 12px!important;
}
.ai-login-visual .ai-visual-copy p{
  max-width:430px!important;
  font-size:15px!important;
  line-height:1.58!important;
}
.ai-login-vignette{
  background:
    linear-gradient(90deg,rgba(2,12,28,.08) 0%,rgba(2,12,28,.16) 56%,rgba(2,12,28,.78) 100%),
    linear-gradient(0deg,rgba(2,12,28,.72) 0%,rgba(2,12,28,.02) 46%);
}
@media(max-width:1260px){
  .ai-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ai-panel-grid{grid-template-columns:1fr}
}
@media(max-width:980px){
  .ai-dashboard-hero{grid-template-columns:1fr; min-height:auto}
  .ai-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-main > *:not(.ai-topbar){margin-left:16px; margin-right:16px}
}
@media(max-width:640px){
  .ai-stat-grid{grid-template-columns:1fr}
}


/* =========================================================
   MR.SEA AI BALANCED LIGHT WORKSPACE — 26.08.15.23
   ========================================================= */
.ai-app-body{
  background:
    radial-gradient(circle at 82% 0%,rgba(27,133,255,.08),transparent 26%),
    linear-gradient(145deg,#eaf4fb,#f5f9fc 46%,#edf6fb 100%)!important;
  color:#15324a!important;
}
.ai-sidebar{
  width:254px!important;
  background:linear-gradient(180deg,#08233b 0%,#0a3150 58%,#072038 100%)!important;
  border-right:1px solid rgba(38,150,216,.22)!important;
  box-shadow:10px 0 32px rgba(20,64,94,.10)!important;
}
.ai-main{background:transparent!important}
.ai-topbar{
  background:rgba(250,253,255,.92)!important;
  color:#17344a!important;
  border-bottom:1px solid #d6e7f1!important;
  box-shadow:0 4px 18px rgba(48,93,122,.06)!important;
}
.ai-topbar h2{color:#17344a!important}
.ai-topbar small{color:#2f8fc7!important}
.ai-company-badge{
  background:#eef8fd!important;
  color:#246d98!important;
  border:1px solid #cbe8f6!important;
}
.ai-app-body .card{
  background:rgba(255,255,255,.96)!important;
  color:#18354b!important;
  border:1px solid #d8e7ef!important;
  box-shadow:0 10px 28px rgba(40,80,110,.07)!important;
}
.ai-app-body .journal-toolbar{
  background:rgba(255,255,255,.97)!important;
  border:1px solid #d6e6ef!important;
  box-shadow:0 7px 22px rgba(52,91,116,.07)!important;
  border-radius:14px!important;
}
.ai-app-body table{color:#18354b!important}
.ai-app-body th{
  background:#eef7fb!important;
  color:#287ca9!important;
  border-bottom:1px solid #d4e7f0!important;
}
.ai-app-body td{border-bottom:1px solid #edf3f7!important}
.ai-app-body tr:hover td{background:#f4faff!important}
.ai-app-body tr.journal-selected td{
  background:#e8f5fc!important;
  box-shadow:inset 3px 0 0 #21a9d6!important;
}
.ai-app-body input,
.ai-app-body select,
.ai-app-body textarea{
  background:#fff!important;
  color:#17344a!important;
  border:1px solid #cbdde8!important;
  box-shadow:none!important;
}
.ai-app-body input:focus,
.ai-app-body select:focus,
.ai-app-body textarea:focus{
  border-color:#34a7d6!important;
  box-shadow:0 0 0 3px rgba(52,167,214,.12)!important;
}
.ai-app-body .journal-search input{
  background:#f8fbfd!important;
  color:#17344a!important;
  border-color:#d1e1ea!important;
}

/* one consistent button system */
.ai-app-body button,
.ai-app-body .btn,
.journal-embed button,
.journal-embed .btn{
  min-height:38px!important;
  padding:8px 14px!important;
  border-radius:9px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  font-size:13px!important;
  font-weight:600!important;
  line-height:1.15!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  white-space:nowrap!important;
  transition:.16s ease!important;
}
.ai-app-body button:not(.danger):not(.secondary):not(.success):not(.info),
.ai-app-body .btn:not(.danger):not(.secondary):not(.success):not(.info){
  background:#258fca!important;
  color:#fff!important;
}
.ai-app-body button.info,.ai-app-body .btn.info{
  background:#238fc7!important;color:#fff!important;
}
.ai-app-body button.success,.ai-app-body .btn.success{
  background:#1f9f86!important;color:#fff!important;
}
.ai-app-body button.secondary,.ai-app-body .btn.secondary{
  background:#eef4f7!important;color:#355a70!important;border-color:#d4e2ea!important;
}
.ai-app-body button.danger,.ai-app-body .btn.danger{
  background:#d9534f!important;color:#fff!important;
}
.ai-app-body button:hover,.ai-app-body .btn:hover{
  transform:translateY(-1px)!important;
  filter:brightness(.98)!important;
}
.ai-app-body .journal-actions{
  display:flex!important;
  gap:7px!important;
  flex-wrap:wrap!important;
}
.ai-app-body .journal-toolbar{
  align-items:center!important;
  min-height:58px!important;
  padding:10px 12px!important;
}
.ai-app-body .journal-table-wrap{
  margin-top:12px!important;
}

/* modal layout: centered and consistent */
.journal-global-modal{
  padding:24px!important;
  background:rgba(15,42,61,.32)!important;
  backdrop-filter:blur(6px)!important;
}
.journal-global-dialog{
  width:min(920px,95vw)!important;
  height:min(760px,90vh)!important;
  background:#f7fbfd!important;
  border:1px solid #cfe2ec!important;
  border-radius:16px!important;
  box-shadow:0 24px 70px rgba(25,61,84,.20)!important;
}
.journal-global-head{
  background:#eef7fb!important;
  border-bottom:1px solid #d4e6ef!important;
}
.journal-global-title{color:#277ca8!important}
.journal-global-close{
  background:#fff!important;
  color:#46697e!important;
  border:1px solid #d1e1ea!important;
}
.journal-global-frame{background:#f7fbfd!important}
.journal-embed{
  background:#f7fbfd!important;
  color:#17344a!important;
}
.journal-embed .journal-modal-card{
  background:#fff!important;
  color:#17344a!important;
  border:1px solid #d5e5ed!important;
  border-radius:14px!important;
}
.journal-embed input,
.journal-embed select,
.journal-embed textarea{
  background:#fff!important;
  color:#17344a!important;
  border:1px solid #cbdde8!important;
}
.journal-embed label{color:#345a70!important}
.journal-embed .form2{
  gap:14px 16px!important;
}

/* dashboard softer */
.ai-dashboard-hero{
  background:
    linear-gradient(135deg,rgba(243,250,254,.98),rgba(232,245,252,.97))!important;
  border:1px solid #d5e8f1!important;
}
.ai-dashboard-copy h1{color:#15344c!important}
.ai-dashboard-copy p{color:#53748a!important}
.ai-dashboard-copy .eyebrow{color:#2d92c5!important}
.ai-hero-chips span{
  background:#fff!important;
  color:#3b6b87!important;
  border-color:#cfe3ee!important;
}
.ai-stat-card .k{color:#3685ad!important}
.ai-stat-card .v{color:#17364d!important}
.ai-stat-card .f{color:#6a889c!important}
.ai-feature-panel{
  background:#fff!important;
}
.ai-feature-panel .f-top span{color:#3188b4!important}
.ai-feature-panel .f-top b{color:#bdd2de!important}
.ai-feature-panel h3{color:#17364d!important}
.ai-feature-panel p{color:#668399!important}

/* Login centered branding & spacing */
.ai-login-shell{
  grid-template-columns:minmax(0,1.48fr) minmax(340px,.64fr)!important;
}
.ai-login-panel{
  padding:30px clamp(22px,2.5vw,40px)!important;
}
.ai-login-panel-inner{width:min(100%,380px)!important}
.ai-login-brand-centered{
  align-items:center!important;
  text-align:center!important;
  margin-bottom:22px!important;
}
.ai-brand-logo-large{
  width:96px!important;
  margin:0 auto 10px!important;
}
.ai-tech-name{
  color:#f0b95f;
  font-weight:800;
  letter-spacing:.11em;
  font-size:18px;
  line-height:1.2;
}
.ai-brand-sub{
  text-align:center!important;
  margin-top:6px!important;
  letter-spacing:.22em!important;
  font-size:8px!important;
}
.ai-login-head-centered{text-align:center!important}
.ai-login-head-centered p{margin-left:auto!important;margin-right:auto!important}
.ai-login-visual .ai-visual-copy{
  max-width:500px!important;
  top:40px!important;
}
.ai-login-visual .ai-visual-copy h1{
  font-size:clamp(34px,3.8vw,56px)!important;
  margin-top:12px!important;
}
.ai-login-visual .ai-kicker{
  font-size:10px!important;
  letter-spacing:.18em!important;
}
.ai-login-visual .ai-visual-copy p{
  font-size:14px!important;
  max-width:420px!important;
}
@media(max-width:1050px){
  .ai-sidebar{width:220px!important}
}
@media(max-width:900px){
  .ai-app-shell{display:block!important}
  .ai-sidebar{position:relative!important;width:100%!important;height:auto!important}
}


/* =========================================================
   JOURNAL ALIGNMENT STANDARD — 26.08.15.23
   Layout-only patch. Existing visual design is preserved.
   ========================================================= */

/* one common content rail for journal pages */
.ai-main{
  --journal-content-max: 1320px;
  --journal-side-gap: 24px;
}

/* header content, toolbar and journal cards use the same rail */
.ai-main > .journal-toolbar,
.ai-main > .journal-table-wrap,
.ai-main > .card.journal-table-wrap,
.ai-main > .journal-toolbar + .card,
.ai-main > .journal-toolbar ~ .card{
  width:calc(100% - (var(--journal-side-gap) * 2))!important;
  max-width:var(--journal-content-max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* toolbar must never shrink to its contents */
.ai-main > .journal-toolbar{
  display:flex!important;
  min-width:0!important;
  align-self:stretch!important;
}

/* journal table cards always fill the same width */
.ai-main .journal-table-wrap{
  width:100%!important;
  box-sizing:border-box!important;
  overflow-x:auto!important;
}

/* table itself fills its card; long columns scroll instead of changing card width */
.ai-main .journal-table-wrap > table,
.ai-main .card.journal-table-wrap > table{
  width:100%!important;
  min-width:760px!important;
  table-layout:auto!important;
}

/* search remains aligned on the right and does not force toolbar width */
.ai-main .journal-toolbar .journal-search{
  flex:0 1 320px!important;
  min-width:220px!important;
  max-width:320px!important;
  margin-left:auto!important;
}
.ai-main .journal-toolbar .journal-search input{
  width:100%!important;
  box-sizing:border-box!important;
}

/* action section can wrap without changing the journal rail */
.ai-main .journal-toolbar .journal-actions{
  flex:1 1 auto!important;
  min-width:0!important;
}

/* cards following journal toolbar get consistent vertical rhythm */
.ai-main > .journal-toolbar{
  margin-top:16px!important;
  margin-bottom:12px!important;
}
.ai-main > .journal-toolbar ~ .card{
  margin-top:0!important;
  margin-bottom:16px!important;
}

/* no accidental narrow cards caused by inline/grid content */
.ai-main > .journal-toolbar ~ .card:not(.ai-stat-card):not(.ai-feature-panel){
  box-sizing:border-box!important;
}

/* desktop consistency */
@media(min-width:901px){
  .ai-main > .journal-toolbar,
  .ai-main > .journal-toolbar ~ .card{
    width:min(var(--journal-content-max), calc(100% - 48px))!important;
  }
}

/* tablet/mobile: same edge alignment and toolbar stacks cleanly */
@media(max-width:900px){
  .ai-main{
    --journal-side-gap:16px;
  }
  .ai-main > .journal-toolbar,
  .ai-main > .journal-toolbar ~ .card{
    width:calc(100% - 32px)!important;
    max-width:none!important;
  }
  .ai-main .journal-toolbar{
    flex-direction:column!important;
    align-items:stretch!important;
  }
  .ai-main .journal-toolbar .journal-search{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    width:100%!important;
    margin-left:0!important;
  }
}

/* modal forms keep the same internal rhythm */
.journal-embed .journal-modal{
  width:100%!important;
  box-sizing:border-box!important;
}
.journal-embed .journal-modal-card{
  width:100%!important;
  box-sizing:border-box!important;
}
\n/* UNIFIED PAGE / JOURNAL LAYOUT — 26.08.15.23 */
.ai-app-body{--sidebar-width:254px;--page-max:1280px;--page-gap:24px;--page-block-gap:14px}
.ai-sidebar{width:var(--sidebar-width)!important;flex:0 0 var(--sidebar-width)!important}
.ai-main{width:calc(100% - var(--sidebar-width))!important;min-width:0!important;padding:0!important;margin:0!important}
.ai-main > .ai-topbar,.ai-main > .ai-dashboard-hero,.ai-main > .ai-stat-grid,.ai-main > .ai-panel-grid,.ai-main > .journal-toolbar,.ai-main > .journal-table-wrap,.ai-main > .card,.ai-main > form,.ai-main > section:not(.ai-topbar){width:min(var(--page-max),calc(100% - (var(--page-gap) * 2)))!important;max-width:var(--page-max)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
.ai-main > .ai-topbar{margin-top:22px!important;margin-bottom:var(--page-block-gap)!important;min-height:80px!important;padding:16px 24px!important}
.ai-main > .journal-toolbar,.ai-main > .journal-toolbar + .card,.ai-main > .journal-toolbar ~ .card,.ai-main > .journal-table-wrap{width:min(var(--page-max),calc(100% - (var(--page-gap) * 2)))!important;max-width:var(--page-max)!important;margin-left:auto!important;margin-right:auto!important}
.ai-main > .journal-toolbar{margin-top:0!important;margin-bottom:12px!important;min-height:58px!important;padding:10px 12px!important;display:flex!important;align-items:center!important;gap:10px!important}
.ai-main > .journal-toolbar + .card,.ai-main > .journal-toolbar ~ .card,.ai-main > .journal-table-wrap{margin-top:0!important;margin-bottom:16px!important}
.ai-main .journal-table-wrap{width:100%!important;max-width:none!important;padding:14px!important;overflow-x:auto!important}
.ai-main .journal-table-wrap table{width:100%!important;min-width:760px!important;margin:0!important}
.ai-main .journal-toolbar .journal-actions{flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;min-width:0!important}
.ai-main .journal-toolbar .journal-search{flex:0 1 300px!important;min-width:220px!important;max-width:300px!important;margin-left:auto!important}
.ai-main .journal-toolbar .journal-search input{width:100%!important}
.ai-main > .ai-dashboard-hero{margin-top:0!important;margin-bottom:18px!important}
.ai-main > .ai-stat-grid{margin-top:0!important;margin-bottom:18px!important}
.ai-main > .ai-panel-grid{margin-top:0!important;margin-bottom:18px!important}
.ai-main > .card:not(.ai-stat-card):not(.ai-feature-panel){max-width:var(--page-max)!important}
.journal-global-dialog{width:min(920px,94vw)!important;max-width:920px!important}
@media(max-width:1100px){.ai-app-body{--sidebar-width:220px;--page-gap:18px}}
@media(max-width:900px){.ai-app-body{--sidebar-width:0px;--page-gap:14px}.ai-main{width:100%!important}.ai-main > .ai-topbar,.ai-main > .ai-dashboard-hero,.ai-main > .ai-stat-grid,.ai-main > .ai-panel-grid,.ai-main > .journal-toolbar,.ai-main > .journal-table-wrap,.ai-main > .card,.ai-main > form,.ai-main > section:not(.ai-topbar){width:calc(100% - 28px)!important;max-width:none!important}.ai-main .journal-toolbar{flex-direction:column!important;align-items:stretch!important}.ai-main .journal-toolbar .journal-search{max-width:none!important;min-width:0!important;width:100%!important;margin-left:0!important}}