@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f3f4f6;color:#111827;font-family:var(--font-primary);font-size:14px;line-height:1.5;min-height:100vh}@media(min-width:768px){.layout-sidebar-collapsed .max-w-5xl,.layout-sidebar-collapsed .max-w-6xl,.layout-sidebar-collapsed .max-w-7xl{max-width:calc(100vw - 5rem)!important}.layout-sidebar-expanded .max-w-5xl,.layout-sidebar-expanded .max-w-6xl,.layout-sidebar-expanded .max-w-7xl{max-width:calc(100vw - 16rem)!important}}html{scrollbar-color:#9ca3af #f3f4f6;scrollbar-width:thin}html::-webkit-scrollbar{height:8px;width:8px}html::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}html::-webkit-scrollbar-thumb{background:#9ca3af;border:1px solid #f3f4f6;border-radius:4px}html::-webkit-scrollbar-thumb:hover{background:#6b7280}html::-webkit-scrollbar-thumb:active{background:#4b5563}html::-webkit-scrollbar-corner{background:#f3f4f6}.layout-container{min-height:100vh}.main-content{margin-left:0;padding-top:5rem;padding-inline:1rem;transition:all .3s ease-in-out}@media(min-width:768px){.layout-sidebar-collapsed .main-content{margin-left:5rem;padding-inline:1.5rem}.layout-sidebar-expanded .main-content{margin-left:16rem;padding-inline:1.5rem}.md-hidden{display:none}}@media(min-width:1024px){.lg-hidden{display:none}}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000;inset:0;opacity:.5;position:fixed;z-index:50}.sidebar{background-color:#111827;color:#fff;display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:all .3s ease-in-out;width:16rem;z-index:50}@media(min-width:768px){.sidebar{display:block}.sidebar-collapsed{width:5rem}}.sidebar-mobile-hidden{display:none}.sidebar-mobile-open{display:block;width:16rem}@media(min-width:768px){.sidebar-mobile-hidden,.sidebar-mobile-open{display:block}}.sidebar-header{border-bottom:1px solid #1f2937;padding:1rem}.sidebar-logo{align-items:center;display:flex;justify-content:center}.sidebar-logo-content{align-items:center;display:flex;width:100%}.sidebar-logo-content-collapsed{justify-content:center}.sidebar-logo-content-expanded{justify-content:space-between}.sidebar-logo-text{color:#fff;font-size:1.25rem;font-weight:700}.sidebar-toggle{color:#9ca3af;cursor:pointer;height:1.25rem;transition:color .15s ease-in-out;width:1.25rem}.sidebar-toggle:hover{color:#fff}.sidebar-nav{height:calc(100vh - 17.5rem);overflow-y:auto;padding:1.5rem 1rem;scrollbar-color:#9ca3af #f3f4f6;scrollbar-width:thin}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#9ca3af4d;border:none;border-radius:2px;-webkit-transition:all .2s ease;transition:all .2s ease}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af99;transform:scaleX(1.2)}.sidebar-nav::-webkit-scrollbar-thumb:active{background:#d1d5dbcc}.sidebar-nav::-webkit-scrollbar-corner{background:transparent}.sidebar-nav-list{color:#fff;display:flex;flex-direction:column;gap:.5rem;list-style-type:none;min-height:0;padding:0 0 1.5rem;padding-inline:0;padding-top:0}.sidebar-nav-item{align-items:center;border-radius:.5rem;color:#fff;display:flex;gap:.75rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .15s ease-in-out}.sidebar-nav-item-active,.sidebar-nav-item:hover{background-color:#1f2937}.sidebar-nav-item-icon{height:1.25rem;width:1.25rem}.sidebar-nav-text{font-family:var(--font-primary);font-size:.875rem;font-weight:500}.sidebar-settings-toggle{cursor:pointer}.sidebar-settings-submenu{display:flex;flex-direction:column;gap:.25rem;list-style-type:none;margin-left:2rem;margin-top:.5rem;padding-inline:0;text-decoration:none}.sidebar-settings-submenu-item{align-items:center;color:#d1d5db;display:flex;font-size:.875rem;padding:.25rem .75rem;text-decoration:none;transition:color .15s ease-in-out}.sidebar-settings-submenu-item:hover{color:#fff}.sidebar-settings-submenu-item-active{color:#c4b5fd}.sidebar-footer{border-top:1px solid #1f2937;flex-shrink:0;padding:1rem}.sidebar-storage-card{background-color:#1f2937;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.sidebar-storage-title{color:#fff;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.sidebar-storage-text{color:#d1d5db;font-size:.75rem;margin-bottom:.75rem}.sidebar-upgrade-btn{align-items:center;background-color:#9333ea;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;padding:.25rem .75rem;transition:background-color .15s ease-in-out}.sidebar-upgrade-btn:hover{background-color:#7e22ce}.sidebar-upgrade-btn-icon{height:.75rem;width:.75rem}.sidebar-help-link{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.5rem .75rem;transition:background-color .15s ease-in-out}.sidebar-help-link:hover{background-color:#1f2937}.sidebar-help-icon{color:#9ca3af;height:1.25rem;width:1.25rem}.sidebar-help-text{color:#d1d5db;font-size:.875rem}.dashboard-container{margin:0 auto;max-width:80rem}@media(min-width:1024px){.dashboard-container{max-width:80rem}}.dashboard-header{margin-bottom:2rem}.dashboard-title{color:#111827;font-size:1.875rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.5rem}.dashboard-subtitle{color:#4b5563}.dashboard-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stats-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;padding:1.5rem}.stats-card-content{align-items:center;display:flex}.stats-icon-container{border-radius:9999px;margin-right:1rem;padding:.75rem}.stats-icon-container-green{background-color:#dcfce7}.stats-icon-container-blue{background-color:#dbeafe}.stats-icon-container-purple{background-color:#f3e8ff}.stats-icon-green{color:#16a34a;height:1.5rem;width:1.5rem}.stats-icon-blue{color:#2563eb;height:1.5rem;width:1.5rem}.stats-icon-purple{color:#9333ea;height:1.5rem;width:1.5rem}.stats-content{flex:1}.stats-label{color:#6b7280;font-size:.875rem;font-weight:500}.stats-value{color:#111827;font-size:1.5rem;font-variant-numeric:tabular-nums;font-weight:600}.page-container{margin:0 auto;max-width:80rem}.page-header{margin-bottom:2rem}.page-title{color:#111827;font-size:1.875rem;font-weight:600;letter-spacing:-.025em;margin-bottom:.5rem}.page-subtitle{color:#4b5563}.page-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;padding:2rem;text-align:center}.page-card-icon{color:#9ca3af;height:4rem;margin:0 auto 1rem;width:4rem}.page-card-title{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.page-card-text{color:#4b5563}code,pre{font-family:var(--font-mono);font-size:13px}