:root{--background:#f3f4f6;--foreground:#333;--card-bg:#ffffff}[data-theme=dark]{--background:#18181b;--foreground:#e5e7eb;--card-bg:#1f2937;--card-shadow:rgba(255,255,255,0.1)}body,html{font-family:Inter,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;background-color:var(--background);color:var(--foreground);transition:background-color .3s,color .3s}.card{background-color:var(--card-bg);border-radius:.375rem;padding:1rem;box-shadow:0 2px 4px var(--card-shadow)}.sidebar{background-color:#1e3a8a;color:white;padding:1rem}.sidebar a{color:white;text-decoration:none;display:flex;align-items:center;margin-bottom:1rem}.sidebar a:hover{background-color:#2b6cb0;padding-left:.5rem}.button-primary{background-color:#10b981;color:white;padding:.75rem 1.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .3s ease}.button-primary:hover{background-color:#059669}*{transition:background-color .3s,color .3s}:root{--bg-color:#ffffff;--text-color:#000000;--card-bg:#f9f9f9;--card-shadow:rgba(0,0,0,0.1)}.dark{--bg-color:#121212;--text-color:#ffffff;--card-bg:#1e1e1e;--card-shadow:rgba(255,255,255,0.1)}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}img{transition:none!important;display:block;opacity:1}.avatar-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}footer{background-color:#f5f5f5;border-top:1px solid #ccc;text-align:center;padding:16px;color:var(--foreground);transition:background-color .3s,color .3s}footer a{color:inherit;text-decoration:none}footer a:hover{text-decoration:underline}body,html{height:100%}#__next{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{position:fixed;top:0;left:0;width:100%;height:60px;background-color:#333;color:white;display:flex;align-items:center;justify-content:center;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.2)}body{margin:0}main{padding-top:60px}.scrollbar-custom::-webkit-scrollbar-thumb{background-color:#9ca3af;border-radius:3px}.scrollbar-custom::-webkit-scrollbar-track{background-color:#f3f4f6}.dark .scrollbar-custom::-webkit-scrollbar-thumb{background-color:#4b5563}.dark .scrollbar-custom::-webkit-scrollbar-track{background-color:#1f2937}.scrollbar-custom::-webkit-scrollbar{width:6px}.scrollbar-custom::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.scrollbar-custom:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.scrollbar-custom::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.scrollbar-custom:is(.dark *)::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}