.portal{--gyoder:#1f5d78;--gyoder-light:#6ec3e9;--gyoder-accent:#ebf3f5;--gyoder-bg:#f0f5f9;--gyoder-red:#dc3545;--gyoder-green:#198754;--gyoder-border:#e6edf2;min-height:100vh;background-color:var(--gyoder-bg);color:#24313a;font-size:.95rem}.portal a:not(.portalHeader a){color:var(--gyoder)}.portalCard{background:#fff;border:1px solid var(--gyoder-border);border-radius:16px;box-shadow:0 6px 24px rgba(31,93,120,.06)}.portalTitle{color:var(--gyoder);font-weight:700}.portalLabel{display:block;font-size:.85rem;font-weight:500;color:#5b6b76;margin-bottom:.4rem}.portalInput{width:100%;padding:.75rem 1rem;border:1px solid var(--gyoder-border);border-radius:12px;font-size:.9rem;outline:none;transition:border-color .15s,box-shadow .15s;background:#fff;color:inherit}.portalInput:focus{border-color:var(--gyoder-light);box-shadow:0 0 0 3px rgba(110,195,233,.35)}.portalButton{width:100%;padding:.75rem 1rem;border:0;border-radius:12px;background:var(--gyoder);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:opacity .15s}.portalButton:hover:not(:disabled){opacity:.9}.portalButton:disabled{opacity:.6;cursor:not-allowed}.portalAlert{padding:.75rem 1rem;border-radius:12px;font-size:.85rem;border:1px solid transparent}.portalAlertError{background:#fdf2f3;color:#b02a37;border-color:#f7d4d8}.portalAlertInfo{background:var(--gyoder-accent);color:var(--gyoder);border-color:#d3e5ec}.portalHeader{background:var(--gyoder);color:#fff;position:sticky;top:0;z-index:50;box-shadow:0 2px 8px rgba(0,0,0,.12)}.portalHeaderInner{max-width:80rem;margin:0 auto;padding:0 1rem;height:3.5rem;justify-content:space-between;gap:1rem}.portalHeaderInner,.portalNav{display:flex;align-items:center}.portalNav{gap:.25rem;flex-wrap:wrap}.portalNavLink{padding:.5rem 1rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;border-radius:8px;color:rgba(255,255,255,.8);text-decoration:none;white-space:nowrap;transition:background .15s,color .15s}.portalNavLink:hover{color:#fff;background:rgba(255,255,255,.1);text-decoration:none}.portalNavLinkActive{color:#fff;background:rgba(255,255,255,.15)}.portalLogout{background:none;border:0;color:rgba(255,255,255,.8);font-size:.72rem;font-weight:600;letter-spacing:.04em;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;padding:.25rem}.portalLogout:hover:not(:disabled){color:#fff}.portalLogout:disabled{opacity:.6;cursor:not-allowed}.portalNavMobile{display:none;border-top:1px solid rgba(255,255,255,.1);padding:.5rem 1rem;gap:.5rem;overflow-x:auto}@media (max-width:767.98px){.portalNavDesktop{display:none}.portalNavMobile{display:flex}}.portalMain{max-width:80rem;margin:0 auto;padding:1rem}.portalLayout{display:flex;flex-direction:column;gap:1rem}@media (min-width:992px){.portalLayout{flex-direction:row}.portalAside{width:340px;flex-shrink:0}}.portalContent{flex:1 1;min-width:0}.portalPanel{background:#fff;border-radius:12px;padding:1.25rem}.portalStack{display:flex;flex-direction:column;gap:.75rem}.portalDivider{height:1px;background:var(--gyoder-accent);margin:.25rem 0}.portalMuted{color:#5b6b76;font-weight:300}.portalDebt{color:var(--gyoder-red)}.portalCredit{color:var(--gyoder-green)}.profileEditBtn{background:none;border:0;padding:0;color:var(--gyoder);font-size:.75rem;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.profileEditBtn:hover{text-decoration:underline}.profileModal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.profileBackdrop{position:absolute;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.profileDialog{position:relative;background:#fff;border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.28);width:100%;max-width:32rem;max-height:90vh;display:flex;flex-direction:column;animation:profileIn .16s ease-out}@keyframes profileIn{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.profileDialog{animation:none}}.profileHead{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid #f0f3f5}.profileHeadTitle{font-size:1.05rem;font-weight:700;color:var(--gyoder);margin:0}.profileClose{width:2rem;height:2rem;border:0;border-radius:8px;background:none;color:#9aa8b2;cursor:pointer;display:grid;place-items:center;transition:background .15s,color .15s}.profileClose:hover{background:#f2f5f7;color:#5b6b76}.profileBody{flex:1 1;overflow-y:auto;padding:1rem 1.5rem}.profileGroup{border:0;padding:0;margin:0 0 1.25rem}.profileGroupTitle{float:none;width:auto;font-size:.7rem;font-weight:600;color:#9aa8b2;text-transform:uppercase;letter-spacing:.06em;padding:0}.profileField,.profileGroupTitle{margin-bottom:.75rem}.profileInput{width:100%;padding:.625rem .875rem;border:1px solid var(--gyoder-border);border-radius:12px;font-size:.875rem;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}.profileInput:focus{border-color:var(--gyoder-light);box-shadow:0 0 0 3px rgba(110,195,233,.3)}.profileFieldError{color:#b02a37;font-size:.75rem;margin:.35rem 0 0}.profileFoot{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #f0f3f5}.profileCancel,.profileSave{padding:.625rem 1.25rem;border:0;border-radius:12px;font-size:.875rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem}.profileCancel{background:#f2f5f7;color:#5b6b76;font-weight:500}.profileCancel:hover{background:#e7ecef}.profileSave{background:var(--gyoder);color:#fff;font-weight:600}.profileSave:hover:not(:disabled){opacity:.9}.profileSave:disabled{opacity:.6;cursor:not-allowed}.profileLoading{display:grid;place-items:center;padding:2.5rem 0}.profileSpinner{width:1.5rem;height:1.5rem;border:2px solid rgba(31,93,120,.25);border-top:2px solid var(--gyoder);border-radius:50%;animation:profileSpin .7s linear infinite}.profileSpinnerSm{width:1rem;height:1rem;border-color:#fff rgba(255,255,255,.4) rgba(255,255,255,.4)}@keyframes profileSpin{to{transform:rotate(1turn)}}.profileToast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);z-index:110;background:var(--gyoder-green);color:#fff;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;box-shadow:0 8px 24px rgba(0,0,0,.2);display:flex;align-items:center;gap:.5rem;animation:profileToast 3.2s ease forwards}@keyframes profileToast{0%{opacity:0;transform:translate(-50%,8px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,8px)}}.portalCardGrid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:768px){.portalCardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.portalEduCard{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;transition:box-shadow .15s}.portalEduCard:hover{box-shadow:0 4px 16px rgba(31,93,120,.12)}.portalEduCover{position:relative;padding:1.25rem 1.25rem 1rem;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end;gap:.5rem;background-size:cover;background-position:50%}.portalEduCategory{display:flex;align-items:center;gap:.375rem;color:var(--gyoder);font-size:.75rem}.portalEduCategory svg{width:1rem;height:1rem}.portalEduName{color:var(--gyoder);font-size:.875rem;font-weight:600;line-height:1.35;margin:0}.portalEduTeacher{color:var(--gyoder);font-size:.75rem;font-weight:300;margin:0}.portalEduAction{padding:.75rem 1.25rem}.portalPill{display:block;width:100%;text-align:center;padding:.625rem;border:1px solid var(--gyoder);border-radius:999px;color:var(--gyoder);font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.portalPill:hover{background:var(--gyoder);color:#fff;text-decoration:none}