.student-profile-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.notification-button{border:0;background:linear-gradient(135deg,#1769d1,#7130bd);color:#fff}.notification-button b{display:inline-grid;min-width:20px;height:20px;place-items:center;border-radius:99px;background:#ffca28;color:#382600}.notification-list{margin:12px 0;padding:10px;border:1px solid #c8daef;border-radius:14px;background:#f6faff}.notification-list article{padding:11px;border-radius:10px;background:#e8f2ff}.notification-list article+article{margin-top:8px}.notification-list article.is-read{background:#fff;color:#5c6c80}.notification-list p{margin:5px 0}.notification-list time{font-size:.72rem;color:#6b7d91}.approval-summary{display:flex;align-items:baseline;gap:9px;margin-bottom:15px;padding:18px;border-radius:14px;background:linear-gradient(135deg,#eaf4ff,#f5edff)}.approval-summary strong{color:#1769d1;font-size:2rem}.approval-list{display:grid;gap:12px}.approval-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;border:1px solid #d8e4f1;border-radius:15px;background:#fff;box-shadow:0 8px 20px #1834510d}.approval-type{padding:7px 9px;border-radius:8px;background:#edf4ff;color:#1769d1;font-size:.72rem;font-weight:900}.approval-avatar{width:92px;height:92px;border:3px solid #fff;border-radius:18px;object-fit:cover;box-shadow:0 0 0 2px #b9d4f1}.approval-actions{display:flex;gap:8px}.approval-empty{padding:35px;text-align:center}.test-access div{display:flex;flex-wrap:wrap;gap:8px}@media(max-width:680px){.student-profile-head,.approval-actions{align-items:stretch;flex-direction:column}.approval-card{grid-template-columns:1fr}.approval-avatar{width:120px;height:120px}}

.student-area-hero{position:relative;isolation:isolate;display:flex;min-height:250px;align-items:center;justify-content:space-between;gap:30px;padding:clamp(28px,6vw,56px);overflow:hidden;border:1px solid #1720338a;border-radius:24px;background:radial-gradient(circle at 82% 18%,#4fd8ff55,transparent 28%),linear-gradient(135deg,#09265b,#2448aa 52%,#7027b5);color:#fff;box-shadow:0 22px 50px #142d6429}.student-area-hero>div:first-child{position:relative;z-index:1;max-width:720px}.student-area-hero>div>span,.student-pages-section>header span,.student-profile-head>div>span{color:#8eefff;font-size:.7rem;font-weight:950;letter-spacing:.11em}.student-area-hero h2{margin:8px 0 10px;font-size:clamp(2rem,4.5vw,3.7rem);line-height:1}.student-area-hero p{max-width:620px;margin:0;color:#e2ecff;font-size:1rem;line-height:1.65}.student-area-orbit{display:grid;flex:0 0 auto;width:145px;height:145px;place-items:center;border:1px solid #ffffff66;border-radius:50%;background:#ffffff16;box-shadow:0 0 0 22px #ffffff0b,0 0 0 44px #ffffff08;color:#fff;font-size:5rem;font-weight:950}
.student-pages-section,.student-settings{margin-top:22px;padding:clamp(22px,4vw,34px);border:1px solid #17203370;border-radius:22px;background:#fff;box-shadow:0 14px 35px #20345312}.student-pages-section>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.student-pages-section h2,.student-settings h2{margin:5px 0}.student-pages-section>header p,.student-profile-head p{margin:0;color:#64748b}.student-pages-section>header>b{flex:none;padding:8px 11px;border-radius:10px;background:#edf4ff;color:#1769d1;font-size:.76rem}.student-page-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:13px;margin-top:22px}.student-page-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:13px;min-height:135px;padding:18px;border:1px solid #17203373;border-radius:16px;background:linear-gradient(145deg,#fff,#f7faff);color:#172033;text-decoration:none;box-shadow:0 8px 18px #2034530d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.student-page-card:hover{transform:translateY(-3px);border-color:#1769d1;box-shadow:0 14px 26px #1769d11c}.student-page-card.is-current{background:linear-gradient(145deg,#edf8ff,#f5efff);box-shadow:0 0 0 2px #1769d126,0 12px 25px #1769d118}.student-page-icon{display:grid;width:50px;height:50px;place-items:center;border:1px solid #17203345;border-radius:14px;background:#fff;font-size:1.55rem}.student-page-card strong,.student-page-card small{display:block}.student-page-card strong{font-size:1.02rem}.student-page-card small{margin-top:5px;color:#64748b;font-size:.76rem;line-height:1.4}.student-page-card em{grid-column:2;color:#1769d1;font-size:.7rem;font-style:normal;font-weight:850}
.student-profile-head{align-items:flex-start}.student-settings-grid{display:grid;grid-template-columns:minmax(210px,.45fr) minmax(280px,1fr);gap:18px;margin-top:24px}.avatar-settings,.student-form-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:22px;border:1px solid #1720335c;border-radius:17px;background:linear-gradient(145deg,#f6faff,#fff)}.profile-avatar{width:132px;height:132px;margin-bottom:17px;border:4px solid #fff;border-radius:28px;object-fit:cover;box-shadow:0 0 0 2px #8fb4dd,0 12px 26px #20345322}.avatar-settings small{margin-top:8px;color:#64748b;font-size:.68rem}.student-form-panel{align-items:stretch}.student-form-panel label{display:grid;gap:8px;color:#34475f;font-size:.8rem;font-weight:850}.student-form-panel input{width:100%;padding:13px 14px;border:1px solid #8799ae;border-radius:11px;background:#fff;color:#172033;font:inherit;outline:0}.student-form-panel input:focus{border-color:#1769d1;box-shadow:0 0 0 3px #1769d11d}.student-form-panel .button{align-self:flex-start;margin-top:14px}.student-form-panel p{min-height:1.3em;margin:12px 0 0;color:#1769d1;font-size:.8rem;font-weight:750}.ampoule-wait{display:flex;align-items:center;gap:14px;margin-top:15px;padding:16px 19px;border:1px solid #17203363;border-radius:15px;background:linear-gradient(120deg,#fff9df,#f6efff)}.ampoule-wait .ampoule{font-size:1.8rem}.ampoule-wait p{margin:0;color:#52647a;font-weight:700}
@media(max-width:720px){.student-area-hero{min-height:auto}.student-area-orbit{display:none}.student-pages-section>header,.student-profile-head{align-items:flex-start;flex-direction:column}.student-settings-grid{grid-template-columns:1fr}.student-page-grid{grid-template-columns:1fr}.student-profile-head .notification-button{width:100%}}