@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --do-blue:#0645f5;
  --do-cyan:#31dcff;
  --do-ink:#151721;
  --do-paper:#f5f6f8;
  --do-muted:#737887;
  --do-line:#e2e5eb;
  --do-dark:#151721;
  --do-shadow:0 16px 42px rgba(21,23,33,.08);
}

html{font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
body{
  background:var(--do-paper)!important;
  color:var(--do-ink)!important;
  font-family:Manrope,"Segoe UI",Arial,sans-serif!important;
  overflow-x:hidden;
}
/* One font throughout the platform: headings, cards, tables, forms and dialogs. */
body *{font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
button,input,select,textarea{font-family:Manrope,"Segoe UI",Arial,sans-serif!important}
.title h1,.teacher-identity h2,.detail-head h2,.teacher-head h2,.sheet-teacher-head h2,.curriculum-plan-hero h2,.direction-entity-title h2,.individual-plan-head h2,.individual-plan-section-heading h3{
  font-family:Manrope,"Segoe UI",Arial,sans-serif!important;
}
body:not(:has(.welcome-card))::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.36;
  background-image:linear-gradient(rgba(6,69,245,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(6,69,245,.025) 1px,transparent 1px);
  background-size:36px 36px;
}

/* Shared workspace frame */
.top{
  height:82px!important;padding:0 clamp(16px,2.5vw,34px)!important;gap:24px!important;
  background:rgba(255,255,255,.92)!important;border-bottom:1px solid var(--do-line)!important;
  box-shadow:0 1px 0 rgba(21,23,33,.03);backdrop-filter:blur(16px);
}
.brand{min-width:270px!important;gap:13px!important}
.brand .logo{
  width:43px!important;height:43px!important;border-radius:0!important;background:var(--do-blue)!important;
  box-shadow:10px 10px 0 rgba(49,220,255,.95)!important;font-family:Manrope,Arial,sans-serif!important;
}
.brand .brand-misis-logo{display:block;width:124px;height:52px;object-fit:contain;object-position:left center;flex:0 0 auto}
.brand b{font-family:Manrope,Arial,sans-serif!important;font-size:16px!important;font-weight:800!important;letter-spacing:-.04em!important}
.brand span{color:var(--do-muted)!important;font-size:10px!important;font-weight:700!important;letter-spacing:.035em}
.global-search input{
  border:1px solid var(--do-line)!important;border-radius:0!important;background:#fff!important;
  padding:13px 15px!important;font-size:12px!important;box-shadow:none!important;
}
.global-search input:focus{border-color:var(--do-blue)!important;box-shadow:4px 4px 0 rgba(49,220,255,.7)!important}
.teacher-portal-link,.header-notification-button{
  border:1px solid var(--do-line)!important;border-radius:0!important;background:#fff!important;color:var(--do-ink)!important;
  padding:10px 12px!important;font-size:10px!important;font-weight:800!important;letter-spacing:.06em;text-transform:uppercase;
  transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.teacher-portal-link:hover,.header-notification-button:hover{background:var(--do-blue)!important;border-color:var(--do-blue)!important;color:#fff!important;transform:translate(-2px,-2px)}
.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto;white-space:nowrap}
.header-actions .teacher-portal-link,.header-actions .header-notification-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;
  margin:0!important;padding:0 13px!important;border:1px solid var(--do-line)!important;border-radius:9px!important;
  background:#fff!important;color:#334155!important;font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;
  box-shadow:none!important;transform:none!important;
}
.header-actions .teacher-portal-link{background:var(--do-blue)!important;border-color:var(--do-blue)!important;color:#fff!important}
.header-actions .teacher-portal-link:hover{background:#073bcf!important;border-color:#073bcf!important;box-shadow:0 6px 14px rgba(6,69,245,.18)!important;transform:translateY(-1px)!important}
.header-actions .header-notification-button:hover{background:#f4f7fc!important;border-color:#b9c8dc!important;color:var(--do-blue)!important;box-shadow:none!important;transform:translateY(-1px)!important}
.header-actions .header-notification-icon{width:17px!important;height:17px!important}.header-actions .header-notification-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important}
.header-actions .header-notification-badge{margin-left:1px!important}
#backToPlatformAdmin{background:#f5f7fb!important;border-color:#dce4ee!important;color:#334155!important}
#backToPlatformAdmin:hover{background:#eaf0ff!important;border-color:#b9c8e9!important;color:var(--do-blue)!important}
.teacher-portal-page .top{gap:16px!important}
.teacher-portal-page #portalHeaderNotifications{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:38px!important;
  margin-left:auto!important;padding:0 13px!important;border:1px solid var(--do-line)!important;border-radius:9px!important;
  background:#fff!important;color:#334155!important;font-size:10px!important;font-weight:800!important;letter-spacing:.035em!important;
  box-shadow:none!important;transform:none!important;
}
.teacher-portal-page #portalHeaderNotifications:hover{background:#f4f7fc!important;border-color:#b9c8dc!important;color:var(--do-blue)!important;box-shadow:none!important;transform:translateY(-1px)!important}
.teacher-portal-page #portalHeaderNotifications .header-notification-icon{width:17px!important;height:17px!important}.teacher-portal-page #portalHeaderNotifications .header-notification-icon svg{width:17px!important;height:17px!important;stroke:currentColor!important}
.teacher-portal-page .portal-top-caption{margin-left:0!important;color:#5f6979!important;font-size:11px!important;white-space:nowrap}

.layout{grid-template-columns:246px minmax(0,1fr)!important;min-width:0!important;min-height:calc(100vh - 82px)!important}
aside,.sidebar{
  top:82px!important;height:calc(100vh - 82px)!important;padding:23px 13px!important;
  background:#fff!important;border-right:1px solid var(--do-line)!important;box-shadow:8px 0 24px rgba(21,23,33,.025);
}
.sidebar::before{
  content:"УЧЕБНЫЙ ПЛАН";display:block;margin:2px 11px 19px;color:var(--do-blue);font-size:9px;font-weight:800;letter-spacing:.16em;
}
.sidebar-head{padding:0 11px 16px!important;margin-bottom:9px!important;border-bottom:1px solid var(--do-line)!important}
.sidebar-kicker{color:var(--do-ink)!important;font-size:11px!important;font-weight:800!important;letter-spacing:-.01em!important}
.sidebar-caption{color:var(--do-muted)!important;font-size:10px!important;font-weight:600!important}
.sidebar-section-label{margin:17px 11px 7px!important;padding:13px 0 0!important;border-top:1px solid var(--do-line)!important;color:#8a91a0!important;font-size:9px!important;font-weight:800!important;letter-spacing:.11em!important}
.sidebar .nav{
  min-height:40px!important;margin:2px 0!important;padding:0 12px 0 17px!important;border:0!important;border-radius:9px!important;
  background:transparent!important;color:#525b6d!important;font-size:12px!important;font-weight:700!important;
  box-shadow:none!important;transition:background .18s ease,color .18s ease,transform .18s ease!important;
}
.sidebar .nav::before{left:0!important;top:10px!important;bottom:10px!important;width:3px!important;border-radius:0 4px 4px 0!important;background:transparent!important}
.sidebar .nav:hover{background:#f3f6fc!important;color:var(--do-blue)!important;transform:translateX(2px)!important}
.sidebar .nav.active{background:#eaf0ff!important;color:#123fca!important;font-weight:800!important;box-shadow:none!important}
.sidebar .nav.active::before{top:8px!important;bottom:8px!important;background:var(--do-blue)!important}
.sidebar .aside-note{left:13px!important;right:13px!important;bottom:16px!important;padding:11px!important;border:1px solid var(--do-line)!important;border-radius:10px!important;background:#f8f9fb!important;color:#687287!important;box-shadow:none!important}
.sidebar .aside-note small{color:#9098a8!important}
.status-dot{background:#19a985!important;box-shadow:0 0 0 4px rgba(25,169,133,.11)!important}
.sidebar-nav{scrollbar-color:#cbd2dc transparent!important}.sidebar-nav::-webkit-scrollbar-thumb{background:#cbd2dc!important}

main#app,.layout>main{min-width:0!important;width:100%!important;padding:clamp(20px,3vw,42px)!important;max-width:1720px!important}
.title{position:relative;padding:0 0 23px!important;margin-bottom:20px!important;border-bottom:1px solid var(--do-line)}
.title::before{content:"01 / РАБОЧЕЕ ПРОСТРАНСТВО";display:block;margin-bottom:9px;color:var(--do-blue);font-size:9px;font-weight:800;letter-spacing:.15em}
.title h1{font-size:clamp(27px,3vw,42px)!important;line-height:1.02!important;letter-spacing:-.06em!important;font-weight:800!important}
.title p{max-width:720px!important;color:var(--do-muted)!important;font-size:12px!important;line-height:1.65!important}
.cards{gap:15px!important}.card,.panel{
  border:1px solid var(--do-line)!important;border-radius:0!important;background:#fff!important;box-shadow:var(--do-shadow)!important;
}
.card{position:relative;overflow:hidden;padding:19px!important}
.card::after{content:"";position:absolute;right:0;top:0;width:42px;height:4px;background:var(--do-cyan)}
.panel{padding:22px!important}.panel h2{font-size:16px!important;font-weight:800!important;letter-spacing:-.03em}
.metric .value,.metrics b{color:var(--do-blue)!important;font-weight:800!important}.metric .label,.metric .sub{color:var(--do-muted)!important}
.metric>small,.metric>b,.metric>span{display:block!important}
.metric>small{margin-bottom:5px!important;color:var(--do-muted)!important;font-size:10px!important;font-weight:700!important}
.metric>b{margin:0!important;color:var(--do-blue)!important;font-size:20px!important;line-height:1.15!important;font-weight:800!important}
.metric>span{margin-top:5px!important;color:var(--do-muted)!important;font-size:10px!important;line-height:1.35!important}
.dashboard-alert{min-height:66px!important;border:1px solid #dbe3ee!important;border-left:3px solid #9eb3cc!important;border-radius:10px!important;background:#fff!important;color:var(--do-ink)!important;box-shadow:none!important;transform:none!important}
.dashboard-alert.critical{border-left-color:#d75d5d!important}.dashboard-alert.warning{border-left-color:#d99a33!important}.dashboard-alert.info{border-left-color:#4d8fd2!important}
.dashboard-alert:hover{background:#f5f8ff!important;border-color:#b8cbe8!important;border-left-color:var(--do-blue)!important;color:var(--do-ink)!important;box-shadow:0 8px 18px rgba(28,58,104,.09)!important;transform:translateY(-1px)!important}
.dashboard-alert:focus-visible{outline:3px solid rgba(49,220,255,.5)!important;outline-offset:2px}
.dashboard-alert-count{background:#edf3fb!important;color:#264a77!important;border-radius:8px!important}.dashboard-alert:hover .dashboard-alert-count{background:#e3edff!important;color:var(--do-blue)!important}
.dashboard-alert b{color:#263d5d!important}.dashboard-alert small{color:#728199!important}
.table-wrap{border-radius:0!important;border-color:var(--do-line)!important}th{background:#f1f3f7!important;color:#4d5260!important;font-size:10px!important}td{border-color:#edf0f3!important}
tr.clickable:hover{background:#f4f8ff!important}.pill{border-radius:0!important;background:#e6edff!important;color:var(--do-blue)!important;font-weight:700!important}
.empty{color:var(--do-muted)!important}

.primary-action,.download,.xlsx-action,.pdf-export{
  border-radius:0!important;background:var(--do-blue)!important;color:#fff!important;border:1px solid var(--do-blue)!important;
  font-size:11px!important;font-weight:800!important;letter-spacing:.025em;box-shadow:4px 4px 0 rgba(49,220,255,.75);
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.primary-action:hover,.download:hover,.xlsx-action:hover,.pdf-export:hover{background:#0737bc!important;transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(49,220,255,.9)}
.secondary-action,.logout,.plan-mini,.row-edit{
  border-radius:0!important;background:#fff!important;color:var(--do-ink)!important;border:1px solid var(--do-line)!important;box-shadow:none!important;
}
.secondary-action:hover,.logout:hover,.plan-mini:hover,.row-edit:hover{border-color:var(--do-blue)!important;color:var(--do-blue)!important;background:#f4f7ff!important;transform:none!important}
input,select,textarea,.filters input,.filters select{
  border-radius:0!important;border-color:var(--do-line)!important;background:#fff!important;color:var(--do-ink)!important;
}
input:focus,select:focus,textarea:focus{outline:none!important;border-color:var(--do-blue)!important;box-shadow:3px 3px 0 rgba(49,220,255,.62)!important}
.modal{background:rgba(21,23,33,.68)!important;backdrop-filter:blur(7px)}.modal-card,.plan-modal-shell{border-radius:0!important;box-shadow:18px 18px 0 rgba(49,220,255,.5)!important}.close{border-radius:0!important;background:var(--do-blue)!important;color:#fff!important}

/* Main administrator's department control room */
.platform-shell{max-width:1280px!important;padding:0 clamp(18px,5vw,78px) 58px!important}
.platform-head{
  position:relative;margin:0 -78px 42px!important;padding:82px clamp(18px,5vw,78px) 66px!important;
  background:linear-gradient(118deg,#102b63 0%,#1747c9 52%,#2459de 100%)!important;color:#fff!important;overflow:hidden;
}
.platform-head::after{content:"";position:absolute;right:-90px;top:-125px;width:440px;height:440px;border:1px solid rgba(255,255,255,.38);border-radius:50%;box-shadow:0 0 0 68px rgba(255,255,255,.07),0 0 0 136px rgba(255,255,255,.04)}
.platform-head>*{position:relative;z-index:1}.platform-head .teacher-eyebrow{color:var(--do-cyan)!important}.platform-head h1{color:#fff!important;font-size:clamp(36px,5vw,66px)!important;letter-spacing:-.065em!important}.platform-head p{color:#dce8ff!important;max-width:600px;font-size:13px!important;line-height:1.65!important}.platform-head .secondary-action{background:transparent!important;border-color:rgba(255,255,255,.45)!important;color:#fff!important}.platform-head .primary-action{background:#fff!important;border-color:#fff!important;color:var(--do-ink)!important;box-shadow:5px 5px 0 var(--do-cyan)!important}
.department-grid{gap:18px!important}.department-card{position:relative;display:flex!important;flex-direction:column!important;border-radius:0!important;border:1px solid var(--do-line)!important;box-shadow:var(--do-shadow)!important;padding:23px!important;transition:transform .2s ease,box-shadow .2s ease}.department-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(21,23,33,.12)!important}.department-card::before{content:"";display:block;width:30px;height:4px;background:var(--do-blue);margin-bottom:17px}.department-card h2{font-family:Manrope,Arial,sans-serif!important;font-weight:800!important}.department-meta span{border-radius:0!important;background:#f2f4f8!important;color:#495066!important}.department-card footer{margin-top:auto!important}.dialog,.dialog-backdrop{border-radius:0!important}.dialog{box-shadow:16px 16px 0 rgba(49,220,255,.45)!important}

/* Teacher workspace: keep the page fluid; only data tables may scroll horizontally. */
.teacher-portal-page .layout>main{max-width:1540px!important;margin-inline:auto!important}
.teacher-portal-page .portal-top-caption{min-width:0;white-space:normal!important;text-align:right;line-height:1.45}
.teacher-portal-page .portal-plan-toolbar{display:flex!important;align-items:center!important;gap:18px!important;padding:18px 22px!important}
.teacher-portal-page .individual-plan-selects{min-width:0!important}
.teacher-portal-page .individual-plan-toolbar-actions{min-width:0!important;margin-left:auto!important;align-items:flex-end!important}
.teacher-portal-page .individual-plan-toolbar-actions .note{max-width:300px!important;overflow-wrap:anywhere}
.teacher-portal-page .individual-plan-head{align-items:center!important;padding:20px 22px!important}
.teacher-portal-page .individual-plan-head>div:first-child{min-width:0}
.teacher-portal-page .individual-plan-head-actions{min-width:0!important}
.teacher-portal-page .individual-plan-summary{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}
.teacher-portal-page .individual-plan-section-table{max-width:100%!important;overflow-x:auto!important;overscroll-behavior-inline:contain}
.teacher-portal-page .individual-plan-section-table table{margin:0!important}
/* Teacher workload tables grow with their rows: the page scrolls, not a nested panel. */
.teacher-portal-page .portal-workload-modal>.teacher-workspace-modal{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.teacher-portal-page .teacher-workspace-modal .teacher-sheet-card{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}
.teacher-portal-page .teacher-workspace-modal .teacher-workspace{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}
.teacher-portal-page .teacher-workspace-modal .teacher-tab-panel.teacher-surface{height:auto!important;min-height:0!important;display:block!important;overflow:visible!important}
.teacher-portal-page .teacher-workspace-modal .teacher-grid-wrap{height:auto!important;min-height:0!important;max-height:none!important;overflow-x:auto!important;overflow-y:visible!important;scrollbar-gutter:auto!important;overscroll-behavior:auto!important}
.teacher-portal-page .teacher-workspace-modal .teacher-grid-table thead th{position:static!important}
@media(min-width:1100px){
  .teacher-portal-page .individual-plan-section-table{overflow-x:hidden!important}
  .teacher-portal-page .individual-plan-section-table table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:10px!important}
  .teacher-portal-page .individual-plan-section-table th,.teacher-portal-page .individual-plan-section-table td{padding:7px 6px!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .teacher-portal-page .individual-plan-section-view .individual-plan-work{min-width:0!important;width:auto!important}
  .teacher-portal-page .individual-plan-work b,.teacher-portal-page .individual-plan-work small{overflow-wrap:anywhere!important}
  .teacher-portal-page .individual-fact-input{width:62px!important;max-width:100%!important}
  .teacher-portal-page .individual-plan-section-view.education th:nth-child(1){width:30px}.teacher-portal-page .individual-plan-section-view.education th:nth-child(2){width:62px}.teacher-portal-page .individual-plan-section-view.education th:nth-child(3){width:30%}.teacher-portal-page .individual-plan-section-view.education th:nth-child(4){width:92px}.teacher-portal-page .individual-plan-section-view.education th:nth-child(5){width:78px}.teacher-portal-page .individual-plan-section-view.education th:nth-child(6){width:105px}.teacher-portal-page .individual-plan-section-view.education th:nth-child(7),.teacher-portal-page .individual-plan-section-view.education th:nth-child(8),.teacher-portal-page .individual-plan-section-view.education th:nth-child(9){width:66px}.teacher-portal-page .individual-plan-section-view.education th:nth-child(10){width:84px}
  .teacher-portal-page .individual-plan-section-view.science th:nth-child(1),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(1){width:30px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(2),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(2){width:62px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(3),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(3){width:44px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(4),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(4){width:31%}.teacher-portal-page .individual-plan-section-view.science th:nth-child(5),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(5){width:105px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(6),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(6){width:54px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(7),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(7){width:112px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(8),.teacher-portal-page .individual-plan-section-view.science th:nth-child(9),.teacher-portal-page .individual-plan-section-view.science th:nth-child(10),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(8),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(9),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(10){width:66px}.teacher-portal-page .individual-plan-section-view.science th:nth-child(11),.teacher-portal-page .individual-plan-section-view.auxiliary th:nth-child(11){width:84px}
}

/* Login / password screens */
body:has(.welcome-card){min-height:100vh;background:var(--do-blue)!important;display:grid;place-items:center;overflow-x:hidden}
body:has(.welcome-card)::before{content:"";position:fixed;right:-160px;top:50%;width:620px;height:620px;border-radius:50%;border:1px solid rgba(255,255,255,.35);transform:translateY(-50%);box-shadow:0 0 0 75px rgba(255,255,255,.07),0 0 0 150px rgba(255,255,255,.04);animation:do-ring-breathe 13s ease-in-out infinite}
body:has(.welcome-card)::after{content:"";position:fixed;right:7vw;top:50%;width:238px;height:238px;border:1px solid rgba(49,220,255,.95);border-left-color:transparent;border-radius:50%;transform:translateY(-50%);animation:do-ring-orbit 18s linear infinite;pointer-events:none}
body:has(.welcome-card) .shell{position:relative;z-index:1;width:min(100%,1160px);min-height:100vh!important;padding:34px!important;display:grid!important;place-items:center!important}
.login-card.welcome-card{position:relative;width:min(520px,100%)!important;margin:0!important;padding:44px!important;border:0!important;border-radius:0!important;box-shadow:16px 16px 0 rgba(49,220,255,.9)!important}
.welcome-card .welcome-misis-logo{display:block;width:215px;max-width:78%;height:auto;margin:0 0 28px}
.welcome-card .mark{width:54px!important;height:54px!important;margin-bottom:30px!important;border-radius:0!important;background:var(--do-blue)!important;box-shadow:8px 8px 0 var(--do-cyan)!important}
.welcome-card h1{font-family:Manrope,Arial,sans-serif!important;font-size:40px!important;letter-spacing:-.06em!important}.welcome-card .eyebrow{color:var(--do-blue)!important}.welcome-card .intro{font-size:13px!important;color:var(--do-muted)!important}.welcome-card form{gap:17px!important}.welcome-card label{font-size:11px!important;text-transform:uppercase;letter-spacing:.08em}.welcome-card input{height:48px!important}.welcome-card button{width:100%;margin-top:4px;padding:15px!important}

@keyframes do-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes do-ring-breathe{0%,100%{transform:translateY(-50%) scale(1);opacity:.72}50%{transform:translateY(calc(-50% - 14px)) scale(1.035);opacity:1}}
@keyframes do-ring-orbit{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}
.title,.cards,.panel,.department-card,.welcome-card{animation:do-rise .42s cubic-bezier(.2,.75,.3,1) both}
.platform-misis-logo{display:block;width:164px;height:62px;object-fit:contain;object-position:left center;margin:0 0 22px;padding:9px 12px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.62);box-shadow:7px 7px 0 rgba(49,220,255,.7)}
.cards>.card:nth-child(2),.department-card:nth-child(2){animation-delay:.05s}.cards>.card:nth-child(3),.department-card:nth-child(3){animation-delay:.1s}.cards>.card:nth-child(4),.department-card:nth-child(4){animation-delay:.15s}

@media(max-width:1000px){
  .layout{grid-template-columns:76px 1fr!important}.sidebar::before,.sidebar-head,.sidebar-section-label{display:none!important}
  .nav{padding:13px 7px!important;text-align:center!important}.nav span{display:none!important}
  .platform-head{margin-left:-34px!important;margin-right:-34px!important}.brand{min-width:210px!important}
}
@media(max-width:680px){
  .top{height:auto!important;min-height:72px!important}.brand{min-width:100%!important}.global-search{order:3!important}.layout{display:block!important}.layout>aside{display:none!important}
  main#app,.layout>main{padding:22px 15px!important}.cards{grid-template-columns:1fr!important}.platform-shell{padding:0 15px 38px!important}.platform-head{margin:0 -15px 28px!important;padding:55px 15px 45px!important}.platform-head h1{font-size:38px!important}.platform-actions{width:100%}.platform-actions button{width:auto!important}
  body:has(.welcome-card) .shell{padding:20px!important}.login-card.welcome-card{padding:31px 25px!important}.welcome-card h1{font-size:34px!important}.brand .brand-misis-logo{width:102px;height:43px}.platform-misis-logo{width:130px}
}
@media(max-width:900px){
  .teacher-portal-page .portal-plan-toolbar,.teacher-portal-page .individual-plan-head{align-items:flex-start!important;flex-direction:column!important}
  .teacher-portal-page .individual-plan-toolbar-actions{align-items:flex-start!important;margin-left:0!important}
  .teacher-portal-page .individual-plan-toolbar-actions .note{max-width:none!important;text-align:left!important}
  .teacher-portal-page .individual-plan-head-actions{justify-content:flex-start!important}
}
@media(max-width:1180px){
  .header-actions{gap:6px}
  .header-actions .teacher-portal-link,.header-actions .header-notification-button{padding:0 10px!important;font-size:9px!important}
  .teacher-portal-page #portalHeaderNotifications{padding:0 10px!important;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}