[x-cloak]{display:none!important}.app-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;width:16rem;border-right:1px solid var(--color-slate-200);background:var(--color-white);transform:translate(-100%);transition:transform .2s ease,width .2s ease}.app-sidebar--open{transform:translate(0);box-shadow:var(--shadow-xl)}@media(min-width:64rem){.app-sidebar{transform:none}}.app-sidebar__brand{display:flex;gap:calc(var(--spacing) * 3);align-items:center;height:5.5rem;padding:0 calc(var(--spacing) * 5);overflow:hidden}.app-sidebar__brand-name{color:var(--color-slate-800);font-weight:var(--font-weight-bold);white-space:nowrap}.app-sidebar__nav{display:flex;flex:1;flex-direction:column;gap:calc(var(--spacing) * 1);padding:calc(var(--spacing) * 2) calc(var(--spacing) * 3);overflow:hidden auto}.app-sidebar__link{display:flex;gap:calc(var(--spacing) * 3);align-items:center;padding:calc(var(--spacing) * 3);border-radius:var(--radius-xl);color:var(--color-slate-600);font-size:var(--text-sm);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color .15s,color .15s}.app-sidebar__link:hover{background:var(--color-slate-100);color:var(--color-slate-900)}.app-sidebar__link--active,.app-sidebar__link--active:hover{background:var(--color-blue-50);color:var(--color-blue-600)}.app-sidebar__group{position:relative;display:flex;flex-direction:column;gap:calc(var(--spacing) * 1)}.app-sidebar__group-toggle{width:100%}.app-sidebar__group-toggle--active{color:var(--color-blue-600)}.app-sidebar__chevron{margin-left:auto;transition:transform .15s}.app-sidebar__chevron--open{transform:rotate(180deg)}.app-sidebar__children{display:flex;flex-direction:column;gap:calc(var(--spacing) * 1);padding-left:calc(var(--spacing) * 5)}.app-backdrop{position:fixed;inset:0;z-index:30;background:#0f172a66}@media(min-width:64rem){.app-backdrop{display:none}}.app-main{min-height:100%;transition:padding-left .2s ease}@media(min-width:64rem){.app-main{padding-left:16rem}}.app-header{position:sticky;top:0;z-index:20;display:flex;gap:calc(var(--spacing) * 4);align-items:center;justify-content:space-between;margin:calc(var(--spacing) * 4);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 4);border-radius:var(--radius-2xl);background:var(--color-white);box-shadow:var(--shadow-sm)}@media(min-width:40rem){.app-header{margin:calc(var(--spacing) * 4) calc(var(--spacing) * 6) calc(var(--spacing) * 6);padding:calc(var(--spacing) * 3) calc(var(--spacing) * 6)}}@media(min-width:64rem){.sidebar-collapsed .app-sidebar{width:5rem}.sidebar-collapsed .app-sidebar__brand,.sidebar-collapsed .app-sidebar__link{justify-content:center;padding-inline:0}.sidebar-collapsed .app-sidebar__nav{overflow:visible}.sidebar-collapsed .app-sidebar__chevron{display:none}.sidebar-collapsed .app-sidebar__group-toggle--active{background:var(--color-blue-50)}.sidebar-collapsed .app-sidebar__children{position:absolute;top:0;left:calc(100% + var(--spacing) * 4);display:none!important;width:11rem;padding:calc(var(--spacing) * 2);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);background:var(--color-white);box-shadow:var(--shadow-lg)}.sidebar-collapsed .app-sidebar__children:before{position:absolute;inset:0 100% 0 auto;width:calc(var(--spacing) * 4);content:""}.sidebar-collapsed .app-sidebar__children .app-sidebar__link{justify-content:flex-start;padding-inline:calc(var(--spacing) * 3)}.sidebar-collapsed .app-sidebar__children .app-sidebar__label{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.sidebar-collapsed .app-sidebar__group:hover .app-sidebar__children,.sidebar-collapsed .app-sidebar__group:focus-within .app-sidebar__children{display:flex!important}.sidebar-collapsed .app-sidebar__label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.sidebar-collapsed .app-main{padding-left:5rem}}.app-logo{display:inline-block;flex-shrink:0;width:auto;height:5.5rem}.app-logo--sm{height:2.75rem}.markdown-editor__button{width:auto!important;padding-inline:calc(var(--spacing) * 2)!important;font-size:var(--text-sm)}.auth-backdrop{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 15% 30%,rgba(134,239,172,.55),transparent 45%),radial-gradient(circle at 85% 70%,rgba(253,186,116,.6),transparent 50%),linear-gradient(135deg,var(--color-sky-100),var(--color-orange-100))}.auth-backdrop--photo{background:url(/images/login-bg.jpg) center/cover no-repeat}.auth-card{position:relative;overflow:hidden;padding:calc(var(--spacing) * 8) calc(var(--spacing) * 6) calc(var(--spacing) * 6);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);background:#fff9;box-shadow:var(--shadow-2xl);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);text-align:center}@media(min-width:40rem){.auth-card{padding:calc(var(--spacing) * 10) calc(var(--spacing) * 10) calc(var(--spacing) * 8)}}.auth-card:before{position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--color-red-500),var(--color-red-700),var(--color-red-500));content:""}.auth-card__title{margin-top:calc(var(--spacing) * 5);color:var(--color-green-700);font-size:var(--text-2xl);font-weight:var(--font-weight-bold);text-shadow:0 1px 2px rgba(255,255,255,.8)}.auth-card__subtitle{margin-top:calc(var(--spacing) * 3);color:var(--color-gray-700);font-size:var(--text-sm)}.auth-card__subtitle strong{color:var(--color-gray-900);white-space:nowrap}.auth-card__divider{display:flex;gap:calc(var(--spacing) * 3);align-items:center;margin:calc(var(--spacing) * 6) 0}.auth-card__divider:before,.auth-card__divider:after{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--color-green-600));content:""}.auth-card__divider:after{background:linear-gradient(90deg,var(--color-green-600),transparent)}.auth-card__divider svg{width:1.25rem;height:1.25rem;fill:var(--color-green-500)}.auth-card__google-button{display:flex;gap:calc(var(--spacing) * 3);align-items:center;justify-content:center;width:100%;padding:calc(var(--spacing) * 3.5) calc(var(--spacing) * 4);border:2px solid var(--color-green-300);border-radius:var(--radius-xl);background:#dcfce773;color:var(--color-green-700);font-weight:var(--font-weight-medium);transition:background-color .15s,border-color .15s,box-shadow .15s}.auth-card__google-button:hover{border-color:var(--color-green-500);background:#dcfce7cc;box-shadow:0 4px 12px #16a34a33}.auth-card__google-button:focus-visible{outline:2px solid var(--color-green-600);outline-offset:2px}.auth-card__google-button svg{width:1.5rem;height:1.5rem}.auth-card__footer{margin-top:calc(var(--spacing) * 8);color:var(--color-gray-700);font-size:var(--text-sm);line-height:1.6}.auth-card__company{color:var(--color-red-600);font-weight:var(--font-weight-semibold);white-space:nowrap}.stat-card{position:relative;overflow:hidden;padding:calc(var(--spacing) * 6);border-radius:var(--radius-2xl);background:linear-gradient(135deg,var(--color-blue-600),var(--color-blue-700));color:var(--color-white);box-shadow:0 8px 20px #2563eb40}.stat-card:after{position:absolute;top:-2.5rem;right:-2.5rem;width:6.5rem;height:6.5rem;border-radius:9999px;background:var(--stat-card-accent);opacity:.9;content:""}.stat-card--amber{--stat-card-accent: var(--color-amber-300)}.stat-card--rose{--stat-card-accent: var(--color-rose-400)}.stat-card--cyan{--stat-card-accent: var(--color-cyan-300)}.stat-card__value{margin-top:calc(var(--spacing) * 5);font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:1;font-variant-numeric:tabular-nums}.stat-card__label{margin-top:calc(var(--spacing) * 2);font-size:var(--text-sm);font-weight:var(--font-weight-medium);opacity:.9}
