.v-sidebar{z-index:var(--z-overlay);width:var(--sidebar-width);border-right:1px solid var(--color-border);background-color:var(--color-surface);display:none;position:fixed;top:0;bottom:0;left:0}@media (min-width:768px){.v-sidebar{display:block}}.v-sidebar__overlay{z-index:var(--z-overlay);background-color:var(--color-surface-overlay);position:fixed;inset:0}.v-sidebar__drawer{z-index:var(--z-modal);width:var(--sidebar-width);border-right:1px solid var(--color-border);background-color:var(--color-surface);transition:transform var(--duration-slow)var(--ease-default);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.v-sidebar__drawer--open{transform:translate(0)}@media (min-width:768px){.v-sidebar__overlay,.v-sidebar__drawer{display:none}}.v-sidebar__inner{flex-direction:column;height:100%;display:flex}.v-sidebar__header{height:var(--space-16);padding-inline:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.v-sidebar__logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.v-sidebar__close{margin-right:calc(var(--space-2)*-1);padding:var(--space-2);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none}.v-sidebar__close:hover{color:var(--gray-700)}@media (min-width:768px){.v-sidebar__close{display:none}}.v-sidebar__academy{position:relative}.v-sidebar__academy-button{width:100%;padding:var(--space-3)var(--space-4);border:none;border-bottom:1px solid var(--color-border);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-normal)var(--ease-default);background:0 0}.v-sidebar__academy-button:hover{background-color:var(--color-surface-hover)}.v-sidebar__academy-row{justify-content:space-between;align-items:center;display:flex}.v-sidebar__academy-info{align-items:center;gap:var(--space-3);min-width:0;display:flex}.v-sidebar__academy-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-lg);background-color:var(--color-primary-subtle-hover);color:var(--color-on-primary-subtle);flex-shrink:0;justify-content:center;align-items:center;display:flex}.v-sidebar__academy-text{min-width:0}.v-sidebar__academy-label{font-size:var(--text-xs);color:var(--color-text-secondary)}.v-sidebar__academy-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-sidebar__academy-chevron{color:var(--color-text-muted);transition:transform var(--duration-normal)var(--ease-default);flex-shrink:0}.v-sidebar__academy-chevron--open{transform:rotate(180deg)}.v-sidebar__menu{z-index:var(--z-modal);border-bottom:1px solid var(--color-border);background-color:var(--color-surface);box-shadow:var(--shadow-lg);position:absolute;top:100%;left:0;right:0}.v-sidebar__menu-group{padding-block:var(--space-1)}.v-sidebar__menu-label{padding:var(--space-1)var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary)}.v-sidebar__menu-item{width:100%;padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--gray-700);text-align:left;cursor:pointer;background:0 0;border:none}.v-sidebar__menu-item:hover{background-color:var(--color-surface-hover)}.v-sidebar__menu-item--primary{color:var(--color-primary)}.v-sidebar__menu-item--primary:hover{background-color:var(--color-primary-subtle)}.v-sidebar__menu-foot{border-top:1px solid var(--color-border-subtle)}.v-sidebar__nav{padding:var(--space-4)var(--space-3);flex:1;overflow-y:auto}.v-sidebar__section-title{padding-inline:var(--space-3);padding-bottom:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted)}.v-sidebar__items>*+*{margin-top:var(--space-1)}.v-sidebar__section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.v-sidebar__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5)var(--space-3);border-radius:var(--radius-lg);font-family:inherit;font-size:.9375rem;font-weight:var(--font-medium);color:var(--gray-700);text-align:left;cursor:pointer;transition:background-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);background:0 0;border:none;display:flex}.v-sidebar__item:hover{background-color:var(--color-surface-active)}.v-sidebar__item--primary{font-weight:var(--font-bold)}.v-sidebar__item--active,.v-sidebar__item--active:hover{background-color:var(--color-primary-subtle);color:var(--color-on-primary-subtle)}.v-sidebar__item--disabled{color:var(--color-text-muted);cursor:default}.v-sidebar__item--disabled:hover{background:0 0}.v-sidebar__item-end{color:var(--color-text-muted);margin-left:auto}.v-sidebar__item-note{font-size:var(--text-xs);margin-left:auto}.v-sidebar__footer{padding:var(--space-3);border-top:1px solid var(--color-border)}.v-sidebar__footer>*+*{margin-top:var(--space-1)}
.v-demo-sidebar{top:var(--space-10);z-index:var(--z-overlay);width:var(--sidebar-width);border-right:1px solid var(--color-border);background-color:var(--color-surface);display:none;position:fixed;bottom:0;left:0}@media (min-width:768px){.v-demo-sidebar{display:block}}.v-demo-sidebar__overlay{z-index:var(--z-overlay);background-color:var(--color-surface-overlay);position:fixed;inset:0}.v-demo-sidebar__drawer{top:var(--space-10);z-index:var(--z-modal);width:var(--sidebar-width);border-right:1px solid var(--color-border);background-color:var(--color-surface);transition:transform var(--duration-slow)var(--ease-default);position:fixed;bottom:0;left:0;transform:translate(-100%)}.v-demo-sidebar__drawer--open{transform:translate(0)}@media (min-width:768px){.v-demo-sidebar__overlay,.v-demo-sidebar__drawer{display:none}}.v-demo-sidebar__inner{flex-direction:column;height:100%;display:flex}.v-demo-sidebar__header{height:var(--space-16);padding-inline:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.v-demo-sidebar__logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.v-demo-sidebar__close{margin-right:calc(var(--space-2)*-1);padding:var(--space-2);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none}.v-demo-sidebar__close:hover{color:var(--gray-700)}@media (min-width:768px){.v-demo-sidebar__close{display:none}}.v-demo-sidebar__academy{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border);background-color:color-mix(in srgb,var(--amber-50)50%,transparent)}.v-demo-sidebar__academy-row{align-items:center;gap:var(--space-3);display:flex}.v-demo-sidebar__academy-icon{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-lg);background-color:var(--amber-100);color:var(--amber-600);flex-shrink:0;justify-content:center;align-items:center;display:flex}.v-demo-sidebar__academy-text{min-width:0}.v-demo-sidebar__academy-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--amber-600)}.v-demo-sidebar__academy-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v-demo-sidebar__nav{padding:var(--space-4)var(--space-3);flex:1;overflow-y:auto}.v-demo-sidebar__items>*+*,.v-demo-sidebar__items--nested{margin-top:var(--space-1)}.v-demo-sidebar__item{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2-5)var(--space-3);border-radius:var(--radius-lg);font-family:inherit;font-size:.9375rem;font-weight:var(--font-medium);color:var(--gray-700);text-align:left;cursor:pointer;transition:background-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);background:0 0;border:none;display:flex}.v-demo-sidebar__item:hover{background-color:var(--color-surface-active)}.v-demo-sidebar__item--primary{font-weight:var(--font-bold)}.v-demo-sidebar__item--active,.v-demo-sidebar__item--active:hover{background-color:var(--color-primary-subtle);color:var(--color-on-primary-subtle)}.v-demo-sidebar__section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-subtle)}.v-demo-sidebar__section-toggle{width:100%;padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.v-demo-sidebar__section-toggle:hover{background-color:var(--color-surface-hover);color:var(--gray-600)}.v-demo-sidebar__section-chevron{transition:transform var(--duration-normal)var(--ease-default)}.v-demo-sidebar__section-chevron--open{transform:rotate(180deg)}.v-demo-sidebar__cta{margin-inline:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3);border:1px solid var(--blue-100);border-radius:var(--radius-lg);background-image:linear-gradient(to bottom right,var(--blue-50),var(--purple-50))}.v-demo-sidebar__cta-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--blue-600);display:flex}.v-demo-sidebar__cta-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--blue-800)}.v-demo-sidebar__cta-text{margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--gray-600)}.v-demo-sidebar__cta-actions{gap:var(--space-2);display:flex}.v-demo-sidebar__cta-button{justify-content:center;align-items:center;gap:var(--space-1-5);padding:var(--space-2);border-radius:var(--radius-md);background-image:linear-gradient(to right,var(--blue-600),var(--purple-600));box-shadow:var(--shadow-sm);font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--white);cursor:pointer;transition:background-image var(--duration-normal)var(--ease-default);border:none;flex:1;display:flex}.v-demo-sidebar__cta-button:hover{background-image:linear-gradient(to right,var(--blue-700),var(--purple-700))}.v-demo-sidebar__footer{padding:var(--space-3);border-top:1px solid var(--color-border)}
.v-header{height:var(--space-16);border-bottom:1px solid var(--color-border);background-color:var(--color-surface)}.v-header__inner{height:100%;padding-inline:var(--space-4);justify-content:space-between;align-items:center;display:flex}@media (min-width:768px){.v-header__inner{padding-inline:var(--space-6)}}.v-header__left{align-items:center;gap:var(--space-3);display:flex}.v-header__menu-button{margin-left:calc(var(--space-2)*-1);padding:var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none}.v-header__menu-button:hover{background-color:var(--color-surface-active);color:var(--gray-700)}@media (min-width:768px){.v-header__menu-button{display:none}}.v-header__title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text)}@media (min-width:768px){.v-header__title{font-size:var(--text-xl)}}.v-header__right{align-items:center;gap:var(--space-2);display:flex}@media (min-width:768px){.v-header__right{gap:var(--space-4)}}.v-header__notice{align-items:center;gap:var(--space-1-5);padding:var(--space-2)var(--space-3);border-radius:var(--radius-lg);color:var(--gray-700);transition:background-color var(--duration-normal)var(--ease-default),color var(--duration-normal)var(--ease-default);display:flex;position:relative}.v-header__notice:hover{background-color:var(--color-surface-active);color:var(--color-text)}.v-header__notice-label{font-size:var(--text-sm);font-weight:var(--font-medium);display:none}@media (min-width:640px){.v-header__notice-label{display:inline}}.v-header__notice-count{min-width:18px;height:18px;padding-inline:var(--space-1);border-radius:var(--radius-full);background-color:var(--red-500);font-size:10px;font-weight:var(--font-bold);color:var(--white);justify-content:center;align-items:center;display:flex}.v-header__user{position:relative}.v-header__user-button{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-lg);font:inherit;cursor:pointer;transition:background-color var(--duration-normal)var(--ease-default);background:0 0;border:none;display:flex}@media (min-width:768px){.v-header__user-button{gap:var(--space-2)}}.v-header__user-button:not(:disabled):hover{background-color:var(--color-surface-active)}.v-header__avatar{width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background-color:var(--color-surface-active);justify-content:center;align-items:center;display:flex}.v-header__avatar-icon{color:var(--gray-600)}.v-header__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--gray-700);display:none}@media (min-width:640px){.v-header__user-name{display:inline}}.v-header__user-chevron{color:var(--color-text-muted)}.v-header__menu{z-index:var(--z-modal);width:12rem;margin-top:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-lg);position:absolute;top:100%;right:0}.v-header__menu-item{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-size:var(--text-sm);color:var(--gray-700);display:flex}.v-header__menu-item:hover{background-color:var(--color-surface-hover)}