/* Dark blue and electric green visual system */
@media screen {
:root{--navy:#090f2b;--teal:#20ed16;--muted:#a4b0d0;--line:#1c2b53;--radius:20px;color:#f5f7ff;background:#080e27}
body,.workspace,.auth-panel{color:#f5f7ff;background-color:#080e27;background-image:radial-gradient(ellipse at 80% 15%,#102c4c70,transparent 45%),linear-gradient(#20345a28 1px,transparent 1px),linear-gradient(90deg,#20345a28 1px,transparent 1px);background-size:auto,65px 65px,65px 65px}
h1,h2,h3{font-family:Thmanyah,Tahoma,sans-serif} .eyebrow,.text-button{color:#38ef44}
aside,.topbar{background:#090f29;border-color:#1b2950} aside .brand{border-color:#1b2950} .nav-caption,.sidebar-footer,.sidebar-footer small,.breadcrumb,.page-heading p,.workspace-footer{color:#a4b0d0}.breadcrumb b{color:#f6f8ff}nav a{color:#b3bedc;border-radius:11px;transition:background .2s,color .2s,transform .2s}nav a:hover{background:#172447;color:#fff;transform:translateX(-3px)}nav a.active{background:#122f3d;color:#45f45a;box-shadow:inset -3px 0 #24ef35}nav .nav-icon{color:#1594ff}.sidebar-footer{border-color:#1b2950}.status-dot{background:#20ed16}
.panel,.stat,.auth-card,dialog{background:#0d1635;border:1px solid #1b2a50;border-radius:20px;box-shadow:0 14px 36px #03071a40}.stat,.quick-link{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.stat:hover,.quick-link:hover{transform:translateY(-4px);border-color:#008cff;box-shadow:0 12px 36px #008cff25;background:#111d42}.stat strong,.empty h3{color:#f5f7ff}.stat .stat-label,.stat .stat-foot,.section-head span,.readiness p,.quick-link small,.hero p{color:#a4b0d0}.stat::before{background:linear-gradient(135deg,#103b79,#0d493e);color:#008dff;border-radius:12px}.hero{background:linear-gradient(120deg,#101a3e,#0c2935);border:1px solid #1d3558;border-radius:20px}.hero h2{color:#fff}.quick-link{background:#101a3b;border-color:#1d2c52;border-radius:15px}.section-head,.dialog-footer{border-color:#1d2c52}.readiness strong{color:#29ee38}
button,.transfer-link{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;color:#eaf1ff}button:not(:disabled):active{transform:scale(.97)}.primary,.hero .primary{background:#29ed0b;color:#071529;border-radius:12px}.primary:hover,.hero .primary:hover{background:#58ff35;box-shadow:0 8px 25px #29ed0b40;transform:translateY(-2px)}.secondary{background:#101a3a;color:#f5f7ff;border-color:#26375e;border-radius:11px}.secondary:hover{background:#18264b;border-color:#008cff}.text-button{background:transparent;color:#42ef52}.icon-button{color:#eaf1ff}.danger{background:#a72e48;color:white}
input,select,textarea{background:#0a132e;color:#f4f7ff;border:1px solid #293a61;border-radius:10px}input::placeholder{color:#9daacb}input:focus,select:focus,textarea:focus{outline:2px solid #008cff;border-color:#008cff} :focus-visible{outline:2px solid #56aeff;outline-offset:3px}
.auth-story{background:radial-gradient(ellipse at 20% 80%,#10423d,#0b1534 55%,#080e27);border-inline-end:1px solid #1b2a50}.auth-story p,.auth-story>small{color:#a4b0d0}.auth-story .eyebrow{color:#35ec42}.auth-card{padding:32px}.auth-card p,.auth-card .fine{color:#a4b0d0}
.table-meta,th{background:#111c3c;color:#bac6e2;border-color:#1c2b53}td{border-color:#1c2b53}tbody tr:hover{background:#17264a}td button{background:#152d48;color:#8cd4ff}td button.delete{background:#402030;color:#ffb8c2}.badge{background:#103c38;color:#83f5af}.view-active{background:#087ff4;color:#fff;border-color:#087ff4}.lesson{background:#103b3d;border-color:#2bee64}.lesson.practical{background:#263350;border-color:#49aaff}.lesson span,.semester-label,.timetable-empty{color:#b4c2df}.timetable-cell{scrollbar-color:#34527e #101a35}.error{background:#401e30;border-color:#a1445a;color:#ffd2d8}#loading{background:#102f43;color:#a8e5ff}#toast{background:#26df38;color:#06172a}#update-banner{background:#101a3b}dialog::backdrop{background:#03071bc9;backdrop-filter:blur(5px)}
@media(max-width:760px){aside{background:#090f29}.auth-card{padding:24px}.stat:hover,.quick-link:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
}
/* Keep the existing visual theme while making page entrances consistent. */
@media screen {
  .workspace,.page-heading,.hero,.stats,.dashboard-bottom,.stat,.panel,.auth-card,nav a.active,dialog[open],dialog[open]::backdrop,#toast:not([hidden]) { animation:none; }
  .stat:hover,.quick-link:hover,nav a:hover,.primary:hover,.hero .primary:hover { transform:none; }
  .stat:hover,.quick-link:hover { box-shadow:0 18px 40px #008cff30,0 0 0 1px #008cff30; }
  .stat:hover::before { transform:none; box-shadow:none; }
  .primary { position:relative; overflow:hidden; }
  .primary::after { display:none; }
  .primary:hover { box-shadow:0 8px 28px #29ed0b65,0 0 14px #29ed0b30; }
  .stat,.quick-link,nav a,button { transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease; }
}
@media screen and (prefers-reduced-motion: no-preference) {
  .preferences-page { animation:page-entrance 460ms cubic-bezier(.22,1,.36,1) backwards; }
  @keyframes page-entrance { from { opacity:.35; transform:translate3d(0,12px,0) scale(.985); } to { opacity:1; transform:translate3d(0,0,0) scale(1); } }
}