@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overscroll-behavior-x:none;overscroll-behavior-y:none}body,html{width:100%;max-width:100%;overflow-x:hidden!important;position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation}body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);min-height:100dvh;margin:0;padding:0}.vx-selectable,[contenteditable],input,select,textarea{-webkit-user-select:text;user-select:text}:root{--color-bg:oklch(0.975 0.005 250);--color-surface:oklch(0.995 0.002 250);--color-surface-raised:oklch(1 0 0);--color-primary:oklch(0.52 0.17 275);--color-primary-fg:oklch(0.99 0.005 275);--color-secondary:oklch(0.53 0.2 300);--color-secondary-fg:oklch(0.99 0.005 300);--color-accent:oklch(0.68 0.15 155);--color-text:oklch(0.18 0.02 260);--color-text-muted:oklch(0.50 0.02 260);--color-text-subtle:oklch(0.62 0.015 260);--color-border:oklch(0.90 0.008 260);--color-border-subtle:oklch(0.94 0.005 260);--color-success:oklch(0.62 0.17 155);--color-warning:oklch(0.75 0.16 75);--color-error:oklch(0.58 0.2 25);--color-info:oklch(0.62 0.14 240);--font-sans:"Plus Jakarta Sans",system-ui,sans-serif;--font-display:"Plus Jakarta Sans",system-ui,sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 1px 3px oklch(0.18 0.02 260/0.06);--shadow-md:0 4px 12px oklch(0.18 0.02 260/0.08);--shadow-lg:0 12px 32px oklch(0.18 0.02 260/0.10);--sidebar-width:260px;--topbar-height:60px;--bottomnav-height:64px;--vx-blue:oklch(0.48 0.18 255);--vx-blue-light:oklch(0.92 0.04 255);--vx-blue-dark:oklch(0.35 0.16 255);--vx-page-bg:oklch(0.955 0.005 250);--vx-card-bg:oklch(0.995 0.002 250);--vx-card-border:oklch(0.92 0.006 250);--vx-green:oklch(0.62 0.17 155);--vx-orange:oklch(0.72 0.15 65);--vx-red:oklch(0.58 0.2 25);--vx-teal:oklch(0.58 0.12 195);--vx-purple:oklch(0.55 0.18 300);--vx-text:oklch(0.15 0.02 250);--vx-text-secondary:oklch(0.48 0.015 250);--vx-text-caption:oklch(0.58 0.01 250);--vx-icon-blue-bg:oklch(0.92 0.05 255);--vx-icon-green-bg:oklch(0.92 0.05 155);--vx-icon-orange-bg:oklch(0.93 0.05 65);--vx-icon-red-bg:oklch(0.93 0.05 25);--vx-icon-purple-bg:oklch(0.92 0.05 300);--vx-icon-teal-bg:oklch(0.92 0.05 195);--vx-radius-sm:8px;--vx-radius-md:12px;--vx-radius-lg:16px;--vx-radius-xl:20px;--vx-radius-full:9999px;--vx-space-xs:0.25rem;--vx-space-sm:0.5rem;--vx-space-md:0.75rem;--vx-space-lg:1rem;--vx-space-xl:1.25rem;--vx-space-2xl:1.5rem;--vx-space-3xl:2rem;--vx-text-xs:0.6875rem;--vx-text-sm:0.75rem;--vx-text-base:0.8125rem;--vx-text-md:0.875rem;--vx-text-lg:1rem;--vx-text-xl:1.25rem;--vx-text-2xl:1.5rem;--vx-text-3xl:2rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.25;color:var(--color-text)}h1{font-size:clamp(1.5rem,3vw,2rem)}h2{font-size:clamp(1.25rem,2.5vw,1.625rem)}h3{font-size:clamp(1.1rem,2vw,1.25rem)}h4{font-size:1.0625rem}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.vlx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans);font-weight:600;border:none;cursor:pointer;transition:opacity .15s ease,transform .1s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.vlx-btn:active:not(:disabled){transform:scale(.97)}.vlx-btn:disabled{opacity:.5;cursor:not-allowed}.vlx-btn--sm{font-size:.8125rem;padding:.4rem .875rem;border-radius:var(--radius-sm);min-height:34px}.vlx-btn--md{font-size:.875rem;padding:.5rem 1.125rem;min-height:40px}.vlx-btn--lg,.vlx-btn--md{border-radius:var(--radius-md)}.vlx-btn--lg{font-size:.9375rem;padding:.625rem 1.5rem;min-height:48px}.vlx-btn--primary{background:var(--color-primary);color:var(--color-primary-fg)}.vlx-btn--primary:hover:not(:disabled){opacity:.9}.vlx-btn--secondary{background:var(--color-secondary);color:var(--color-secondary-fg)}.vlx-btn--secondary:hover:not(:disabled){opacity:.9}.vlx-btn--ghost{background:transparent;color:var(--color-text)}.vlx-btn--ghost:hover:not(:disabled){background:var(--color-border-subtle)}.vlx-btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-border)}.vlx-btn--outline:hover:not(:disabled){background:oklch(.52 .17 275/.06);border-color:var(--color-primary)}.vlx-btn--danger{background:var(--color-error);color:oklch(.99 .005 25)}.vlx-btn--danger:hover:not(:disabled){opacity:.9}.vlx-btn__spinner{width:1em;height:1em;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:vlx-spin .6s linear infinite}.vlx-btn__icon{display:flex;align-items:center}.vlx-input-group{display:flex;flex-direction:column;gap:.375rem}.vlx-input-group__label{font-size:.8125rem;font-weight:600;color:var(--color-text);letter-spacing:.01em}.vlx-input{font-family:var(--font-sans);font-size:.875rem;padding:.5rem .75rem;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);outline:none;transition:border-color .15s ease;min-height:42px}.vlx-input::placeholder{color:var(--color-text-subtle)}.vlx-input:focus{border-color:var(--color-primary)}.vlx-input-group--error .vlx-input{border-color:var(--color-error)}.vlx-input-group__error{font-size:.75rem;color:var(--color-error)}.vlx-input-group__hint{font-size:.75rem;color:var(--color-text-muted)}.vlx-card{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.vlx-card--pad-none{padding:0}.vlx-card--pad-sm{padding:clamp(.75rem,2vw,1rem)}.vlx-card--pad-md{padding:clamp(1rem,3vw,1.5rem)}.vlx-card--pad-lg{padding:clamp(1.5rem,4vw,2rem)}.vlx-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.vlx-card__title{font-size:1.0625rem;font-weight:700}.vlx-card__desc{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.vlx-card__footer{margin-top:1rem;display:flex;gap:.75rem;align-items:center;justify-content:flex-end}.vlx-badge{display:inline-flex;align-items:center;font-weight:600;border-radius:100px;white-space:nowrap;letter-spacing:.02em}.vlx-badge--sm{font-size:.6875rem;padding:.15rem .5rem}.vlx-badge--md{font-size:.75rem;padding:.2rem .625rem}.vlx-badge--default{background:var(--color-border-subtle);color:var(--color-text-muted)}.vlx-badge--success{background:oklch(.62 .17 155/.12);color:var(--color-success)}.vlx-badge--warning{background:oklch(.75 .16 75/.12);color:oklch(.55 .14 75)}.vlx-badge--error{background:oklch(.58 .2 25/.1);color:var(--color-error)}.vlx-badge--info{background:oklch(.62 .14 240/.1);color:var(--color-info)}.vlx-badge--outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted)}.vlx-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:oklch(.52 .17 275/.1);color:var(--color-primary);font-weight:700;overflow:hidden;flex-shrink:0}.vlx-avatar--sm{width:32px;height:32px;font-size:.75rem}.vlx-avatar--md{width:40px;height:40px;font-size:.8125rem}.vlx-avatar--lg{width:56px;height:56px;font-size:1rem}.vlx-avatar__img{width:100%;height:100%;object-fit:cover}.vlx-skeleton{background:linear-gradient(90deg,var(--color-border-subtle) 25%,var(--color-bg) 50%,var(--color-border-subtle) 75%);background-size:200% 100%;animation:vlx-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm);min-height:1rem}.vlx-skeleton--rounded{border-radius:50%}.vlx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(2rem,6vw,4rem) 1rem;gap:.75rem}.vlx-empty__icon{font-size:2.5rem;color:var(--color-text-subtle);opacity:.5}.vlx-empty__title{font-size:1.0625rem;font-weight:600;color:var(--color-text)}.vlx-empty__desc{font-size:.8125rem;color:var(--color-text-muted);max-width:32ch}.vlx-empty__action{margin-top:.5rem}.vlx-spinner{animation:vlx-spin .7s linear infinite;color:var(--color-primary)}.vlx-spinner--sm{width:16px;height:16px}.vlx-spinner--md{width:24px;height:24px}.vlx-spinner--lg{width:36px;height:36px}.vlx-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.vlx-table{width:100%;border-collapse:collapse;font-size:.8125rem}.vlx-table th{text-align:left;font-weight:600;color:var(--color-text-muted);padding:.625rem .75rem;border-bottom:1.5px solid var(--color-border);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.vlx-table td{padding:.625rem .75rem;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text)}.vlx-table__row--clickable{cursor:pointer}.vlx-table__row--clickable:hover td{background:var(--color-bg)}.vlx-table__empty{text-align:center;padding:2rem;color:var(--color-text-muted);font-size:.875rem}.vlx-tabs__list{display:flex;gap:.25rem;border-bottom:1.5px solid var(--color-border-subtle);overflow-x:auto;-webkit-overflow-scrolling:touch}.vlx-tabs__tab{font-family:var(--font-sans);font-size:.8125rem;font-weight:600;padding:.625rem 1rem;background:none;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border:none;border-bottom:2px solid transparent;transition:color .15s ease,border-color .15s ease;margin-bottom:-1.5px}.vlx-tabs__tab:hover{color:var(--color-text)}.vlx-tabs__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.vlx-tabs__panel{padding-top:1rem}.vlx-toast-container{position:fixed;bottom:calc(var(--bottomnav-height, 0px) + 1rem);right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999;pointer-events:none}.vlx-toast{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;pointer-events:auto;animation:vlx-slide-in .25s cubic-bezier(.16,1,.3,1);max-width:380px}.vlx-toast--success{background:var(--color-success);color:oklch(.99 .005 155)}.vlx-toast--error{background:var(--color-error);color:oklch(.99 .005 25)}.vlx-toast--info{background:var(--color-info);color:oklch(.99 .005 240)}.vlx-toast--warning{background:oklch(.55 .14 75);color:oklch(.99 .005 75)}.vlx-toast__close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.125rem;opacity:.7;margin-left:auto}.vlx-toast__close:hover{opacity:1}.vlx-layout{display:flex;min-height:100dvh}.vlx-sidebar{width:var(--sidebar-width);background:var(--color-surface-raised);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;overflow-y:auto}.vlx-sidebar__brand{display:flex;align-items:center;gap:.625rem;padding:1.25rem 1.25rem 1rem;font-size:1.125rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary)}.vlx-sidebar__nav{flex:1 1;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.125rem}.vlx-sidebar__section-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-subtle);padding:1rem .75rem .375rem}.vlx-sidebar__link{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);border-radius:var(--radius-md);text-decoration:none;transition:background .12s ease,color .12s ease;min-height:38px}.vlx-sidebar__link:hover{background:var(--color-bg);color:var(--color-text);text-decoration:none}.vlx-sidebar__link--active{background:oklch(.52 .17 275/.08);color:var(--color-primary);font-weight:600}.vlx-sidebar__link svg,.vlx-sidebar__link-icon{width:18px;height:18px;flex-shrink:0;opacity:.75}.vlx-sidebar__link--active .vlx-sidebar__link-icon,.vlx-sidebar__link--active svg{opacity:1}.vlx-sidebar__footer{padding:.75rem;border-top:1px solid var(--color-border-subtle)}.vlx-main{flex:1 1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100dvh}.vlx-topbar{height:var(--topbar-height);justify-content:space-between;padding:0 clamp(1rem,3vw,2rem);border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-raised);position:sticky;top:0;z-index:30;gap:1rem}.vlx-topbar,.vlx-topbar__left{display:flex;align-items:center}.vlx-topbar__left{gap:.75rem}.vlx-topbar__title{font-size:1rem;font-weight:700}.vlx-topbar__right{display:flex;align-items:center;gap:.625rem}.vlx-topbar__icon-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md);background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:background .12s ease}.vlx-topbar__icon-btn:hover{background:var(--color-bg);color:var(--color-text)}.vlx-content{flex:1 1;padding:clamp(1rem,3vw,2rem);max-width:1280px;width:100%}.vlx-bottomnav{display:none;position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-height);background:var(--color-surface-raised);border-top:1px solid var(--color-border-subtle);z-index:40;padding-bottom:env(safe-area-inset-bottom,0)}.vlx-bottomnav__items{display:flex;align-items:center;justify-content:space-around;height:100%;padding:0 .5rem}.vlx-bottomnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;font-size:.625rem;font-weight:600;color:var(--color-text-subtle);text-decoration:none;padding:.25rem .5rem;min-width:44px;min-height:44px;border-radius:var(--radius-sm)}.vlx-bottomnav__item:hover{text-decoration:none}.vlx-bottomnav__item--active{color:var(--color-primary)}.vlx-bottomnav__item svg{width:22px;height:22px}.vlx-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:clamp(1rem,3vw,1.5rem);flex-wrap:wrap}.vlx-page-header__text h1{font-size:clamp(1.25rem,2.5vw,1.5rem)}.vlx-page-header__text p{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.vlx-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(.75rem,2vw,1rem)}.vlx-stat{padding:clamp(1rem,2vw,1.25rem);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.vlx-stat__label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.vlx-stat__value{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-top:.375rem;line-height:1.1}.vlx-stat__sub{font-size:.75rem;color:var(--color-text-subtle);margin-top:.25rem}.vlx-auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--color-bg)}.vlx-auth-card{width:100%;max-width:420px}.vlx-auth-card__brand{text-align:left;margin-bottom:2rem}.vlx-auth-card__brand h1{font-size:1.625rem;font-weight:800;letter-spacing:-.03em;color:var(--color-primary)}.vlx-auth-card__brand p{font-size:.875rem;color:var(--color-text-muted);margin-top:.375rem}.vlx-auth-card__form{display:flex;flex-direction:column;gap:1rem}.vlx-auth-card__divider{display:flex;align-items:center;gap:.75rem;color:var(--color-text-subtle);font-size:.75rem;margin:.5rem 0}.vlx-auth-card__divider:after,.vlx-auth-card__divider:before{content:"";flex:1 1;height:1px;background:var(--color-border)}.vlx-auth-card__footer{text-align:center;font-size:.8125rem;color:var(--color-text-muted);margin-top:1.5rem}@media (max-width:768px){.vlx-sidebar,.vlx-topbar{display:none!important}.vlx-layout,.vlx-main{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.vlx-main{margin-left:0!important;padding-bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom, 0px))!important;min-height:100dvh}.vlx-bottomnav,.vx-bottomnav{display:flex!important}.vlx-content{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important;box-sizing:border-box!important}.vlx-stats{grid-template-columns:repeat(2,1fr)}.vlx-toast-container{left:1rem;right:1rem;bottom:calc(var(--bottomnav-height) + env(safe-area-inset-bottom, 0px) + .5rem)}.vlx-toast{max-width:100%}}@media (max-width:480px){.vlx-stats{grid-template-columns:1fr}}@keyframes vlx-spin{to{transform:rotate(1turn)}}@keyframes vlx-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes vlx-slide-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes vlx-fade-in{0%{opacity:0}to{opacity:1}}.vlx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vlx-dialog-overlay{position:fixed;inset:0;background:oklch(.18 .02 260/.45);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:vlx-fade-in .15s ease-out}.vlx-dialog-content{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;display:flex;flex-direction:column;animation:vlx-slide-in .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.vlx-dialog-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.vlx-dialog-title{font-size:1.125rem;font-weight:700;color:var(--color-text)}.vlx-dialog-desc{font-size:.8125rem;color:var(--color-text-muted);margin-top:.25rem}.vlx-dialog-close{background:none;border:none;font-size:1.125rem;color:var(--color-text-subtle);cursor:pointer;padding:.25rem;line-height:1;border-radius:var(--radius-sm);transition:color .15s ease,background .15s ease}.vlx-dialog-close:hover{color:var(--color-text);background:var(--color-border-subtle)}.vlx-dialog-body{padding:1.5rem;overflow-y:auto;flex:1 1;display:flex;flex-direction:column;gap:1rem}.vlx-dialog-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border-subtle);background:var(--color-bg);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@media (max-width:768px){html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior-y:none}.vx-selectable,[contenteditable],input,textarea{-webkit-user-select:text;user-select:text}*{touch-action:manipulation}body{background:var(--vx-page-bg);color:var(--vx-text)}.vlx-layout--mobile-ready .vlx-topbar{display:none}.vlx-layout--mobile-ready .vlx-content{padding:0;max-width:100%}}.vx-safe-top{padding-top:env(safe-area-inset-top,0)}.vx-safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.vx-screen{min-height:100%;max-width:100%!important;background:var(--vx-page-bg);padding-bottom:calc(var(--bottomnav-height, 64px) + env(safe-area-inset-bottom, 0px) + 1.25rem)}.vx-screen,.vx-screen__body{display:flex;flex-direction:column;width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.vx-screen__body{gap:var(--vx-space-md);padding:.875rem;max-width:600px;margin:0 auto;min-width:0!important}.vx-app-header{background:var(--vx-card-bg);border-bottom:1px solid var(--vx-card-border);padding:calc(env(safe-area-inset-top, 0px) + .75rem) .875rem .875rem;display:flex;align-items:center;justify-content:space-between;gap:var(--vx-space-sm);position:sticky;top:0;z-index:50;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.vx-app-header__left{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1 1}.vx-app-header__avatar{width:42px;height:42px;border-radius:var(--vx-radius-full);background:var(--vx-icon-blue-bg);color:var(--vx-blue);font-weight:700;font-size:var(--vx-text-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.vx-app-header__info{display:flex;flex-direction:column;min-width:0;flex:1 1}.vx-app-header__greeting{font-size:1.125rem;font-weight:700;color:var(--vx-text);line-height:1.2}.vx-app-header__greeting,.vx-app-header__subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-app-header__subtitle{font-size:var(--vx-text-xs);color:var(--vx-text-secondary);margin-top:2px}.vx-app-header__action{position:relative;width:40px;height:40px;border-radius:var(--vx-radius-full);background:var(--vx-page-bg);border:1px solid var(--vx-card-border);display:flex;align-items:center;justify-content:center;color:var(--vx-text);cursor:pointer;flex-shrink:0;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .1s ease,background .15s ease}.vx-app-header__action:active{transform:scale(.92)}.vx-app-header__badge-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;background:var(--vx-red);border:1.5px solid var(--vx-card-bg);border-radius:50%}.vx-screen-header{background:var(--vx-card-bg);border-bottom:1px solid var(--vx-card-border);height:calc(54px + env(safe-area-inset-top, 0px));padding:env(safe-area-inset-top,0) .75rem 0;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;gap:var(--vx-space-xs);width:100%!important;max-width:100%!important;box-sizing:border-box!important}.vx-screen-header__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--vx-text);cursor:pointer;border-radius:var(--vx-radius-full);-webkit-tap-highlight-color:transparent}.vx-screen-header__back:active{background:var(--vx-page-bg)}.vx-screen-header__title{font-size:1.125rem;font-weight:700;color:var(--vx-text);flex:1 1;text-align:left;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.vx-screen-header__action{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--vx-text);cursor:pointer;border-radius:var(--vx-radius-full)}.vx-section-card{background:var(--vx-card-bg);border-radius:var(--vx-radius-lg);padding:.875rem;box-shadow:0 1px 3px oklch(.15 .01 250/.08);display:flex;flex-direction:column;gap:var(--vx-space-md);border:1px solid var(--vx-card-border);width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden}.vx-section-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--vx-space-xs);min-width:0}.vx-section-card__title{font-size:.9375rem;font-weight:700;color:var(--vx-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-section-card__link{font-size:var(--vx-text-xs);font-weight:600;color:var(--vx-blue);text-decoration:none;flex-shrink:0}.vx-section-card__link:hover{text-decoration:underline}.vx-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:var(--vx-card-bg);border-radius:var(--vx-radius-lg);padding:.625rem .25rem;box-shadow:0 1px 3px oklch(.15 .01 250/.08);border:1px solid var(--vx-card-border);width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important}.vx-quick-grid__item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:var(--vx-space-sm) 2px;text-decoration:none;color:inherit;border-radius:var(--vx-radius-md);-webkit-tap-highlight-color:transparent;transition:transform .1s ease}.vx-quick-grid__item:active{transform:scale(.94)}.vx-quick-grid__icon{width:48px;height:48px;border-radius:var(--vx-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;transition:transform .15s ease}.vx-quick-grid__icon svg{width:24px;height:24px}.vx-quick-grid__label{font-size:var(--vx-text-xs);font-weight:600;color:var(--vx-text);text-align:center;line-height:1.2}.vx-pill-tabs{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:2px 0;scrollbar-width:none;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.vx-pill-tabs::-webkit-scrollbar{display:none}.vx-pill-tab{padding:.35rem .85rem;border-radius:var(--vx-radius-full);font-size:.8125rem;font-weight:600;white-space:nowrap;border:1px solid var(--vx-card-border);cursor:pointer;min-height:32px;background:var(--vx-card-bg);color:var(--vx-text-secondary);transition:all .15s ease;-webkit-tap-highlight-color:transparent;flex-shrink:0}.vx-pill-tab:active{transform:scale(.96)}.vx-pill-tab--active{background:var(--vx-blue);color:#ffffff;border-color:var(--vx-blue);box-shadow:0 2px 6px oklch(.48 .18 255/.25)}.vx-schedule-item{display:flex;align-items:center;justify-content:space-between;gap:var(--vx-space-sm);padding:.75rem .875rem;background:var(--vx-page-bg);border-radius:var(--vx-radius-md);border:1px solid var(--vx-card-border);transition:transform .1s ease;width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden}.vx-schedule-item:active{transform:scale(.98)}.vx-schedule-item__left{display:flex;align-items:center;gap:.625rem;min-width:0;flex:1 1}.vx-schedule-item__bullet{width:9px;height:9px;border-radius:50%;background:var(--vx-blue);flex-shrink:0}.vx-schedule-item__bullet--live{background:var(--vx-green);box-shadow:0 0 0 3px oklch(.62 .17 155/.2)}.vx-schedule-item__title{font-size:.875rem;font-weight:600;color:var(--vx-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vx-schedule-item__meta{font-size:.75rem;color:var(--vx-text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-course-item{display:flex;align-items:center;gap:var(--vx-space-sm);padding:.75rem;background:var(--vx-card-bg);border-radius:var(--vx-radius-lg);border:1px solid var(--vx-card-border);box-shadow:0 1px 2px oklch(.15 .01 250/.06);width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden}.vx-course-item__icon{width:44px;height:44px;border-radius:var(--vx-radius-md);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;flex-shrink:0}.vx-course-item__info{flex:1 1;min-width:0;overflow:hidden}.vx-course-item__name{font-size:.875rem;font-weight:600;color:var(--vx-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vx-course-item__teacher{font-size:.75rem;color:var(--vx-text-caption);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-course-item__progress{font-size:var(--vx-text-sm);font-weight:700;color:var(--vx-blue);text-align:right;flex-shrink:0}.vx-progress-ring{position:relative;display:inline-flex;align-items:center;justify-content:center}.vx-progress-ring__svg{transform:rotate(-90deg);width:100%;height:100%}.vx-progress-ring__bg{fill:none;stroke:var(--vx-card-border)}.vx-progress-ring__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.22,1,.36,1)}.vx-progress-ring__value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.vx-progress-ring__number{font-size:var(--vx-text-2xl);font-weight:800;line-height:1}.vx-progress-ring__label{font-size:var(--vx-text-xs);color:var(--vx-text-caption);font-weight:600;margin-top:2px}.vx-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}.vx-calendar__day-header{font-size:var(--vx-text-xs);font-weight:700;color:var(--vx-text-caption);padding:var(--vx-space-xs) 0;text-transform:uppercase}.vx-calendar__day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--vx-text-xs);font-weight:600;border-radius:var(--vx-radius-full);min-width:32px;min-height:32px;color:var(--vx-text);background:transparent;border:none}.vx-calendar__day--present{background:var(--vx-icon-green-bg);color:var(--vx-green);font-weight:700}.vx-calendar__day--absent{background:var(--vx-icon-red-bg);color:var(--vx-red);font-weight:700}.vx-calendar__day--late{background:var(--vx-icon-orange-bg);color:var(--vx-orange);font-weight:700}.vx-calendar__day--holiday{background:var(--vx-page-bg);color:var(--vx-text-caption)}.vx-calendar__day--today{outline:2px solid var(--vx-blue);outline-offset:-2px}.vx-assignment-item{display:flex;align-items:center;gap:var(--vx-space-sm);padding:.75rem;background:var(--vx-card-bg);border-radius:var(--vx-radius-lg);border:1px solid var(--vx-card-border);box-shadow:0 1px 2px oklch(.15 .01 250/.06);width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden}.vx-assignment-item__icon{width:38px;height:38px;border-radius:var(--vx-radius-md);background:var(--vx-icon-orange-bg);color:var(--vx-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vx-assignment-item__info{flex:1 1;min-width:0;overflow:hidden}.vx-assignment-item__title{font-size:.875rem;font-weight:600;color:var(--vx-text);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.vx-assignment-item__due{font-size:.75rem;color:var(--vx-text-secondary);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vx-result-card{background:linear-gradient(135deg,var(--vx-blue),var(--vx-blue-dark));color:#ffffff;border-radius:var(--vx-radius-lg);padding:1rem;display:flex;flex-direction:column;gap:var(--vx-space-sm);box-shadow:0 4px 16px oklch(.48 .18 255/.2);width:100%!important;max-width:100%!important;box-sizing:border-box!important;min-width:0!important;overflow:hidden}.vx-result-card__header{display:flex;justify-content:space-between;align-items:center}.vx-result-card__term{font-size:var(--vx-text-sm);font-weight:600;opacity:.9}.vx-result-card__body{display:flex;align-items:baseline;justify-content:space-between}.vx-result-card__cgpa-value{font-size:var(--vx-text-3xl);font-weight:800;line-height:1}.vx-result-card__standing{font-size:var(--vx-text-xs);font-weight:700;background:oklch(.99 .005 255/.2);padding:.25rem .625rem;border-radius:var(--vx-radius-full)}.vx-bottomnav{position:fixed;bottom:0;left:0;right:0;height:var(--bottomnav-height,64px);background:var(--vx-card-bg);border-top:1px solid var(--vx-card-border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);display:flex;align-items:center;justify-content:space-around;box-shadow:0 -2px 10px oklch(.15 .01 250/.04)}.vx-bottomnav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 12px;min-width:56px;min-height:48px;color:var(--vx-text-caption);text-decoration:none;font-size:var(--vx-text-xs);font-weight:600;border-radius:var(--vx-radius-sm);-webkit-tap-highlight-color:transparent;transition:color .15s ease}.vx-bottomnav__item:active{transform:scale(.92)}.vx-bottomnav__item--active{color:var(--vx-blue);font-weight:700}.vx-bottomnav__icon{display:flex;align-items:center;justify-content:center}.vx-bottomnav__icon,.vx-bottomnav__icon svg{width:22px;height:22px}