.student-app{--bg-primary:#100535e6;--bg-input:#10113d80;--accent-pink:#ef4d7f;--accent-orange:#ee834f;--accent-purple:#924ced;--accent-purple-light:#8756d4;--text-primary:#cec5ff;--text-secondary:#b0a4f0;--text-highlight:#ca7ca4;--text-link:#cd85e9;--text-placeholder:#535180;--border-primary:#978cd980;--border-focus:#7b74b8;--icon-color:#a9a1dc}.login-main{background:url(/images/background.png) 50%/cover no-repeat;justify-content:flex-end;min-height:100vh;display:flex}.login-form-container{background:var(--bg-primary);box-sizing:border-box;text-align:center;width:100%;max-width:39%;min-height:100vh;padding:40px 50px}.login-logo{justify-content:center;max-width:170px;margin:28px auto 50px;display:flex}.login-logo img{max-width:100%;height:auto}.login-heading{color:var(--text-secondary);letter-spacing:.2px;margin:138px 40px 55px;padding-bottom:24px;font-size:18px;font-weight:400;position:relative}.login-heading span{color:var(--text-highlight)}.login-heading:after{content:"";background:var(--accent-purple);border-radius:10px;width:50px;height:2px;margin:auto;position:absolute;bottom:0;left:0;right:0}.login-form{width:80%;margin:0 auto}.input-group{margin-bottom:41px;position:relative}.input-group:last-of-type{margin-bottom:0}.input-field{border:1px solid var(--border-primary);background:var(--bg-input);box-sizing:border-box;width:100%;color:var(--text-primary);border-radius:7px;padding:16px 45px 16px 16px;font-size:16px}.input-field::placeholder{color:var(--text-placeholder)}.input-field:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--text-primary)!important;-webkit-box-shadow:inset 0 0 0 1000px #10113d80!important}.input-field:focus{box-shadow:none;border-color:var(--border-focus);outline:none}.input-icon{width:20px;height:20px;color:var(--icon-color);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.input-check{width:18px;height:18px;color:var(--accent-purple-light);position:absolute;top:50%;right:40px;transform:translateY(-50%)}.forgot-password{color:var(--text-link);text-align:right;cursor:pointer;padding:12px 0;font-size:15px;font-weight:600;text-decoration:underline;display:block}.forgot-password:hover{color:var(--accent-pink)}.submit-button{color:#fff;background:linear-gradient(10deg,var(--accent-pink)0%,var(--accent-orange)100%);cursor:pointer;border:0;border-radius:30px;outline:none;width:100%;margin-top:3px;padding:15px 10px;font-size:18px;font-weight:500;transition:background .3s}.submit-button:hover{background:linear-gradient(40deg,var(--accent-pink)50%,var(--accent-orange)100%)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.error-message{border:1px solid var(--accent-pink);color:var(--accent-pink);text-align:left;background:#ef4d7f1a;border-radius:7px;margin-bottom:20px;padding:12px 16px;font-size:14px}.field-error{color:var(--accent-pink);text-align:left;margin-top:6px;font-size:13px}@media only screen and (max-width:769px){.login-form-container{max-width:100%;padding:40px 20px}.login-logo{max-width:170px;margin:20px auto}.login-heading{margin:20px 20px 55px;padding-bottom:24px}.login-form{width:100%}}@media screen and (min-width:768px) and (max-width:1024px){.login-main{background-position:30% 0}.login-form-container{padding:40px 30px}}.app-layout{background:linear-gradient(135deg,#0a0419 0%,#1a0a3e 50%,#0f0525 100%);min-height:100vh;display:flex}.app-layout__main{flex-direction:column;flex:1;margin-left:250px;transition:margin-left .3s;display:flex}.app-layout__main--expanded{margin-left:70px}.app-layout__content{flex:1;padding:24px;overflow-y:auto}.app-layout__overlay{display:none}.sidebar{z-index:100;background:#100535f2;border-right:1px solid #978cd933;flex-direction:column;width:250px;transition:width .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar--collapsed{width:70px}.sidebar__logo{border-bottom:1px solid #978cd926;justify-content:center;align-items:center;min-height:80px;padding:20px;display:flex}.sidebar__logo a{align-items:center;display:flex}.sidebar__toggle{background:var(--accent-purple);color:#fff;cursor:pointer;z-index:101;border:2px solid #100535f2;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:transform .2s;display:flex;position:absolute;top:95px;right:-12px}.sidebar__toggle:hover{transform:scale(1.1)}.sidebar__toggle svg{width:14px;height:14px}.sidebar__nav{flex:1;padding:20px 0;overflow-y:auto}.sidebar__menu{margin:0;padding:0;list-style:none}.sidebar__menu-item{margin:4px 12px}.sidebar__link{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:15px;text-decoration:none;transition:all .2s;display:flex}.sidebar__link:hover{color:var(--text-primary);background:#924ced26}.sidebar__link--active{color:var(--accent-pink);border-left:3px solid var(--accent-pink);background:linear-gradient(135deg,#ef4d7f33 0%,#924ced33 100%);margin-left:-3px}.sidebar__icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sidebar__icon svg{width:100%;height:100%}.sidebar__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar--collapsed .sidebar__label{display:none}.sidebar--collapsed .sidebar__link{justify-content:center;padding:12px}.sidebar--collapsed .sidebar__menu-item{margin:4px 8px}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:50;background:#100535cc;border-bottom:1px solid #978cd926;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:sticky;top:0}.header__left{align-items:center;gap:16px;display:flex}.header__menu-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #978cd94d;border-radius:8px;justify-content:center;align-items:center;display:none}.header__menu-btn svg{width:22px;height:22px}.header__title{color:var(--text-primary);margin:0;font-size:22px;font-weight:600}.header__center{flex:1;max-width:400px;margin:0 24px}.header__search{position:relative}.header__search-icon{width:18px;height:18px;color:var(--text-placeholder);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.header__search-input{width:100%;color:var(--text-primary);background:#10113d80;border:1px solid #978cd94d;border-radius:8px;padding:10px 16px 10px 44px;font-size:14px}.header__search-input::placeholder{color:var(--text-placeholder)}.header__search-input:focus{border-color:var(--accent-purple);outline:none}.header__right{align-items:center;gap:16px;display:flex}.header__notification-btn{width:40px;height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #978cd94d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.header__notification-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.header__notification-btn svg{width:20px;height:20px}.header__notification-badge{background:var(--accent-pink);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:2px 6px;font-size:11px;font-weight:600;position:absolute;top:-4px;right:-4px}.user-menu{position:relative}.user-menu__trigger{cursor:pointer;background:#924ced1a;border:1px solid #978cd94d;border-radius:30px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.user-menu__trigger:hover{border-color:var(--accent-purple)}.user-menu__avatar{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.user-menu__avatar img{object-fit:cover;width:100%;height:100%}.user-menu__avatar span{color:#fff;font-size:14px;font-weight:600}.user-menu__avatar--large{width:48px;height:48px}.user-menu__avatar--large span{font-size:18px}.user-menu__name{color:var(--text-primary);font-size:14px;font-weight:500}.user-menu__chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s}.user-menu__chevron--open{transform:rotate(180deg)}.user-menu__dropdown{z-index:200;background:#100535fa;border:1px solid #978cd94d;border-radius:12px;width:280px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 40px #0006}.user-menu__header{background:#924ced14;align-items:center;gap:12px;padding:16px;display:flex}.user-menu__info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.user-menu__display-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.user-menu__email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.user-menu__divider{background:#978cd926;height:1px}.user-menu__list{margin:0;padding:8px;list-style:none}.user-menu__item{color:var(--text-secondary);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.user-menu__item:hover{color:var(--text-primary);background:#924ced26}.user-menu__item svg{flex-shrink:0;width:18px;height:18px}.user-menu__logout{width:calc(100% - 16px);color:var(--accent-pink);cursor:pointer;background:0 0;border:1px solid #ef4d7f4d;border-radius:8px;align-items:center;gap:12px;margin:8px;padding:10px 12px;font-size:14px;transition:all .2s;display:flex}.user-menu__logout:hover{border-color:var(--accent-pink);background:#ef4d7f1a}.user-menu__logout svg{width:18px;height:18px}.loading-screen{background:linear-gradient(135deg,#0a0419 0%,#1a0a3e 50%,#0f0525 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #978cd933;border-top-color:var(--accent-purple);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:1024px){.header__center{display:none}}@media screen and (max-width:768px){.sidebar{width:280px;transform:translate(-100%)}.app-layout--menu-open .sidebar{transform:translate(0)}.sidebar__toggle{display:none}.app-layout__main,.app-layout__main--expanded{margin-left:0}.app-layout__overlay{z-index:99;background:#00000080;display:block;position:fixed;inset:0}.header__menu-btn{display:flex}.header__title{font-size:18px}.user-menu__name{display:none}.app-layout__content{padding:16px}}.dashboard{max-width:1400px;margin:0 auto}.dashboard__welcome{margin-bottom:32px}.dashboard__greeting{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:600}.dashboard__greeting span{color:var(--accent-pink)}.dashboard__subtitle{color:var(--text-secondary);margin:0;font-size:16px}.dashboard__layout{grid-template-columns:1fr 360px;gap:24px;display:grid}.dashboard__main,.dashboard__sidebar{flex-direction:column;gap:24px;display:flex}.card{background:#100535b3;border:1px solid #978cd933;border-radius:16px;overflow:hidden}.card--padding-sm{padding:12px}.card--padding-md{padding:20px}.card--padding-lg{padding:28px}.card--elevated{box-shadow:0 8px 32px #0000004d}.card--outlined{background:0 0}.card--clickable{cursor:pointer;transition:all .2s}.card--clickable:hover{border-color:var(--accent-purple);transform:translateY(-2px)}.card__header{margin-bottom:16px}.card__title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.card__subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:14px}.domain-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.domain-card{background:#10113d66;border:1px solid #978cd926;border-radius:12px;flex-direction:column;align-items:center;padding:16px;text-decoration:none;transition:all .2s;display:flex}.domain-card:hover{border-color:var(--domain-color);background:#10113d99;transform:translateY(-2px)}.domain-card__header{align-items:center;gap:8px;width:100%;margin-bottom:12px;display:flex}.domain-card__number{background:var(--domain-color);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:flex}.domain-card__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:13px;font-weight:500;overflow:hidden}.domain-card__progress{margin:8px 0}.domain-card__breakdown{justify-content:center;gap:16px;width:100%;margin-top:12px;display:flex}.domain-card__stat{align-items:center;gap:4px;display:flex}.domain-card__stat-icon{width:14px;height:14px;color:var(--text-secondary)}.domain-card__stat-icon svg{width:100%;height:100%}.domain-card__stat-value{color:var(--text-secondary);font-size:11px}.domain-card--skeleton{flex-direction:column;justify-content:space-between;align-items:center;height:180px;padding:16px;display:flex}.progress-ring{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring__content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.progress-ring__percentage{color:var(--text-primary);font-size:20px;font-weight:700}.progress-ring__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.progress-bar{width:100%}.progress-bar__header{justify-content:space-between;margin-bottom:6px;display:flex}.progress-bar__label{color:var(--text-secondary);font-size:13px}.progress-bar__value{color:var(--text-primary);font-size:13px;font-weight:500}.progress-bar__track{border-radius:4px;width:100%;overflow:hidden}.progress-bar__fill{border-radius:4px;transition:width .5s}.overall-progress{align-items:center;gap:40px;padding:20px 0;display:flex}.overall-progress__ring{flex-shrink:0;position:relative}.overall-progress__stats{flex-direction:column;flex:1;gap:20px;display:flex}.overall-progress__stat{width:100%}.overall-progress__stat-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.overall-progress__stat-icon{width:18px;height:18px;color:var(--text-secondary)}.overall-progress__stat-icon svg{width:100%;height:100%}.overall-progress__stat-label{color:var(--text-secondary);flex:1;font-size:14px}.overall-progress__stat-value{color:var(--text-primary);font-size:14px;font-weight:500}.overall-progress--skeleton{padding:20px 0}.exam-countdown{text-align:center;padding:8px 0}.exam-countdown__header{justify-content:center;align-items:center;gap:8px;margin-bottom:16px;display:flex}.exam-countdown__title{color:var(--text-primary);margin:0;font-size:16px;font-weight:600}.exam-countdown__edit-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #978cd94d;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.exam-countdown__edit-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.exam-countdown__edit-btn svg{width:14px;height:14px}.exam-countdown__display{flex-direction:column;align-items:center;display:flex}.exam-countdown__days{align-items:baseline;gap:8px;display:flex}.exam-countdown__number{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:700;line-height:1}.exam-countdown__label{color:var(--text-secondary);font-size:18px;font-weight:500}.exam-countdown__date{color:var(--text-secondary);margin:12px 0 0;font-size:14px}.exam-countdown__editor{flex-direction:column;gap:12px;display:flex}.exam-countdown__input{color:var(--text-primary);background:#10113d80;border:1px solid #978cd94d;border-radius:8px;padding:10px 14px;font-size:14px}.exam-countdown__input:focus{border-color:var(--accent-purple);outline:none}.exam-countdown__actions{gap:8px;display:flex}.exam-countdown__btn{cursor:pointer;border-radius:6px;flex:1;padding:8px 16px;font-size:14px;transition:all .2s}.exam-countdown__btn--cancel{color:var(--text-secondary);background:0 0;border:1px solid #978cd94d}.exam-countdown__btn--cancel:hover{border-color:var(--text-secondary)}.exam-countdown__btn--save{background:var(--accent-purple);color:#fff;border:none}.exam-countdown__btn--save:hover{background:var(--accent-purple-light)}.exam-countdown__empty{padding:20px 0}.exam-countdown__empty-text{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.exam-countdown__set-btn{background:linear-gradient(135deg,var(--accent-pink),var(--accent-orange));color:#fff;cursor:pointer;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.exam-countdown__set-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #ef4d7f4d}.activity-list{flex-direction:column;gap:8px;display:flex}.activity-list--empty{text-align:center;color:var(--text-secondary);padding:24px}.activity-item{background:#10113d4d;border:1px solid #978cd91a;border-radius:10px;align-items:flex-start;gap:12px;padding:12px;text-decoration:none;transition:all .2s;display:flex}.activity-item:hover{background:#10113d80;border-color:#978cd933}.activity-item__icon{background:#924ced1a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.activity-item__icon svg{width:18px;height:18px}.activity-item__content{flex:1;min-width:0}.activity-item__title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 2px;font-size:14px;font-weight:500;overflow:hidden}.activity-item__subtitle{color:var(--text-secondary);margin:0 0 8px;font-size:12px}.activity-item__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.activity-item__status{font-size:11px;font-weight:500}.activity-item__duration{color:var(--text-secondary);font-size:11px}.activity-item--skeleton{height:60px}.leaderboard{flex-direction:column;gap:4px;display:flex}.leaderboard--empty{text-align:center;color:var(--text-secondary);padding:24px}.leaderboard__header{color:var(--text-placeholder);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:8px 12px;font-size:11px;display:flex}.leaderboard__col--rank{width:32px}.leaderboard__col--name{flex:1}.leaderboard__col--score{text-align:right;width:60px}.leaderboard__row{background:#10113d4d;border-radius:8px;align-items:center;padding:10px 12px;transition:background .2s;display:flex}.leaderboard__row:hover{background:#10113d80}.leaderboard__row--current{background:#924ced26;border:1px solid #924ced4d}.leaderboard__row--skeleton{gap:12px;height:52px}.leaderboard__rank{text-align:center;width:32px;font-size:14px;font-weight:600}.leaderboard__trophy{justify-content:center;align-items:center;display:flex}.leaderboard__trophy svg{width:18px;height:18px}.leaderboard__user{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.leaderboard__name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.leaderboard__score{width:60px;color:var(--accent-purple);text-align:right;font-size:14px;font-weight:600}.avatar{background:linear-gradient(135deg,var(--accent-pink),var(--accent-purple));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar--small{width:32px;height:32px}.avatar--medium{width:40px;height:40px}.avatar--large{width:56px;height:56px}.avatar__image{object-fit:cover;width:100%;height:100%}.avatar__initials{color:#fff;font-weight:600}.avatar--small .avatar__initials{font-size:12px}.avatar--medium .avatar__initials{font-size:14px}.avatar--large .avatar__initials{font-size:20px}.skeleton{background:linear-gradient(90deg,#978cd91a 25%,#978cd933 50%,#978cd91a 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{padding:16px}.skeleton-card__header{gap:12px;margin-bottom:16px;display:flex}.skeleton-card__title{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-card__body{flex-direction:column;gap:8px;display:flex}@media screen and (max-width:1200px){.domain-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){.dashboard__layout{grid-template-columns:1fr}.dashboard__sidebar{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.domain-grid{grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:768px){.dashboard__welcome{margin-bottom:20px}.dashboard__greeting{font-size:22px}.dashboard__subtitle{font-size:14px}.dashboard__sidebar{grid-template-columns:1fr}.domain-grid{grid-template-columns:repeat(2,1fr);gap:12px}.domain-card{padding:12px}.domain-card__breakdown{gap:12px}.overall-progress{flex-direction:column;gap:24px}}.page-container{max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.page-title{color:var(--text-primary);margin:0 0 8px;font-size:28px;font-weight:600}.page-subtitle{color:var(--text-secondary);margin:0;font-size:16px}.page-content{flex-direction:column;gap:24px;display:flex}.coming-soon-card{max-width:600px}.coming-soon{text-align:center;padding:40px 20px}.coming-soon__icon{background:linear-gradient(135deg,#ef4d7f1a,#924ced1a);border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.coming-soon__icon svg{width:40px;height:40px;color:var(--accent-purple)}.coming-soon__title{color:var(--text-primary);margin:0 0 16px;font-size:24px;font-weight:600}.coming-soon__text{color:var(--text-secondary);max-width:400px;margin:0 auto;font-size:15px;line-height:1.6}@media screen and (max-width:768px){.page-header{margin-bottom:20px}.page-title{font-size:22px}.page-subtitle{font-size:14px}.coming-soon{padding:24px 16px}.coming-soon__icon{width:64px;height:64px}.coming-soon__icon svg{width:32px;height:32px}.coming-soon__title{font-size:20px}}