:root{--bg:#131315;--surface:#131315;--surface-dim:#131315;--surface-container-lowest:#0e0e10;--surface-container-low:#1c1b1d;--surface-container:#201f22;--surface-container-high:#2a2a2c;--surface-container-highest:#353437;--surface-variant:#353437;--surface-bright:#39393b;--primary:#c0c1ff;--primary-container:#8083ff;--primary-fixed:#e1e0ff;--primary-fixed-dim:#c0c1ff;--on-primary:#1000a9;--on-primary-container:#0d0096;--inverse-primary:#494bd6;--secondary:#4edea3;--secondary-container:#00a572;--secondary-fixed:#6ffbbe;--on-secondary:#003824;--tertiary:#ffb95f;--tertiary-container:#ca8100;--tertiary-fixed:#ffddb8;--on-tertiary:#472a00;--error:#ffb4ab;--error-container:#93000a;--on-error:#690005;--on-surface:#e5e1e4;--on-surface-variant:#c7c4d7;--on-background:#e5e1e4;--inverse-surface:#e5e1e4;--inverse-on-surface:#313032;--outline:#908fa0;--outline-variant:#464554;--font-body:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--space-1:.2rem;--space-2:.4rem;--space-3:.6rem;--space-4:.9rem;--space-5:1.1rem;--space-6:1.3rem;--space-8:1.75rem;--space-10:2.25rem;--space-12:2.75rem;--space-16:3.5rem;--space-20:5rem;--space-24:5.5rem;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-primary:0 4px 15px #c0c1ff26;--transition-fast:.15s ease;--transition-base:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--sidebar-width:16rem;--sidebar-collapsed:5rem;--topbar-height:4rem;--max-content:1600px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg);color:var(--on-surface);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}select{appearance:none}img{max-width:100%;display:block}ul,ol{list-style:none}::selection{color:var(--primary);background:#c0c1ff4d}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--outline)}*{scrollbar-width:thin;scrollbar-color:var(--outline-variant) transparent}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none;flex-shrink:0}.icon-filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.text-display-lg{letter-spacing:-.03em;font-size:3.5rem;font-weight:800;line-height:1.1}.text-display-md{letter-spacing:-.02em;font-size:2.75rem;font-weight:800;line-height:1.15}.text-display-sm{letter-spacing:-.02em;font-size:2rem;font-weight:700;line-height:1.2}.text-headline-lg{letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1.25}.text-headline-md{letter-spacing:-.01em;font-size:1.5rem;font-weight:700;line-height:1.3}.text-title-lg{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.text-title-md{font-size:1.125rem;font-weight:600}.text-body-lg{font-size:1rem;font-weight:400;line-height:1.7}.text-body-md{font-size:.875rem;font-weight:400;line-height:1.6}.text-body-sm{font-size:.8125rem;font-weight:400}.text-label-lg{letter-spacing:.01em;font-size:.875rem;font-weight:600}.text-label-md{letter-spacing:.02em;font-size:.75rem;font-weight:600}.text-label-sm{letter-spacing:.06em;text-transform:uppercase;font-size:.6875rem;font-weight:700}.text-mono{font-family:var(--font-mono)}.glass-card{-webkit-backdrop-filter:blur(12px);background:#201f2299}.glass-heavy{-webkit-backdrop-filter:blur(20px);background:#131315cc}.ghost-border{border:1px solid #4645541a}.surface-border{border:1px solid #ffffff0d}.primary-glow{box-shadow:0 0 15px #c0c1ff66}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.3s forwards fadeIn}.animate-fade-in-up{animation:.4s forwards fadeInUp}.animate-fade-in-down{animation:.3s forwards fadeInDown}.animate-slide-in-left{animation:.3s forwards slideInLeft}.animate-slide-in-right{animation:.3s forwards slideInRight}.animate-scale-in{animation:.2s forwards scaleIn}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-spin{animation:1s linear infinite spin}.skeleton{background:linear-gradient(90deg, var(--surface-container-low) 25%, var(--surface-container) 50%, var(--surface-container-low) 75%);border-radius:var(--radius-lg);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}#app{min-height:100vh}.app-layout{min-height:100vh;display:flex}.app-main{min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-main.sidebar-collapsed-margin{margin-left:var(--sidebar-collapsed)}.app-content{padding:var(--space-10);max-width:var(--max-content);flex:1;width:100%;margin:0 auto}.btn{border-radius:var(--radius-xl);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary);color:var(--on-primary);box-shadow:var(--shadow-primary)}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px #c0c1ff40}.btn-secondary{background:var(--surface-container-high);color:var(--on-surface);border:1px solid #ffffff0d}.btn-secondary:hover{background:var(--surface-container-highest)}.btn-ghost{color:var(--on-surface-variant);background:0 0}.btn-ghost:hover{background:#ffffff0d}.btn-danger{background:var(--error-container);color:var(--error)}.btn-icon{border-radius:var(--radius-full);padding:.5rem}.btn-icon:hover{background:#ffffff0d}.btn-sm{padding:.375rem .875rem;font-size:.8125rem}.input-field{background:var(--surface-container-lowest);border-radius:var(--radius-xl);width:100%;color:var(--on-surface);transition:all var(--transition-fast);border:1px solid #ffffff1a;padding:.75rem 1rem;font-size:.875rem}.input-field::placeholder{color:#908fa099}.input-field:focus{border-color:#c0c1ff4d;box-shadow:0 0 0 2px #c0c1ff14}.input-label{color:#94a3b899;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;padding-left:.25rem;font-size:.625rem;font-weight:700;display:block}textarea.input-field{resize:none;min-height:5rem}select.input-field{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23908fa0' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.card{background:var(--surface-container-low);border-radius:var(--radius-2xl);transition:all var(--transition-base);border:1px solid #ffffff0d;padding:1.5rem}.card:hover{border-color:#c0c1ff26}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-2xl);transition:all var(--transition-base);background:#201f2299;border:1px solid #ffffff0d;padding:1.5rem}.badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.08em;font-size:.625rem;font-weight:700;font-family:var(--font-mono);align-items:center;padding:.125rem .5rem;display:inline-flex}.badge-primary{color:var(--primary);background:#c0c1ff1a}.badge-secondary{color:var(--secondary);background:#4edea31a}.badge-tertiary{color:var(--tertiary);background:#ffb95f1a}.badge-error{color:var(--error);background:#ffb4ab1a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-container);border-radius:var(--radius-2xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);border:1px solid #ffffff14;padding:2rem;animation:.2s scaleIn}.toast-container{z-index:300;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--radius-xl);min-width:280px;max-width:420px;box-shadow:var(--shadow-lg);align-items:center;gap:.75rem;padding:.875rem 1.25rem;font-size:.875rem;font-weight:500;animation:.3s slideInRight;display:flex}.toast-success{color:var(--secondary);background:#4edea326;border:1px solid #4edea333}.toast-error{color:var(--error);background:#ffb4ab26;border:1px solid #ffb4ab33}.toast-info{color:var(--primary);background:#c0c1ff26;border:1px solid #c0c1ff33}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-state .material-symbols-outlined{color:var(--outline);font-size:3rem}.loading-screen{background:var(--bg);z-index:999;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid var(--surface-container-high);border-top-color:var(--primary);border-radius:50%;width:2.5rem;height:2.5rem;animation:.8s linear infinite spin}@media (width<=1024px){.app-main{margin-left:0}.app-content{padding:var(--space-6)}}@media (width<=768px){.app-main{margin-left:0!important}.app-content{padding:var(--space-4)}.text-display-lg{font-size:2.25rem}.text-display-md{font-size:2rem}.text-display-sm{font-size:1.5rem}.text-headline-lg{font-size:1.375rem}}@media (width<=480px){.app-content{padding:var(--space-3)}.text-display-lg{font-size:1.75rem}}.sidebar{height:100vh;width:var(--sidebar-width);-webkit-backdrop-filter:blur(20px);z-index:50;transition:width var(--transition-base);background:#131315cc;border-right:1px solid #ffffff0d;flex-direction:column;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 0 40px #00000080}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__nav-label,.sidebar--collapsed .sidebar__user-info,.sidebar--collapsed .sidebar__subtitle{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar--collapsed .sidebar__header{justify-content:center;padding:0 .75rem}.sidebar--collapsed .sidebar__nav-item{justify-content:center;padding:.75rem}.sidebar--collapsed .sidebar__footer{padding:0 .75rem}.sidebar--collapsed .sidebar__user{justify-content:center}.sidebar--collapsed .sidebar__toggle span{transform:rotate(180deg)}.sidebar__header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding:0 1.5rem;display:flex}.sidebar__brand{align-items:center;gap:.625rem;display:flex;overflow:hidden}.sidebar__logo{border-radius:var(--radius-md);background:var(--primary);width:2rem;height:2rem;color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:800;display:flex;box-shadow:0 0 15px #c0c1ff66}.sidebar__brand-text{white-space:nowrap;transition:opacity .2s,width .2s}.sidebar__title{letter-spacing:-.03em;color:var(--primary);font-size:1.25rem;font-weight:800;line-height:1.2}.sidebar__subtitle{text-transform:uppercase;letter-spacing:.1em;color:var(--outline);font-size:.625rem;font-weight:500}.sidebar__toggle{border-radius:var(--radius-lg);color:#94a3b899;transition:all var(--transition-fast);padding:.375rem;display:none}.sidebar__toggle:hover{color:var(--on-surface);background:#ffffff0d}.sidebar__toggle span{transition:transform var(--transition-base);font-size:1.25rem}.sidebar__close-mobile{border-radius:var(--radius-lg);color:#94a3b899;padding:.375rem;display:none}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:0 .75rem;display:flex;overflow:hidden auto}.sidebar__nav-item{border-radius:var(--radius-lg);letter-spacing:-.01em;color:#94a3b8b3;transition:all var(--transition-base);white-space:nowrap;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.sidebar__nav-item:hover{color:#e2e8f0e6;background:#ffffff0d}.sidebar__nav-item:active{transform:scale(.98)}.sidebar__nav-item--active{color:var(--primary);border-right:2px solid var(--primary);background:#c0c1ff1a}.sidebar__nav-label{transition:opacity .2s}.sidebar__footer{border-top:1px solid #ffffff0d;margin-top:auto;padding:1.5rem .75rem 0}.sidebar__user{border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem;display:flex;overflow:hidden}.sidebar__user:hover{background:#ffffff0d}.sidebar__avatar{background:linear-gradient(135deg, var(--primary-container), var(--primary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.8125rem;font-weight:700;display:flex}.sidebar__user-info{transition:opacity .2s;overflow:hidden}.sidebar__user-name{color:var(--on-surface);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:600;overflow:hidden}.sidebar__user-plan{color:#94a3b880;font-size:.625rem}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0009;position:fixed;inset:0}.sidebar-overlay--visible{opacity:1;pointer-events:auto}@media (width>=1025px){.sidebar__toggle{display:flex}.sidebar__close-mobile{display:none}}@media (width<=1024px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar--mobile-open{transform:translate(0)}.sidebar__close-mobile{display:flex}.sidebar__toggle{display:none}.sidebar--collapsed .sidebar__brand-text,.sidebar--collapsed .sidebar__nav-label,.sidebar--collapsed .sidebar__user-info{opacity:1;pointer-events:auto;width:auto}.sidebar--collapsed .sidebar__nav-item{justify-content:flex-start;padding:.75rem 1rem}}.topbar{z-index:40;height:var(--topbar-height);-webkit-backdrop-filter:blur(12px);background:#13131599;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.topbar__left{flex:1;align-items:center;gap:1rem;max-width:32rem;display:flex}.topbar__menu-btn{border-radius:var(--radius-lg);color:#94a3b8b3;transition:all var(--transition-fast);padding:.5rem;display:none}.topbar__menu-btn:hover{color:var(--primary);background:#ffffff0d}.topbar__search{width:100%;position:relative}.topbar__search-icon{color:#94a3b880;pointer-events:none;font-size:1.125rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.topbar__search-input{background:var(--surface-container-lowest);border-radius:var(--radius-full);width:100%;color:var(--on-surface);transition:all var(--transition-fast);padding:.5rem 1rem .5rem 2.5rem;font-size:.875rem}.topbar__search-input::placeholder{color:#94a3b866}.topbar__search-input:focus{box-shadow:0 0 0 1px #c0c1ff4d}.topbar__right{align-items:center;gap:.5rem;display:flex}.topbar__icon-btn{color:#94a3b8b3;transition:all var(--transition-fast);border-radius:50%;padding:.5rem;position:relative}.topbar__icon-btn:hover{color:var(--primary);background:#ffffff0d}.topbar__badge{background:var(--error);border:2px solid var(--surface);width:.5rem;height:.5rem;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:.25rem;right:.25rem}.topbar__icon-btn:hover .topbar__badge{transform:scale(1.2)}.topbar__user-avatar{background:linear-gradient(135deg, var(--primary-container), var(--primary));color:#fff;cursor:pointer;width:2rem;height:2rem;transition:all var(--transition-fast);border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.topbar__user-avatar:hover{box-shadow:var(--shadow-sm);transform:scale(1.05)}.topbar__notifications-wrapper{position:relative}.topbar__notifications-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);width:22rem;box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:100;background:#1e1e20f2;border:1px solid #ffffff1a;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;transform:translateY(-10px)}.topbar__notifications-popover--active{opacity:1;visibility:visible;transform:translateY(0)}.topbar__notifications-header{background:#0003;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.topbar__notifications-list{max-height:24rem;padding:.5rem 0;overflow-y:auto}.topbar__notification-item{cursor:pointer;transition:background var(--transition-fast);border-left:3px solid #0000;gap:1rem;padding:1rem 1.25rem;display:flex}.topbar__notification-item:hover{background:#ffffff08}.topbar__notification-item--unread{border-left-color:var(--primary);background:#c0c1ff08}.topbar__notification-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.topbar__notification-content{flex:1}.topbar__notification-title{color:var(--on-surface);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.topbar__notification-desc{color:var(--outline);margin-bottom:.5rem;font-size:.75rem;line-height:1.4}.topbar__notification-time{color:var(--outline);font-size:.625rem;font-family:var(--font-mono)}@media (width<=1024px){.topbar{left:0}.topbar__menu-btn{display:flex}}@media (width<=640px){.topbar__search{display:none}.topbar__notifications-popover{top:var(--topbar-height);width:auto;position:fixed;left:1rem;right:1rem}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.auth-card{background:var(--surface-container);border-radius:var(--radius-3xl);z-index:2;border:1px solid #ffffff0f;width:100%;max-width:420px;padding:2.5rem;position:relative;box-shadow:0 24px 80px #00000080}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{border-radius:var(--radius-xl);background:var(--primary);width:3.5rem;height:3.5rem;color:var(--on-primary);justify-content:center;align-items:center;margin-bottom:1rem;font-size:1.75rem;font-weight:900;display:inline-flex;box-shadow:0 0 30px #c0c1ff4d}.auth-title{letter-spacing:-.03em;color:var(--primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:800}.auth-subtitle{color:var(--outline);font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.25rem;display:flex}.auth-error{color:var(--error);min-height:1rem;font-size:.75rem}.auth-error-global{color:var(--error);text-align:center;border-radius:var(--radius-lg);background:#ffb4ab14;min-height:1.25rem;padding:.5rem;font-size:.8125rem}.auth-error-global:empty{display:none}.auth-submit{width:100%;margin-top:.5rem;padding:.875rem;font-size:.9375rem}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;color:var(--outline);margin-top:1.5rem;font-size:.875rem}.auth-link{color:var(--primary);transition:opacity var(--transition-fast);font-weight:600}.auth-link:hover{opacity:.8;text-decoration:underline}.auth-decorative{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-glow{filter:blur(120px);border-radius:50%;position:absolute}.auth-glow--1{background:#c0c1ff14;width:400px;height:400px;top:-100px;right:-100px}.auth-glow--2{background:#4edea30f;width:300px;height:300px;bottom:-80px;left:-80px}@media (width<=480px){.auth-card{padding:1.75rem}}.dashboard{max-width:1400px}.dashboard__welcome{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;display:flex}.dashboard__welcome h2{margin-bottom:.5rem}.dashboard__welcome-sub{color:var(--outline);max-width:32rem;font-size:1.125rem}.dashboard__welcome-actions{gap:.75rem;display:flex}.dashboard__stats{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{border-radius:var(--radius-2xl);height:12rem;transition:all var(--transition-base);border:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;padding:1.5rem;display:flex}.stat-card:hover{border-color:#c0c1ff26;transform:translateY(-2px)}.stat-card__header{justify-content:space-between;align-items:flex-start;display:flex}.stat-card__icon{border-radius:var(--radius-lg);padding:.5rem}.stat-card__icon--primary{color:var(--primary);background:#c0c1ff1a}.stat-card__icon--secondary{color:var(--secondary);background:#4edea31a}.stat-card__icon--tertiary{color:var(--tertiary);background:#ffb95f1a}.stat-card__value{margin-bottom:.25rem;font-size:2.5rem;font-weight:800;line-height:1}.stat-card__label{color:var(--outline);font-size:.875rem;font-weight:500}.dashboard__grid{grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:3rem;display:grid}.dashboard__section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.dashboard__see-all{color:var(--primary);font-size:.75rem;font-weight:600}.dashboard__see-all:hover{text-decoration:underline}.dashboard__bookmark-list{flex-direction:column;gap:.75rem;display:flex}.dashboard__bookmark-item{background:var(--surface-container-low);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;border:1px solid #0000;justify-content:space-between;align-items:center;padding:1rem;display:flex}.dashboard__bookmark-item:hover{background:var(--surface-container-high);border-color:#ffffff0d}.dashboard__bookmark-info{align-items:center;gap:1rem;display:flex}.dashboard__bookmark-icon{border-radius:var(--radius-lg);background:var(--surface-container-highest);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.dashboard__bookmark-title{margin-bottom:.125rem;font-size:.875rem;font-weight:600}.dashboard__bookmark-url{color:var(--outline);font-size:.75rem}.dashboard__bookmark-meta{align-items:center;gap:1rem;display:flex}.dashboard__ai-card{height:100%}.dashboard__ai-gradient{border-radius:var(--radius-2xl);background:linear-gradient(135deg,#c0c1ff26,#0000);height:100%;padding:2px}.dashboard__ai-content{background:var(--surface-container-low);border-radius:var(--radius-2xl);border:1px solid #ffffff0d;height:100%;padding:2rem}.dashboard__ai-icon{background:var(--primary);border-radius:var(--radius-xl);width:3rem;height:3rem;color:var(--on-primary);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex;box-shadow:0 8px 24px #c0c1ff33}.dashboard__ai-prompts{flex-direction:column;gap:.75rem;display:flex}.dashboard__ai-prompt{background:var(--surface-container-lowest);border-radius:var(--radius-lg);border:1px solid #ffffff0d;align-items:center;gap:.75rem;padding:.75rem;display:flex}.dashboard__quicklook-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=1024px){.dashboard__grid{grid-template-columns:1fr}.dashboard__stats,.dashboard__quicklook-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.dashboard__stats,.dashboard__quicklook-grid{grid-template-columns:1fr}.dashboard__welcome-actions{width:100%}.dashboard__welcome-actions .btn{flex:1}}.bookmarks-page{max-width:1400px}.bookmarks__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:3rem;display:flex}.bookmarks__filters{flex-wrap:wrap;gap:.75rem;margin-bottom:2rem;display:flex}.bookmarks__filter{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-container);color:var(--outline);transition:all var(--transition-fast);border:1px solid #ffffff0d;padding:.5rem 1.25rem;font-size:.75rem;font-weight:700}.bookmarks__filter:hover{background:var(--surface-container-high);color:var(--on-surface-variant)}.bookmarks__filter--active{color:var(--primary);background:#c0c1ff1a;border-color:#c0c1ff33}.bookmarks__grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:4rem;display:grid}.bookmarks__card{border-radius:var(--radius-2xl);height:100%;transition:all var(--transition-base);flex-direction:column;padding:1.5rem;display:flex}.bookmarks__card:hover{border-color:#c0c1ff33}.bookmarks__card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.bookmarks__card-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.bookmarks__card-icon--primary{color:var(--primary);background:#c0c1ff1a}.bookmarks__card-icon--secondary{color:var(--secondary);background:#4edea31a}.bookmarks__card-icon--tertiary{color:var(--tertiary);background:#ffb95f1a}.bookmarks__card-title{transition:color var(--transition-fast);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.bookmarks__card:hover .bookmarks__card-title{color:var(--primary)}.bookmarks__card-desc{color:var(--outline);flex:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.bookmarks__card-footer{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.bookmarks__card-link{color:var(--primary);transition:transform var(--transition-fast);align-items:center;gap:.375rem;font-size:.75rem;font-weight:700;display:flex}.bookmarks__card-link:hover{transform:translate(4px)}.bookmarks__form-section{border-radius:var(--radius-3xl);background:#1c1b1d80;border:1px solid #ffffff0d;max-width:56rem;margin:0 auto;padding:2rem}.bookmarks__form-header{margin-bottom:2rem}.bookmarks__form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.bookmarks__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bookmarks__grid,.bookmarks__form-grid{grid-template-columns:1fr}}.snippets-page{height:calc(100vh - var(--topbar-height));margin:calc(var(--space-10) * -1);display:flex}.snippets__list{background:#0e0e104d;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:20rem;display:flex}.snippets__list-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.snippets__items{flex-direction:column;flex:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.snippets__item{border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);background:var(--surface-container-low);padding:1rem}.snippets__item:hover{background:var(--surface-container-high)}.snippets__item--active{background:var(--surface-container-high);border-left:4px solid var(--primary)}.snippets__editor{background:var(--surface);flex-direction:column;flex:1;min-width:0;padding:1.5rem;display:flex;overflow:hidden}.snippets__editor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.snippets__title-input{letter-spacing:-.01em;color:var(--on-surface);background:0 0;border:none;width:100%;padding:0;font-size:1.25rem;font-weight:700}.snippets__title-input:focus{outline:none}.snippets__code-surface{border-radius:var(--radius-2xl);background:var(--surface-container-lowest);border:1px solid #ffffff0d;flex-direction:column;flex:1;display:flex;overflow:hidden}.snippets__tab-bar{background:#3534374d;border-bottom:1px solid #ffffff0d;align-items:center;gap:.5rem;height:2.5rem;padding:0 1rem;display:flex}.snippets__tab{border-radius:var(--radius-md) var(--radius-md) 0 0;font-size:.75rem;font-family:var(--font-mono);color:var(--outline);align-items:center;gap:.5rem;padding:.375rem .75rem;display:flex}.snippets__tab--active{background:var(--surface-container-highest);color:var(--primary);border:1px solid #ffffff1a;border-bottom:none}.snippets__code-area{flex:1;display:flex;overflow:auto}.snippets__line-numbers{width:3rem;color:var(--outline);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;align-items:center;padding:1.5rem 0;font-size:.8125rem;line-height:1.7;display:flex}.snippets__code-input{font-family:var(--font-mono);color:var(--secondary);resize:none;white-space:pre;overflow-wrap:normal;tab-size:2;background:0 0;border:none;outline:none;flex:1;padding:1.5rem;font-size:.8125rem;line-height:1.7}.snippets__status-bar{height:2rem;font-size:.625rem;font-family:var(--font-mono);color:var(--outline);background:#35343733;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:0 1rem;display:flex}.snippets__copy-text{display:inline}@media (width<=768px){.snippets-page{height:auto;min-height:calc(100vh - var(--topbar-height));flex-direction:column}.snippets__list{border-bottom:1px solid #ffffff0d;border-right:none;width:100%;height:40vh}.snippets__editor{min-height:60vh}.snippets__copy-text{display:none}}.notes-page{height:calc(100vh - var(--topbar-height));margin:calc(var(--space-10) * -1);display:flex}.notes__list{background:#0e0e104d;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:20rem;display:flex}.notes__list-header{background:#0e0e1080;border-bottom:1px solid #ffffff0d;padding:1rem 1.5rem}.notes__items{flex:1;padding:.5rem 0;overflow-y:auto}.notes__item{cursor:pointer;transition:all var(--transition-fast);border-left:4px solid #0000;padding:1rem}.notes__item:hover{background:#ffffff08}.notes__item--active{border-left-color:var(--primary);background:#c0c1ff0d}.notes__item-date{color:var(--outline);font-size:.625rem;font-family:var(--font-mono)}.notes__item-title{color:var(--on-surface-variant);margin-bottom:.375rem;font-size:.875rem;font-weight:600;line-height:1.3}.notes__item--active .notes__item-title{color:var(--on-surface)}.notes__item-preview{color:var(--outline);font-size:.75rem;line-height:1.5}.notes__editor{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.notes__editor-bg{filter:blur(100px);pointer-events:none;background:#c0c1ff0a;border-radius:50%;width:24rem;height:24rem;position:absolute;top:-10rem;right:-10rem}.notes__editor-header{z-index:1;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem 2.5rem;display:flex;position:relative}.notes__title-input{letter-spacing:-.02em;color:var(--on-surface);background:0 0;border:none;width:100%;padding:0;font-size:2rem;font-weight:800}.notes__title-input:focus{outline:none}.notes__toolbar{background:#1c1b1d33;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;gap:.25rem;padding:.5rem 2.5rem;display:flex;overflow-x:auto}.notes__tool-btn{border-radius:var(--radius-md);color:var(--on-surface-variant);transition:all var(--transition-fast);padding:.5rem}.notes__tool-btn:hover{color:var(--on-surface);background:#ffffff1a}.notes__tool-btn .material-symbols-outlined{font-size:1.125rem}.notes__tool-divider{background:#ffffff1a;width:1px;height:1rem;margin:0 .5rem}.notes__content{flex:1;padding:2rem 2.5rem;overflow-y:auto}.notes__editor-area{max-width:48rem;color:var(--on-surface-variant);outline:none;min-height:100%;margin:0 auto;font-size:1rem;line-height:1.8}.notes__editor-area h3{color:var(--primary);margin:2rem 0 .75rem;font-size:1.25rem;font-weight:600}.notes__editor-area strong{color:var(--on-surface)}.notes__editor-area pre{background:var(--surface-container-highest);border-radius:var(--radius-xl);font-family:var(--font-mono);color:var(--secondary);border:1px solid #ffffff0d;margin:1.5rem 0;padding:1.5rem;font-size:.875rem;overflow-x:auto}.notes__editor-area ul,.notes__editor-area ol{padding-left:1.5rem}.notes__editor-area li{margin-bottom:.5rem}.notes__editor-area a{color:var(--primary);text-decoration:underline}.notes__footer{color:var(--outline);background:#0e0e104d;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1rem 2.5rem;font-size:.75rem;display:flex}.notes__save-status{font-family:var(--font-mono);color:var(--secondary);align-items:center;gap:.375rem;font-size:.6875rem;display:flex}@media (width<=768px){.notes-page{height:auto;min-height:calc(100vh - var(--topbar-height));flex-direction:column}.notes__list{border-bottom:1px solid #ffffff0d;border-right:none;width:100%;height:35vh}.notes__list-title-text{display:none}.notes__editor-header{padding:1rem 1.5rem}.notes__title-input{font-size:1.375rem}.notes__toolbar{padding:.5rem 1.5rem}.notes__content{padding:1.5rem}.notes__footer{flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem}}.ai-page{height:calc(100vh - var(--topbar-height));margin:calc(var(--space-10) * -1);background:radial-gradient(circle,#c0c1ff0a 0%,#0000 70%);flex-direction:column;display:flex;position:relative;overflow:hidden}.ai__chat{flex:1;padding:2.5rem 2rem;overflow-y:auto}.ai__welcome{text-align:center;flex-direction:column;align-items:center;max-width:40rem;margin:0 auto;padding:3rem 0;display:flex}.ai__welcome-icon{border-radius:var(--radius-2xl);background:var(--surface-container-highest);width:5rem;height:5rem;color:var(--primary);box-shadow:var(--shadow-xl);justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.ai__suggestions{grid-template-columns:1fr 1fr;gap:.75rem;width:100%;margin-top:2rem;display:grid}.ai__suggestion{border-radius:var(--radius-xl);background:var(--surface-container-low);text-align:left;transition:all var(--transition-fast);border:1px solid #ffffff0d;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.ai__suggestion:hover{background:var(--surface-container-high);border-color:#c0c1ff33}.ai__messages{flex-direction:column;gap:2.5rem;max-width:56rem;margin:0 auto;display:flex}.ai__msg{align-items:flex-start;gap:1rem;display:flex}.ai__msg--user{flex-direction:row-reverse}.ai__msg-avatar{background:linear-gradient(135deg, var(--primary-container), var(--primary));color:#fff;width:2.5rem;height:2.5rem;box-shadow:var(--shadow-md);border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.ai__msg-avatar--ai{background:var(--surface-container-highest);color:var(--primary);border:1px solid #c0c1ff33;box-shadow:0 0 15px #c0c1ff26}.ai__msg-content{flex-direction:column;gap:.5rem;max-width:80%;display:flex}.ai__msg--user .ai__msg-content{align-items:flex-end}.ai__msg-bubble{border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);padding:1rem 1.25rem;font-size:.875rem;line-height:1.6}.ai__msg-bubble--user{background:#c0c1ff1a;border:1px solid #c0c1ff33;border-top-right-radius:0}.ai__msg-bubble--ai{background:var(--surface-container-low);border:1px solid #ffffff0d;border-top-left-radius:0}.ai__msg-text{color:var(--on-surface-variant);font-size:.875rem;line-height:1.7}.ai__msg-text ul{margin:.5rem 0;padding-left:1.25rem}.ai__msg-text li{margin-bottom:.5rem;list-style-type:disc}.ai__msg-time{color:var(--outline);font-size:.625rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.ai__msg-actions{gap:.25rem;display:flex}.ai__msg-actions .btn-icon{color:var(--outline)}.ai__msg-actions .btn-icon:hover{color:var(--on-surface)}.ai__input-area{background:linear-gradient(to top, var(--bg), #131315f2, transparent);padding:1rem 2rem 2rem}.ai__input-wrapper{max-width:56rem;margin:0 auto}.ai__input-box{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);transition:border-color var(--transition-fast);background:#2a2a2ccc;border:1px solid #ffffff1a;align-items:flex-end;gap:.5rem;padding:.5rem;display:flex}.ai__input-box:focus-within{border-color:#c0c1ff4d}.ai__input-tools{align-items:center;gap:.25rem;padding-bottom:.25rem;padding-left:.25rem;display:flex}.ai__input-tools .btn-icon{color:var(--outline)}.ai__input-tools .btn-icon:hover{color:var(--primary)}.ai__input{color:var(--on-surface);resize:none;background:0 0;border:none;flex:1;max-height:12rem;padding:.75rem .5rem;font-size:.875rem;line-height:1.5}.ai__input::placeholder{color:#908fa080}.ai__send-btn{border-radius:var(--radius-xl);padding:.625rem 1.25rem;box-shadow:0 4px 15px #c0c1ff4d}.ai__input-footer{color:#908fa080;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-top:.75rem;padding:0 .5rem;font-size:.625rem;display:flex}@media (width<=768px){.ai__suggestions{grid-template-columns:1fr}.ai__chat{padding:1.5rem 1rem}.ai__input-area{padding:.75rem 1rem 1.5rem}.ai__send-text,.ai__model-text,.ai__shortcut-text{display:none}.ai__msg-content{max-width:85%}}