@import"https://fonts.googleapis.com/css2?family=UnifrakturMaguntia&display=swap";:root{--surface: #ffffff;--surface-dim: #f5f5f5;--surface-container-lowest: #ffffff;--surface-container-low: #f9f9f9;--surface-container: #f0f0f0;--surface-container-high: #e8e8e8;--on-surface: #1a1b22;--on-surface-variant: #4c4546;--outline: #d1d1d1;--outline-variant: #e0e0e0;--primary: #000000;--on-primary: #ffffff;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;user-select:none;-webkit-user-select:none}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select{font-family:inherit;outline:none}.container-center{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem;overflow:hidden}.card{background-color:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:16px;padding:1.5rem}.btn-primary{background-color:var(--primary);color:var(--on-primary);padding:.75rem 1.5rem;border-radius:10px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;transition:opacity .2s}.btn-primary:hover{opacity:.8}.btn-secondary{background-color:transparent;color:var(--on-surface);border:1px solid var(--outline-variant);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;transition:background-color .2s}.btn-secondary:hover{background-color:var(--surface-container)}.btn-dark-outline{background-color:transparent;color:var(--on-primary);border:1px solid #333333;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .2s;width:100%}.btn-dark-outline:hover{background-color:#333}.input-group{margin-bottom:1rem}.input-label{display:block;font-size:.75rem;font-weight:600;margin-bottom:.35rem;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em}.input-field{width:100%;padding:.6rem;border:1px solid var(--outline-variant);border-radius:8px;font-size:.875rem;background-color:transparent}.input-field:focus{border-color:var(--primary)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{background-color:var(--surface-container-low);border-right:1px solid var(--outline-variant);display:flex;flex-direction:column;transition:width .3s ease;overflow:hidden}.sidebar.open{width:260px;padding:1.5rem 1rem}.sidebar.closed{width:0;padding:0;border-right:none}.sidebar-logo{font-size:1.125rem;font-weight:700;margin-bottom:.25rem;padding:0 .5rem;white-space:nowrap}.sidebar-subtitle{font-size:.7rem;color:var(--on-surface-variant);margin-bottom:2rem;padding:0 .5rem;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:8px;color:var(--on-surface-variant);font-weight:500;font-size:.875rem;transition:background-color .2s;white-space:nowrap}.nav-item.active{background-color:var(--primary);color:var(--on-primary)}.nav-item:hover:not(.active){background-color:var(--surface-container-high)}.main-content{flex:1;padding:1.5rem 2rem;overflow:hidden;display:flex;flex-direction:column;min-width:0}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-shrink:0}.page-title{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.page-subtitle{font-size:.875rem;color:var(--on-surface-variant)}.verified-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:20px;font-size:.7rem;font-weight:600;background-color:#ecfdf5;color:#059669;border:1px solid #34d399}.bento-container{flex:1;display:grid;gap:1rem;overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}.bento-container::-webkit-scrollbar{display:none}@media(max-width:768px){.layout{flex-direction:column;height:auto;min-height:100vh;overflow:auto}.sidebar{width:100%!important;padding:1rem!important;border-right:none;border-bottom:1px solid var(--outline-variant);position:sticky;top:0;z-index:10;background:var(--surface);height:auto}.sidebar-nav{flex-direction:row;overflow-x:auto;padding-bottom:.5rem;margin-bottom:-.5rem}.sidebar-subtitle{display:none}.main-content{padding:1.5rem 1rem;overflow:visible}.bento-container{display:flex;flex-direction:column;overflow:visible}}