:root{--brand-vermilion:#fd440c;--brand-vermilion-hover:#e03806;--brand-vermilion-soft:#fff2ed;--brand-vermilion-glow:#fd440c40;--brand-amber:#c7791e;--brand-amber-light:#f59e0b;--brand-amber-soft:#fef8ed;--brand-amber-glow:#f59e0b40;--brand-green:#5caa3c;--brand-green-soft:#f2f9ee;--brand-green-glow:#5caa3c40;--brand-dark:#1e2022;--brand-slate:#2c3034;--brand-blue:#3b82f6;--brand-purple:#8b5cf6;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:9999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-height:64px}:root[data-theme=light]{--bg-app:#f1f5f9;--bg-canvas:#f8fafc;--bg-surface:#fff;--bg-surface-elevated:#f1f5f9;--bg-surface-active:#e2e8f0;--border-subtle:#e2e8f0;--border-card:#cbd5e1;--border-highlight:#fd440c59;--text-white:#1e2022;--text-primary:#1e2022;--text-secondary:#4b5563;--text-muted:#6b7280;--text-dim:#94a3b8;--nav-bg:#fffffff0;--nav-border:#e2e8f0;--header-bg:var(--bg-canvas);--header-border:transparent;--shadow-subtle:0 2px 10px #0000000a;--shadow-card:0 6px 20px #0000000a}:root[data-theme=dark]{--bg-app:#080a0f;--bg-canvas:#0d1117;--bg-surface:#151a23;--bg-surface-elevated:#1b222e;--bg-surface-active:#222b3a;--border-subtle:#ffffff14;--border-card:#ffffff24;--border-highlight:#fd440c66;--text-white:#fff;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--nav-bg:#0d1117f0;--nav-border:#ffffff14;--header-bg:var(--bg-canvas);--header-border:transparent;--shadow-subtle:0 4px 16px #0006;--shadow-card:0 8px 24px #00000080;--aura-color:radial-gradient(circle at 50% -20%, #fd440c38 0%, #f59e0b1f 45%, transparent 75%)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{min-width:320px;color:var(--text-primary);background-color:var(--bg-app);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;transition:background-color .25s,color .25s;overflow-x:hidden}body{background-color:var(--bg-app);width:100%;min-height:100dvh;transition:background-color .25s;overflow-x:hidden}button,input{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}button{cursor:pointer;touch-action:manipulation}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--brand-vermilion);outline-offset:2px}.student-app-root{background-color:var(--bg-app);justify-content:center;min-height:100dvh;transition:background-color .25s;display:flex}.student-viewport-frame{background-color:var(--bg-canvas);flex-direction:column;width:100%;max-width:540px;min-height:100dvh;transition:background-color .25s,border-color .25s;display:flex;position:relative;box-shadow:0 0 60px #00000026}@media (width>=541px){.student-viewport-frame{border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}}.student-header{z-index:40;padding:calc(14px + var(--safe-top)) 18px 8px;background:var(--header-bg);-webkit-backdrop-filter:blur(16px);border-bottom:none;justify-content:space-between;align-items:center;transition:background-color .25s;display:flex;position:sticky;top:0}.header-brand-container{align-items:center;display:flex}.student-brand{align-items:center;gap:12px;text-decoration:none;transition:opacity .2s,transform .2s cubic-bezier(.16,1,.3,1);display:flex}.student-brand:hover{opacity:.95}.student-brand:active{transform:scale(.98)}.brand-badge-icon{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);width:42px;height:42px;box-shadow:var(--shadow-subtle);flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.brand-icon-img{object-fit:contain;width:28px;height:28px;display:block}.brand-text-block{flex-direction:column;justify-content:center;gap:2px;min-width:0;display:flex}.brand-title{letter-spacing:-.015em;color:var(--text-white);white-space:nowrap;font-size:14.5px;font-weight:700;line-height:1.2}.brand-subtitle{letter-spacing:.05em;text-transform:uppercase;color:var(--brand-vermilion);white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2}.header-actions{align-items:center;gap:8px;display:flex}.header-icon-btn{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);width:42px;height:42px;color:var(--text-secondary);box-shadow:var(--shadow-subtle);justify-content:center;align-items:center;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.header-icon-btn:hover,.header-icon-btn:active{background:var(--bg-surface-elevated);color:var(--text-white);border-color:var(--border-card);transform:scale(.96)}.theme-toggle-btn{color:var(--text-secondary)}:root[data-theme=dark] .theme-toggle-btn{color:var(--brand-amber-light)}.theme-toggle-btn:hover{border-color:var(--brand-amber);color:var(--brand-amber-light)}.theme-icon{width:20px;height:20px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.theme-toggle-btn:hover .theme-icon{transform:rotate(20deg)scale(1.05)}.header-icon-btn .icon{width:20px;height:20px}.notification-badge{border-radius:var(--radius-pill);background:var(--brand-vermilion);color:#fff;border:2px solid var(--bg-canvas);min-width:18px;height:18px;box-shadow:0 0 8px var(--brand-vermilion-glow);justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.header-avatar-btn{border-radius:var(--radius-pill);background:var(--bg-surface);border:1.5px solid var(--brand-amber);width:44px;height:44px;box-shadow:var(--shadow-subtle);justify-content:center;align-items:center;transition:all .2s;display:flex}.header-avatar-btn.active{box-shadow:0 0 10px var(--brand-amber-glow)}.avatar-letter{color:var(--brand-amber);font-size:16px;font-weight:800}.header-logout-btn{border-radius:var(--radius-pill);width:44px;height:44px;color:var(--text-muted);background:0 0;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-logout-btn:hover{color:var(--brand-vermilion)}.header-logout-btn .icon{width:19px;height:19px}.student-main-content{padding:16px 16px calc(var(--nav-height) + var(--safe-bottom) + 24px);-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tab-content{flex-direction:column;gap:20px;animation:.25s cubic-bezier(.16,1,.3,1) fadeInTab;display:flex;position:relative}@keyframes fadeInTab{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-ambient-aura{background:var(--aura-color);pointer-events:none;z-index:0;width:100%;height:240px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.student-profile-hero{z-index:1;justify-content:space-between;align-items:center;gap:16px;padding:4px 0 6px;display:flex;position:relative}.hero-text-col{flex:1;min-width:0}.greeting-sub{color:var(--brand-amber);letter-spacing:.02em;margin-bottom:2px;font-size:13px;font-weight:700;display:block}.student-name{color:var(--text-white);letter-spacing:-.015em;word-break:break-word;font-size:clamp(21px,6vw,25px);font-weight:800;line-height:1.22}.student-identity-capsule{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin-top:10px;padding:6px 14px;display:inline-flex}.capsule-id{color:var(--brand-amber);letter-spacing:.04em;font-size:11px;font-weight:800}.capsule-divider{color:var(--border-card);opacity:.6;font-size:11px}.capsule-group{color:var(--text-secondary);font-size:12px;font-weight:600}.capsule-status{color:#10b981;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:7px;height:7px}.beacon-pulse{animation:2s infinite beaconPulse;position:relative;box-shadow:0 0 #10b981b3}@keyframes beaconPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-avatar{border-radius:var(--radius-pill);background:var(--bg-surface);border:2px solid var(--brand-amber);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #c7791e26}.hero-avatar:hover,.hero-avatar:active{background:var(--bg-surface-elevated);transform:scale(.95);box-shadow:0 4px 18px #c7791e40}.avatar-initial{color:var(--brand-amber);font-size:22px;font-weight:800;line-height:1}.featured-action-card{z-index:1;border-radius:var(--radius-lg);color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 60%,#92400e 100%);align-items:center;gap:14px;min-height:84px;padding:18px 16px;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s;display:flex;position:relative;box-shadow:0 8px 24px #b4530959}.featured-action-card:hover,.featured-action-card:active{transform:translateY(-2px)scale(.99);box-shadow:0 12px 28px #b4530973}.featured-icon-container{border-radius:var(--radius-md);background:#0003;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.featured-icon{color:#fef3c7;width:24px;height:24px}.featured-details{flex:1;min-width:0}.featured-eyebrow-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.featured-eyebrow{text-transform:uppercase;letter-spacing:.05em;color:#fef3c7;font-size:11px;font-weight:700}.featured-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 4px;font-size:16px;font-weight:700;line-height:1.25;overflow:hidden}.featured-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.time-pill{border-radius:var(--radius-xs);color:#fff;background:#00000040;padding:2px 8px;font-weight:700}.location-pill{color:#fef3c7;font-weight:600}.featured-arrow{color:#fef3c7;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.featured-arrow svg{width:20px;height:20px}.metrics-dual-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.metric-stat-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);cursor:pointer;flex-direction:column;min-height:170px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.metric-stat-card:hover,.metric-stat-card:active{background:var(--bg-surface-elevated);border-color:var(--border-card);transform:translateY(-2px)scale(.99)}.metric-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.metric-icon-badge{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.grades-badge{color:#10b981;background:#10b98126}.modules-badge{color:#f59e0b;background:#f59e0b26}.metric-icon-badge svg{width:18px;height:18px}.metric-arrow-hint{color:var(--text-muted);font-size:18px;line-height:1}.metric-ring-container{width:72px;height:72px;margin:0 auto 12px;position:relative}.progress-ring{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--border-subtle);stroke-width:3.2px}.ring-progress{fill:none;stroke-width:3.2px;stroke-linecap:round;transition:stroke-dasharray .6s}.ring-green{stroke:#10b981}.ring-amber{stroke:#f59e0b}.ring-center-value{color:var(--text-white);justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;position:absolute;inset:0}.metric-info{text-align:center;flex-direction:column;gap:2px;display:flex}.metric-label{color:var(--text-white);font-size:13px;font-weight:700}.metric-sub{color:var(--text-secondary);font-size:11px;line-height:1.3}.program-hero-pill{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);align-items:center;gap:12px;padding:12px 14px;display:flex}.program-icon-wrap{border-radius:var(--radius-sm);background:var(--brand-vermilion);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.program-icon-wrap svg{width:18px;height:18px}.program-info-body{flex-direction:column;display:flex}.program-label-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-vermilion);font-size:10px;font-weight:700}.program-title-val{color:var(--text-white);font-size:13px;font-weight:700}.section-title-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.quick-access-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.quick-item{border-radius:var(--radius-md);background:0 0;flex-direction:column;align-items:center;gap:8px;min-height:44px;padding:10px 4px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.quick-item:hover,.quick-item:active{background:var(--bg-surface-elevated);transform:translateY(-2px)scale(.98)}.quick-icon-box{border-radius:var(--radius-md);width:48px;height:48px;box-shadow:var(--shadow-subtle);justify-content:center;align-items:center;transition:all .2s;display:flex}.quick-icon-box svg{width:22px;height:22px}.icon-schedule{color:#3b82f6;background:#3b82f626;border:1px solid #3b82f640}.icon-modules{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b40}.icon-results{color:#10b981;background:#10b98126;border:1px solid #10b98140}.icon-idcard{color:#8b5cf6;background:#8b5cf626;border:1px solid #8b5cf640}.quick-label{color:var(--text-secondary);text-align:center;font-size:11px;font-weight:700}.section-head-bar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.link-action-btn{color:var(--brand-amber);padding:4px 6px;font-size:12px;font-weight:700}.schedule-preview-list{flex-direction:column;gap:8px;display:flex}.preview-schedule-card{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);align-items:center;gap:12px;padding:12px 14px;display:flex}.preview-day-col{border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:52px;padding:6px 4px;display:flex}.preview-day-col strong{color:var(--brand-amber);font-size:11px;font-weight:800}.preview-day-col span{color:var(--text-secondary);font-size:11px;font-weight:600}.preview-info-col{flex:1;min-width:0}.preview-module-name{color:var(--text-white);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;display:block;overflow:hidden}.preview-meta-row{color:var(--text-muted);align-items:center;gap:8px;margin-top:2px;font-size:11px;display:flex}.tab-header-box{flex-direction:column;gap:2px;display:flex}.tab-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-amber);font-size:12px;font-weight:700}.tab-main-title{color:var(--text-white);font-size:clamp(20px,5vw,24px);font-weight:800}.tab-subtitle{color:var(--text-secondary);font-size:13px}.day-filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:center;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.day-filter-bar::-webkit-scrollbar{display:none}.day-chip{border-radius:var(--radius-pill);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;min-height:40px;box-shadow:var(--shadow-subtle);padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.day-chip:hover{border-color:var(--border-card);transform:scale(.98)}.day-chip.active{background:var(--brand-vermilion);border-color:var(--brand-vermilion);color:#fff;box-shadow:0 4px 12px var(--brand-vermilion-glow)}.portal-table-container{-webkit-overflow-scrolling:touch;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;box-shadow:var(--shadow-subtle);margin-top:4px;overflow-x:auto}.portal-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:13.5px}.portal-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-surface-elevated);border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:13px 16px;font-size:11px;font-weight:800}.portal-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 16px}.portal-table tbody tr:last-child td{border-bottom:none}.portal-table tbody tr{transition:background-color .15s}.portal-table tbody tr:hover{background-color:var(--bg-surface-elevated)}.table-primary-text{color:var(--text-white);font-size:13.5px;font-weight:700;line-height:1.3}.table-sub-text{color:var(--text-muted);margin-top:2px;font-size:11.5px;font-weight:500;line-height:1.35;display:block}.table-module-cell{flex-direction:column;min-width:150px;display:flex}.table-time-cell{flex-direction:column;gap:2px;display:flex}.table-day-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--brand-amber);font-size:10.5px;font-weight:800}.table-time-range{color:var(--text-white);white-space:nowrap;font-size:13px;font-weight:800}.table-date-text{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.table-pill{border-radius:var(--radius-xs);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.table-pill svg{flex-shrink:0;width:12px;height:12px}.table-ref-badge{border-radius:var(--radius-xs);color:var(--brand-vermilion);white-space:nowrap;background:#fd440c1f;border:1px solid #fd440c40;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.table-score-badge{color:var(--text-white);white-space:nowrap;align-items:baseline;gap:2px;font-size:15px;font-weight:800;display:inline-flex}.table-score-badge strong{font-size:16px;font-weight:800}.table-score-badge .score-denom{color:var(--text-muted);font-size:11px;font-weight:600}.session-pill{color:var(--brand-amber);background:#f59e0b1a;border-color:#f59e0b40}.modules-count-badge{color:var(--brand-amber);border-radius:var(--radius-pill);background:#f59e0b1a;border:1px solid #f59e0b40;align-self:flex-start;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.grades-summary-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.summary-left{flex-direction:column;display:flex}.summary-sub{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-amber);font-size:11px;font-weight:800}.summary-score-large{align-items:baseline;gap:4px;margin-top:2px;display:flex}.summary-score-large strong{color:var(--text-white);font-size:32px;font-weight:800;line-height:1}.summary-score-large span{color:var(--text-muted);font-size:16px;font-weight:700}.summary-right{align-items:center;gap:8px;display:flex}.summary-stat-pill{border-radius:var(--radius-md);flex-direction:column;align-items:center;min-width:60px;padding:8px 12px;display:flex}.val-pill{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.rat-pill{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.non-pill{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.stat-num{font-size:16px;font-weight:800;line-height:1}.stat-label{text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:700}.grading-scale-info{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.scale-bullet{flex-shrink:0;font-size:16px}.grades-list-grid{flex-direction:column;gap:10px;display:flex}.grade-card-row{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.grade-card-row:hover{background:var(--bg-surface-elevated);border-color:var(--border-card);transform:translateY(-1px)}.grade-left-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.grade-module-tag{color:var(--brand-amber);font-size:11px;font-weight:700}.grade-exam-name{color:var(--text-white);font-size:15px;font-weight:700;line-height:1.25}.grade-date-tag{color:var(--text-muted);margin-top:2px;font-size:11px}.grade-right-score{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.score-badge-circle{align-items:baseline;gap:2px;display:flex}.score-num{color:var(--text-white);font-size:20px;font-weight:800}.score-denom{color:var(--text-muted);font-size:12px;font-weight:700}.grade-status-pill{text-transform:uppercase;border-radius:var(--radius-pill);padding:3px 8px;font-size:10px;font-weight:800}.status-valide{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.status-rattrapage{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.status-non_valide{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.profile-identity-banner{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);align-items:center;gap:16px;padding:20px;display:flex}.profile-avatar-large{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--brand-amber) 0%, #955300 100%);color:#fff;width:64px;height:64px;box-shadow:0 4px 16px var(--brand-amber-glow);flex-shrink:0;justify-content:center;align-items:center;font-size:26px;font-weight:800;display:flex}.profile-hero-info{flex:1;min-width:0}.profile-hero-name{color:var(--text-white);font-size:18px;font-weight:800;line-height:1.25}.profile-hero-program{color:var(--brand-amber);margin-top:2px;font-size:13px;font-weight:700;display:block}.profile-hero-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.pill-badge{border-radius:var(--radius-pill);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:3px 8px;font-size:11px;font-weight:700}.pill-green{color:#10b981;background:#10b98126;border-color:#10b9814d}.theme-preference-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);flex-direction:column;gap:12px;padding:16px;display:flex}.theme-preference-header{flex-direction:column;gap:2px;display:flex}.theme-pref-title{color:var(--text-white);font-size:14px;font-weight:700}.theme-pref-desc{color:var(--text-secondary);font-size:12px}.theme-toggle-segment{background:var(--bg-surface-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.theme-segment-btn{border-radius:var(--radius-sm);min-height:42px;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.theme-segment-btn svg{width:17px;height:17px}.theme-segment-btn.active{background:var(--bg-surface);color:var(--brand-vermilion);box-shadow:var(--shadow-subtle);border:1px solid var(--border-subtle)}.id-card-action-box{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.id-card-action-left{align-items:center;gap:12px;display:flex}.id-card-action-icon{font-size:28px}.id-card-action-left strong{color:var(--text-white);font-size:14px;font-weight:700;display:block}.id-card-action-left p{color:var(--text-secondary);font-size:12px}.btn-view-card{border-radius:var(--radius-pill);background:var(--brand-vermilion);color:#fff;min-height:40px;box-shadow:0 4px 12px var(--brand-vermilion-glow);padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.btn-view-card:hover{background:var(--brand-vermilion-hover);transform:scale(.98)}.profile-fields-grid{border-radius:var(--radius-lg);background:var(--border-subtle);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);flex-direction:column;gap:1px;display:flex;overflow:hidden}.profile-field-row{background:var(--bg-surface);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.field-label{color:var(--text-secondary);font-size:13px;font-weight:600}.field-value{color:var(--text-white);text-align:right;word-break:break-word;font-size:13px;font-weight:700}.profile-support-box{border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-subtle);align-items:flex-start;gap:12px;padding:14px;display:flex}.support-icon{flex-shrink:0;font-size:22px}.profile-support-box h4{color:var(--text-white);font-size:13px;font-weight:700}.profile-support-box p{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.5}.profile-logout-wrap{margin-top:8px}.btn-logout-full{border-radius:var(--radius-lg);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-logout-full:hover,.btn-logout-full:active{background:#ef44442e;transform:scale(.99)}.btn-logout-full svg{width:18px;height:18px}.bottom-nav{width:100%;max-width:540px;height:calc(var(--nav-height) + var(--safe-bottom));padding:6px 12px var(--safe-bottom);background:var(--nav-bg);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--nav-border);z-index:50;justify-content:space-around;align-items:center;transition:background-color .25s,border-color .25s;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{border-radius:var(--radius-md);width:60px;height:48px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:44px;min-height:44px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bottom-nav-item:hover{color:var(--text-secondary)}.bottom-nav-item.active{color:var(--brand-vermilion)}.nav-icon-wrapper{justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.nav-icon{width:20px;height:20px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.bottom-nav-item.active .nav-icon{transform:translateY(-2px)scale(1.1)}.nav-label{letter-spacing:.02em;font-size:10px;font-weight:700}.nav-dot-badge{background:var(--brand-vermilion);width:7px;height:7px;box-shadow:0 0 6px var(--brand-vermilion-glow);border-radius:50%;position:absolute;top:0;right:-2px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:16px;animation:.2s fadeInModal;display:flex;position:fixed;inset:0}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.idcard-modal-container{background:var(--bg-surface);border:1px solid var(--border-card);border-radius:var(--radius-xl);flex-direction:column;gap:16px;width:100%;max-width:380px;padding:20px;display:flex;box-shadow:0 20px 48px #0006}.idcard-modal-header{justify-content:space-between;align-items:center;display:flex}.idcard-modal-heading{color:var(--text-white);font-size:16px;font-weight:800}.modal-close-btn{border-radius:var(--radius-pill);background:var(--bg-surface-elevated);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.modal-close-btn:hover{color:var(--text-white);background:var(--bg-surface-active)}.digital-badge-card{border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:20px;transition:all .25s;display:flex;position:relative;overflow:hidden}:root[data-theme=light] .digital-badge-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 55%,#f1f5f9 100%);border:1.5px solid #c7791e59;box-shadow:0 12px 32px #0f172a14,inset 0 1px #fff}:root[data-theme=dark] .digital-badge-card{background:linear-gradient(135deg,#151d28 0%,#0e131b 50%,#161f2b 100%);border:1.5px solid #f59e0b73;box-shadow:0 16px 40px #00000080,inset 0 1px #ffffff1f}.badge-card-gloss{pointer-events:none;width:180px;height:180px;position:absolute;top:0;right:0}:root[data-theme=light] .badge-card-gloss{background:radial-gradient(circle,#c7791e14 0%,#0000 70%)}:root[data-theme=dark] .badge-card-gloss{background:radial-gradient(circle,#f59e0b2e 0%,#0000 70%)}.badge-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.badge-brand-group{align-items:center;gap:10px;display:flex}.badge-brand-emblem{object-fit:contain;border-radius:var(--radius-xs);flex-shrink:0;width:32px;height:32px}.badge-brand-titles{flex-direction:column;display:flex}.badge-academy-name{letter-spacing:.06em;font-size:13px;font-weight:900;line-height:1.15}:root[data-theme=light] .badge-academy-name{color:#0f172a}:root[data-theme=dark] .badge-academy-name{color:#fff}.badge-academy-sub{letter-spacing:.08em;text-transform:uppercase;font-size:8.5px;font-weight:700}:root[data-theme=light] .badge-academy-sub{color:#64748b}:root[data-theme=dark] .badge-academy-sub{color:#94a3b8}.badge-type-label{letter-spacing:.08em;border-radius:var(--radius-xs);flex-shrink:0;padding:3px 8px;font-size:9.5px;font-weight:800}:root[data-theme=light] .badge-type-label{color:#b45309;background:#f59e0b1a;border:1px solid #b4530959}:root[data-theme=dark] .badge-type-label{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b66}.badge-card-body{align-items:center;gap:16px;display:flex}.badge-photo-slot{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex;position:relative}:root[data-theme=light] .badge-photo-slot{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:2px solid #d97706;box-shadow:0 4px 12px #d9770626}:root[data-theme=dark] .badge-photo-slot{background:linear-gradient(135deg,#263244 0%,#171e28 100%);border:2px solid #f59e0b;box-shadow:0 4px 14px #0006}.badge-initial{font-size:28px;font-weight:900}:root[data-theme=light] .badge-initial{color:#92400e}:root[data-theme=dark] .badge-initial{color:#f59e0b}.badge-certified-tick{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-4px;right:-4px}:root[data-theme=light] .badge-certified-tick{border:2px solid #fff}:root[data-theme=dark] .badge-certified-tick{border:2px solid #0f131a}.badge-info-details{flex-direction:column;flex:1;min-width:0;display:flex}.badge-fullname{font-size:16px;font-weight:800;line-height:1.2}:root[data-theme=light] .badge-fullname{color:#0f172a}:root[data-theme=dark] .badge-fullname{color:#fff}.badge-program-line{margin-top:3px;font-size:12px;font-weight:700;line-height:1.25}:root[data-theme=light] .badge-program-line{color:#b45309}:root[data-theme=dark] .badge-program-line{color:#f59e0b}.badge-group-line{margin-top:2px;font-size:11px;font-weight:600}:root[data-theme=light] .badge-group-line{color:#475569}:root[data-theme=dark] .badge-group-line{color:#94a3b8}.badge-pills-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.badge-pill-item{border-radius:var(--radius-xs);padding:2.5px 7px;font-size:10px;font-weight:700}:root[data-theme=light] .badge-pill-item{color:#334155;background:#0f172a0f;border:1px solid #0f172a14}:root[data-theme=dark] .badge-pill-item{color:#cbd5e1;background:#ffffff17;border:1px solid #ffffff14}.badge-security-ribbon{border-radius:var(--radius-xs);letter-spacing:.12em;text-transform:uppercase;text-align:center;white-space:nowrap;text-overflow:ellipsis;padding:4px 8px;font-size:7.5px;font-weight:800;overflow:hidden}:root[data-theme=light] .badge-security-ribbon{color:#92400e;background:#c7791e14;border:1px dashed #c7791e4d}:root[data-theme=dark] .badge-security-ribbon{color:#fbbf24;background:#f59e0b14;border:1px dashed #f59e0b40}.badge-card-footer{border-top:1px solid;align-items:center;gap:14px;padding-top:10px;display:flex}:root[data-theme=light] .badge-card-footer{border-top-color:#0f172a14}:root[data-theme=dark] .badge-card-footer{border-top-color:#ffffff1a}.badge-qr-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;padding:4px;display:flex}:root[data-theme=light] .badge-qr-box{color:#0f172a;background:#fff;border:1px solid #cbd5e1;box-shadow:0 2px 6px #0000000a}:root[data-theme=dark] .badge-qr-box{color:#fff;background:#0a0e15;border:1px solid #ffffff24;box-shadow:0 2px 8px #0006}.badge-qr-svg{width:100%;height:100%;display:block}.badge-security-meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.badge-valid-tag{color:#10b981;align-items:center;gap:5px;font-size:10px;font-weight:800;display:flex}.badge-valid-tag.tag-inactive{color:#f59e0b}.valid-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.tag-inactive .valid-dot{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.badge-security-token{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:9.5px;font-weight:700}:root[data-theme=light] .badge-security-token{color:#334155}:root[data-theme=dark] .badge-security-token{color:#cbd5e1}.badge-security-scope{font-size:9px;font-weight:600}:root[data-theme=light] .badge-security-scope{color:#64748b}:root[data-theme=dark] .badge-security-scope{color:#94a3b8}.badge-notice-note{color:var(--text-muted);text-align:center;font-size:11px;line-height:1.4}.modal-primary-btn{border-radius:var(--radius-lg);background:var(--brand-vermilion);color:#fff;width:100%;min-height:48px;box-shadow:0 4px 14px var(--brand-vermilion-glow);font-size:14px;font-weight:700;transition:all .2s}.modal-primary-btn:hover{background:var(--brand-vermilion-hover)}.empty-state-panel,.empty-panel{text-align:center;border-radius:var(--radius-lg);background:var(--bg-surface);border:1px dashed var(--border-card);box-shadow:var(--shadow-subtle);flex-direction:column;align-items:center;gap:10px;padding:36px 20px;display:flex}.empty-icon-wrap{border-radius:var(--radius-pill);background:var(--bg-surface-elevated);width:48px;height:48px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty-icon-wrap svg{width:24px;height:24px}.empty-state-panel h3{color:var(--text-white);font-size:15px;font-weight:700}.empty-state-panel p,.empty-panel p{color:var(--text-secondary);max-width:300px;font-size:13px}.btn-secondary-chip{border-radius:var(--radius-pill);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);color:var(--brand-amber);margin-top:6px;padding:8px 16px;font-size:12px;font-weight:700}.student-alert{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.student-alert.error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.banner-alert{margin-bottom:16px}.auth-shell{background-color:var(--bg-app);justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex;position:relative}.auth-theme-corner{top:calc(16px + var(--safe-top));position:absolute;right:16px}.auth-container{width:100%;max-width:420px}.auth-card{border-radius:var(--radius-xl);background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);flex-direction:column;gap:20px;padding:32px 24px;display:flex}.auth-brand-wrap{justify-content:center;display:flex}.auth-brand{flex-direction:column;align-items:center;gap:4px;display:flex}.auth-brand-logo{object-fit:contain;width:auto;height:38px}.auth-portal-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--brand-vermilion);font-size:11px;font-weight:800}.auth-title-block{text-align:center}.auth-eyebrow{letter-spacing:.1em;color:var(--brand-vermilion);margin-bottom:4px;font-size:11px;font-weight:800;display:block}.auth-heading{color:var(--text-white);font-size:22px;font-weight:800;line-height:1.25}.auth-desc{color:var(--text-secondary);margin-top:6px;font-size:13px;line-height:1.5}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-primary);font-size:13px;font-weight:700}.form-group input{border-radius:var(--radius-md);background:var(--bg-surface-elevated);border:1px solid var(--border-subtle);width:100%;min-height:48px;color:var(--text-white);padding:0 14px;font-size:15px;transition:all .2s}.form-group input:focus{border-color:var(--brand-vermilion);box-shadow:0 0 12px var(--brand-vermilion-glow);outline:none}.form-group input::placeholder{color:var(--text-dim)}.form-hint{color:var(--text-muted);font-size:11px}.btn-auth-submit{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--brand-vermilion) 0%, #d93b0a 100%);color:#fff;width:100%;min-height:48px;box-shadow:0 4px 16px var(--brand-vermilion-glow);margin-top:4px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1)}.btn-auth-submit:hover:not(:disabled){background:linear-gradient(135deg, #f52 0%, var(--brand-vermilion) 100%);transform:translateY(-1px)}.btn-auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer-help{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-subtle);padding-top:16px;font-size:12px;line-height:1.5}.student-loading-shell{background:var(--bg-app);justify-content:center;align-items:center;min-height:100dvh;display:flex}.loading-spinner-wrap{flex-direction:column;align-items:center;gap:16px;display:flex}.spinner-ring{border:3px solid #f59e0b26;border-top-color:var(--brand-amber);border-radius:50%;width:44px;height:44px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-caption{color:var(--text-secondary);font-size:13px;font-weight:700}@media (width<=360px){.student-header,.student-main-content{padding-left:12px;padding-right:12px}.quick-access-grid{gap:6px}.quick-icon-box{width:42px;height:42px}.metrics-dual-grid{gap:8px}.metric-stat-card{padding:12px}.metric-ring-container{width:60px;height:60px}}.meta-inline-svg{vertical-align:-1px;flex-shrink:0;width:13px;height:13px;margin-right:4px;display:inline-block}.preview-meta-item{color:var(--text-muted);align-items:center;display:inline-flex}.action-svg-icon{width:24px;height:24px;color:var(--brand-amber)}.support-svg-icon{width:24px;height:24px;color:var(--brand-vermilion)}.modal-close-svg{width:18px;height:18px}.badge-tick-svg{width:12px;height:12px}.alert-svg-icon{width:18px;height:18px}.info-svg-icon{width:16px;height:16px;color:var(--brand-amber);vertical-align:-2px;display:inline-block}.header-avatar-btn{border:1.5px solid var(--border-medium);background:var(--bg-surface-alt);width:38px;min-width:44px;height:38px;min-height:44px;color:var(--text-primary);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.header-avatar-btn:hover{border-color:var(--brand-amber);background:var(--bg-card);transform:translateY(-1px)}.header-avatar-initial{color:var(--brand-amber);font-size:14px;font-weight:800;line-height:1}.profile-modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;justify-content:center;align-items:flex-end;padding:0;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0}@media (width>=640px){.profile-modal-backdrop{align-items:center;padding:24px 16px}}.profile-modal-container{background:var(--bg-card);border:1px solid var(--border-medium);width:100%;max-width:520px;max-height:90dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));border-top-left-radius:24px;border-top-right-radius:24px;animation:.28s cubic-bezier(.16,1,.3,1) modalSlideUp;overflow-y:auto;box-shadow:0 -8px 36px #00000080}@media (width>=640px){.profile-modal-container{box-shadow:var(--shadow-lg), 0 20px 48px #0006;border-radius:24px;padding:28px 24px}}.profile-modal-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.profile-modal-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:800}.profile-modal-subtitle{color:var(--text-muted);margin-top:2px;font-size:13px;display:block}.profile-modal-hero{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:16px;margin-bottom:22px;padding:16px;display:flex}.hero-avatar-wrap{border:2px solid var(--brand-amber);background:linear-gradient(135deg,#f59e0b33,#d9770659);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.hero-avatar-letter{color:var(--brand-amber);font-size:22px;font-weight:800}.avatar-status-dot{border:2px solid var(--bg-card);background:#10b981;border-radius:50%;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.hero-info-wrap{flex:1;min-width:0}.hero-student-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:17px;font-weight:800;overflow:hidden}.hero-student-program{color:var(--brand-amber);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.hero-badges-row{flex-wrap:wrap;gap:6px;display:flex}.services-section-title{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;margin:0 0 10px;font-size:11px;font-weight:800}.profile-services-grid{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.service-action-card{background:var(--bg-surface-alt);border:1px solid var(--border-medium);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:54px;padding:14px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.service-action-card:hover{background:var(--bg-card-hover);border-color:var(--brand-amber);transform:translateY(-2px);box-shadow:0 6px 16px #0003}.service-icon-box{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.service-icon-box.icon-attestation{color:var(--brand-amber);background:#f59e0b1f}.service-icon-box.icon-badge{color:#60a5fa;background:#3b82f61f}.service-icon-box svg{width:22px;height:22px}.service-details{flex:1;min-width:0}.service-title{color:var(--text-primary);margin-bottom:2px;font-size:14px;font-weight:700;display:block}.service-desc{color:var(--text-muted);font-size:12px;line-height:1.35;display:block}.service-chevron{color:var(--text-muted);padding-left:4px;font-size:18px;font-weight:700}.profile-fields-list{grid-template-columns:1fr;gap:8px;margin-bottom:20px;display:grid}@media (width>=480px){.profile-fields-list{grid-template-columns:1fr 1fr}}.field-item{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:10px;padding:10px 12px}.field-item .field-label{color:var(--text-muted);margin-bottom:2px;font-size:11px;font-weight:600;display:block}.field-item .field-val{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.profile-theme-section{background:var(--bg-surface-alt);border:1px solid var(--border-subtle);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.theme-meta .theme-title{color:var(--text-primary);font-size:13px;font-weight:700;display:block}.theme-meta .theme-desc{color:var(--text-muted);font-size:11px;display:block}.theme-switch-btn{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--text-primary);cursor:pointer;border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:8px 14px;font-size:12px;font-weight:700;display:inline-flex}.theme-switch-btn:hover{border-color:var(--brand-amber)}.theme-btn-svg{width:16px;height:16px;color:var(--brand-amber)}.profile-modal-footer{border-top:1px solid var(--border-subtle);padding-top:16px}.footer-support-note{color:var(--text-muted);text-align:center;margin:0 0 14px;font-size:11px;line-height:1.4}.btn-modal-logout{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef44444d;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.btn-modal-logout:hover{background:#ef444429;border-color:#ef4444}.logout-svg-icon{width:18px;height:18px}.attestation-modal-backdrop{z-index:2100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d1;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.attestation-modal-container{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:20px;flex-direction:column;width:100%;max-width:820px;max-height:94dvh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0009}.attestation-modal-toolbar{background:var(--bg-surface-alt);border-bottom:1px solid var(--border-medium);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.attestation-modal-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:800}.attestation-modal-subtitle{color:var(--text-muted);font-size:12px}.toolbar-actions{align-items:center;gap:10px;display:flex}.btn-print-attestation{border:1px solid var(--brand-amber);color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:8px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #f59e0b59}.btn-print-attestation:hover{transform:translateY(-1px);box-shadow:0 6px 18px #f59e0b73}.print-svg-icon{width:16px;height:16px}.printable-attestation-wrapper{background:#111827;flex:1;justify-content:center;padding:24px 20px;display:flex;overflow-y:auto}.official-attestation-sheet{color:#0f172a;background:#fff;border-radius:8px;width:100%;max-width:720px;padding:40px 44px;font-family:Plus Jakarta Sans,system-ui,-apple-system,sans-serif;line-height:1.6;box-shadow:0 8px 30px #0006}.attestation-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.attestation-brand-col{flex-direction:column;display:flex}.attestation-logo{max-width:170px;height:auto;margin-bottom:6px}.attestation-tagline{color:#475569;letter-spacing:.02em;font-size:12px;font-weight:700}.attestation-meta-location{color:#64748b;font-size:11px}.attestation-ref-col{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.ref-label{letter-spacing:.1em;color:#94a3b8;text-transform:uppercase;font-size:9px;font-weight:800}.ref-number{color:#0f172a;font-family:monospace;font-size:12px;font-weight:800}.ref-date{color:#64748b;font-size:11px}.attestation-divider{background:linear-gradient(90deg,#d97706,#0f172a,#d97706);height:2px;margin:16px 0 24px}.attestation-title-box{text-align:center;margin-bottom:26px}.attestation-document-heading{letter-spacing:.08em;color:#0f172a;text-transform:uppercase;border-bottom:2px solid #d97706;margin:0 0 4px;padding-bottom:4px;font-size:22px;font-weight:900;display:inline-block}.attestation-academic-cycle{color:#d97706;margin-top:4px;font-size:13px;font-weight:700;display:block}.statement-lead{color:#334155;margin-bottom:18px;font-size:14px}.attestation-student-box{background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px 20px;display:flex}.attestation-info-row{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:baseline;padding-bottom:6px;display:flex}.attestation-info-row:last-child{border-bottom:none;padding-bottom:0}.info-key{color:#64748b;flex:0 0 220px;font-size:12px;font-weight:600}.info-val{color:#0f172a;text-align:right;flex:1;font-size:13px;font-weight:700}.info-student-name{color:#0f172a;font-size:15px}.text-status-valid{color:#047857}.statement-conclusion{color:#334155;margin-bottom:14px;font-size:13px}.statement-legal-purpose{color:#475569;margin-bottom:28px;font-size:12px;font-style:italic}.attestation-signature-footer{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;padding-top:10px;display:flex}.signature-date-block{color:#334155;flex-direction:column;font-size:12px;display:flex}.signature-title{margin-top:6px;font-weight:800}.signature-dept{color:#64748b;font-size:11px}.signature-seal-block{align-items:center;gap:14px;display:flex}.official-seal-badge{width:90px;height:90px}.seal-svg{width:100%;height:100%}.signature-line-flourish{width:120px}.flourish-svg{width:100%;height:auto}.attestation-bottom-notes{text-align:center;border-top:1px solid #e2e8f0;padding-top:12px}.security-tag{color:#94a3b8;font-size:9px;line-height:1.4;display:block}.attestation-bottom-bar{background:var(--bg-surface-alt);border-top:1px solid var(--border-medium);justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.btn-modal-secondary{border:1px solid var(--border-medium);min-height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border-radius:10px;padding:8px 18px;font-size:13px;font-weight:700}.btn-modal-primary{border:1px solid var(--brand-amber);background:var(--brand-amber);color:#000;cursor:pointer;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:8px 20px;font-size:13px;font-weight:800;display:inline-flex}.btn-inline-svg{width:16px;height:16px}.attestation-action-box{border-color:#f59e0b40;margin-bottom:14px}.icon-attestation-badge{color:var(--brand-amber);background:#f59e0b1f}.btn-print-shortcut{color:var(--brand-amber)!important;border:1px solid var(--brand-amber)!important;background:linear-gradient(135deg,#f59e0b26,#d9770640)!important}@media print{@page{size:A4 portrait;margin:12mm 16mm}html,body{color:#000!important;background:#fff!important;min-height:auto!important;margin:0!important;padding:0!important;font-size:12pt!important}.student-header,.bottom-nav,.student-main-content,.attestation-modal-toolbar,.attestation-bottom-bar,.modal-close-btn,.profile-modal-backdrop,.digital-badge-card{display:none!important}.attestation-modal-backdrop{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;margin:0!important;padding:0!important;display:block!important;position:static!important}.attestation-modal-container{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}.printable-attestation-wrapper{background:0 0!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.official-attestation-sheet{page-break-inside:avoid;box-shadow:none!important;color:#000!important;background:#fff!important;border:1px solid #000!important;border-radius:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:24px 28px!important}.attestation-student-box{-webkit-print-color-adjust:exact;print-color-adjust:exact;background:#f8fafc!important}.official-seal-badge circle,.official-seal-badge path,.official-seal-badge text,.official-seal-badge svg{-webkit-print-color-adjust:exact;print-color-adjust:exact}}