@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--font-family:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-.02em;--tracking-normal:0em;--color-bg:#fff;--color-bg-secondary:#f4f5f7;--color-bg-tertiary:#f9fafb;--color-bg-elevated:#fff;--color-bg-overlay:#0006;--color-text:#191f28;--color-text-secondary:#333d4b;--color-text-tertiary:#8b95a1;--color-text-disabled:#b0b8c1;--color-text-on-primary:#fff;--color-border:#e5e8eb;--color-border-light:#f2f3f5;--color-border-focus:var(--color-primary,#3182f6);--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-warning:#f59e0b;--color-warning-bg:#fffbeb;--color-error:#ef4444;--color-error-bg:#fef2f2;--color-info:#3b82f6;--color-info-bg:#eff6ff;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #00000014;--shadow-xl:0 8px 32px #0000001a;--max-w-narrow:480px;--max-w-content:720px;--max-w-wide:960px;--max-w-dashboard:1080px;--max-w-full:1280px;--header-height:56px;--sidebar-width:260px;--footer-height:200px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500}[data-app=hub]{--color-primary:#514f59;--color-primary-hover:#3d3b44;--color-primary-light:#7a7882;--color-primary-50:#f5f4f6;--color-primary-100:#e8e7ea;--color-primary-bg:#f5f4f6}[data-app=jungsi]{--color-primary:#f97316;--color-primary-hover:#ea580c;--color-primary-light:#fb923c;--color-primary-50:#fff7ed;--color-primary-100:#ffedd5;--color-primary-bg:#fff7ed}[data-app=susi]{--color-primary:#3e5622;--color-primary-hover:#2f4119;--color-primary-light:#5a7a35;--color-primary-50:#f5f8f0;--color-primary-100:#e8efdd;--color-primary-bg:#f5f8f0}[data-app=studyplanner]{--color-primary:#3b28cc;--color-primary-hover:#2e1fa3;--color-primary-light:#5b4bd6;--color-primary-50:#f0edfb;--color-primary-100:#ddd8f5;--color-primary-bg:#f0edfb}[data-app=studyarena]{--color-primary:#a40606;--color-primary-hover:#7d0505;--color-primary-light:#c52020;--color-primary-50:#fdf2f2;--color-primary-100:#fae0e0;--color-primary-bg:#fdf2f2}[data-app=mysanggibu]{--color-primary:#007c77;--color-primary-hover:#005e5a;--color-primary-light:#009e98;--color-primary-50:#f0fafa;--color-primary-100:#d5f0ef;--color-primary-bg:#f0fafa}[data-app=examhub]{--color-primary:#4c1a57;--color-primary-hover:#381342;--color-primary-light:#6e2e7a;--color-primary-50:#f8f2f9;--color-primary-100:#ede1f0;--color-primary-bg:#f8f2f9}[data-app=tutorboard]{--color-primary:#230007;--color-primary-hover:#170005;--color-primary-light:#4a0f1a;--color-primary-50:#fbf2f3;--color-primary-100:#f3dfe1;--color-primary-bg:#fbf2f3}[data-app=teacher-admin]{--color-primary:#3f8efc;--color-primary-hover:#2176e8;--color-primary-light:#6aabfd;--color-primary-50:#eff6ff;--color-primary-100:#dbeafe;--color-primary-bg:#eff6ff}[data-app=parent-admin]{--color-primary:#d946ef;--color-primary-hover:#c026d3;--color-primary-light:#e879f9;--color-primary-50:#fdf4ff;--color-primary-100:#fae8ff;--color-primary-bg:#fdf4ff}.gb-header{z-index:var(--z-sticky);height:var(--header-height);padding:0 var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.gb-header-brand{align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:var(--tracking-tight);text-decoration:none;display:flex}.gb-header-brand-dot{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;display:inline-block}.gb-header-nav{align-items:center;gap:var(--space-1);display:flex}.gb-header-nav-link{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.gb-header-nav-link:hover{color:var(--color-text);background:var(--color-bg-secondary)}.gb-header-nav-link.active,.gb-header-nav-link[data-active=true]{color:var(--color-primary);font-weight:var(--weight-semibold)}.gb-header-actions{align-items:center;gap:var(--space-2);display:flex}.gb-header-icon-btn{width:36px;height:36px;color:var(--color-text-tertiary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.gb-header-icon-btn:hover{color:var(--color-text);background:var(--color-bg-secondary)}.gb-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light);transition:box-shadow var(--transition-normal)}.gb-card:hover{box-shadow:var(--shadow-md)}.gb-card-flat{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:none;border:none}.gb-card-primary{background:var(--color-primary-bg,var(--color-bg-secondary));border-radius:var(--radius-xl);padding:var(--space-6);border:none}.gb-card-title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-2)}.gb-card-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.gb-btn{justify-content:center;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-6);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;line-height:1;text-decoration:none;display:inline-flex}.gb-btn:disabled{opacity:.4;cursor:not-allowed}.gb-btn-primary{background:var(--color-primary);color:var(--color-text-on-primary)}.gb-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.gb-btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.gb-btn-secondary:hover:not(:disabled){background:var(--color-border)}.gb-btn-outline{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.gb-btn-outline:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-text-disabled)}.gb-btn-ghost{color:var(--color-text-tertiary);background:0 0}.gb-btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-secondary)}.gb-btn-sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-sm)}.gb-btn-lg{height:56px;padding:0 var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-lg)}.gb-btn-full{width:100%}.gb-input{width:100%;height:48px;padding:0 var(--space-4);font-family:var(--font-family);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #0000;outline:none;display:block}.gb-input::placeholder{color:var(--color-text-disabled)}.gb-input:focus{background:var(--color-bg);border-color:var(--color-primary,var(--color-border-focus));box-shadow:0 0 0 3px var(--color-primary-50,#3182f61a)}.gb-input-error{border-color:var(--color-error)}.gb-input-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-2);display:block}.gb-input-helper{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.gb-input-error-msg{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-1)}.gb-list{margin:0;padding:0;list-style:none}.gb-list-item{padding:var(--space-5)0;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast);color:inherit;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.gb-list-item:first-child{border-top:1px solid var(--color-border-light)}.gb-list-item:hover{background:var(--color-bg-tertiary)}.gb-list-item-content{flex:1;min-width:0}.gb-list-item-title{font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text);margin-bottom:var(--space-1);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gb-list-item-meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.gb-list-item-arrow{color:var(--color-text-disabled);margin-left:var(--space-3);flex-shrink:0}.gb-badge{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-semibold);border-radius:var(--radius-xs);align-items:center;line-height:1;display:inline-flex}.gb-badge-primary{background:var(--color-primary-50);color:var(--color-primary)}.gb-badge-success{background:var(--color-success-bg);color:var(--color-success)}.gb-badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.gb-badge-error{background:var(--color-error-bg);color:var(--color-error)}.gb-badge-info{background:var(--color-info-bg);color:var(--color-info)}.gb-badge-neutral{background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.gb-section-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight)}.gb-section-subtitle{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:calc(var(--space-1)*-1);margin-bottom:var(--space-4)}.gb-divider{border:none;border-top:1px solid var(--color-border-light);margin:var(--space-6)0}.gb-divider-thick{background:var(--color-bg-secondary);height:8px;margin:var(--space-6)0;border:none}.gb-empty-state{padding:var(--space-16)var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.gb-empty-icon{margin-bottom:var(--space-4);font-size:3rem}.gb-empty-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.gb-empty-desc{font-size:var(--text-sm);color:var(--color-text-tertiary);max-width:320px}.gb-stat-card{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-border-light)}.gb-stat-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin-bottom:var(--space-2)}.gb-stat-value{font-size:var(--text-3xl);font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:var(--tracking-tight)}.gb-stat-unit{font-size:var(--text-lg);font-weight:var(--weight-medium);color:var(--color-text-tertiary);margin-left:var(--space-1)}.gb-stat-change{align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-semibold);display:inline-flex}.gb-stat-change-up{color:var(--color-success)}.gb-stat-change-down{color:var(--color-error)}.gb-modal-overlay{z-index:var(--z-modal);background:var(--color-bg-overlay);animation:gb-fade-in var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gb-modal{background:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:420px;width:calc(100% - var(--space-8));box-shadow:var(--shadow-xl);animation:gb-slide-up var(--transition-normal)}.gb-modal-title{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-3)}.gb-modal-body{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.gb-modal-actions{gap:var(--space-2);display:flex}@keyframes gb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes gb-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes gb-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.gb-page{max-width:var(--max-w-content);padding:var(--space-8)var(--space-6);margin:0 auto}.gb-page-wide{max-width:var(--max-w-wide);padding:var(--space-8)var(--space-6);margin:0 auto}.gb-page-dashboard{max-width:var(--max-w-dashboard);padding:var(--space-8)var(--space-6);margin:0 auto}.gb-page-full{max-width:var(--max-w-full);padding:var(--space-8)var(--space-6);margin:0 auto}.gb-page-narrow{max-width:var(--max-w-narrow);padding:var(--space-8)var(--space-6);margin:0 auto}.gb-page-header{margin-bottom:var(--space-8)}.gb-page-title{font-size:var(--text-2xl);font-weight:var(--weight-extrabold);color:var(--color-text);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.gb-page-desc{font-size:var(--text-base);color:var(--color-text-tertiary);margin-top:var(--space-2);line-height:var(--leading-relaxed)}.gb-stack{flex-direction:column;display:flex}.gb-stack-1{gap:var(--space-1)}.gb-stack-2{gap:var(--space-2)}.gb-stack-3{gap:var(--space-3)}.gb-stack-4{gap:var(--space-4)}.gb-stack-5{gap:var(--space-5)}.gb-stack-6{gap:var(--space-6)}.gb-stack-8{gap:var(--space-8)}.gb-stack-10{gap:var(--space-10)}.gb-row{flex-direction:row;align-items:center;display:flex}.gb-row-1{gap:var(--space-1)}.gb-row-2{gap:var(--space-2)}.gb-row-3{gap:var(--space-3)}.gb-row-4{gap:var(--space-4)}.gb-row-6{gap:var(--space-6)}.gb-grid{gap:var(--space-4);display:grid}.gb-grid-2{grid-template-columns:repeat(2,1fr)}.gb-grid-3{grid-template-columns:repeat(3,1fr)}.gb-grid-4{grid-template-columns:repeat(4,1fr)}.gb-grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.gb-grid-2,.gb-grid-3,.gb-grid-4{grid-template-columns:1fr}.gb-page,.gb-page-wide,.gb-page-dashboard,.gb-page-full,.gb-page-narrow{padding:var(--space-5)var(--space-4)}.gb-page-title{font-size:var(--text-xl)}}@media (min-width:769px) and (max-width:1024px){.gb-grid-3,.gb-grid-4{grid-template-columns:repeat(2,1fr)}}.gb-section{padding:var(--space-10)0}.gb-section-bg{padding:var(--space-10)var(--space-6);background:var(--color-bg-secondary);border-radius:var(--radius-2xl);margin:var(--space-4)0}.gb-footer{border-top:1px solid var(--color-border-light);padding:var(--space-10)var(--space-6);margin-top:var(--space-16)}.gb-footer-inner{max-width:var(--max-w-dashboard);margin:0 auto}.gb-footer-text{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.gb-footer-links{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.gb-footer-link{font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast);text-decoration:none}.gb-footer-link:hover{color:var(--color-text)}.gb-text-center{text-align:center}.gb-text-right{text-align:right}.gb-text-primary{color:var(--color-primary)}.gb-text-muted{color:var(--color-text-tertiary)}.gb-text-sm{font-size:var(--text-sm)}.gb-text-xs{font-size:var(--text-xs)}.gb-text-lg{font-size:var(--text-lg)}.gb-text-xl{font-size:var(--text-xl)}.gb-text-bold{font-weight:var(--weight-bold)}.gb-text-semibold{font-weight:var(--weight-semibold)}.gb-mt-0{margin-top:0}.gb-mt-2{margin-top:var(--space-2)}.gb-mt-4{margin-top:var(--space-4)}.gb-mt-6{margin-top:var(--space-6)}.gb-mt-8{margin-top:var(--space-8)}.gb-mb-0{margin-bottom:0}.gb-mb-2{margin-bottom:var(--space-2)}.gb-mb-4{margin-bottom:var(--space-4)}.gb-mb-6{margin-bottom:var(--space-6)}.gb-mb-8{margin-bottom:var(--space-8)}.gb-hidden{display:none!important}.gb-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:768px){.gb-hide-mobile{display:none!important}}@media (min-width:769px){.gb-hide-desktop{display:none!important}}