:root{--bg-color:#0e1521;--surface-1:#16233a;--surface-2:#1d2e48;--text-color:#dce6f5;--text-muted:#7a90b0;--accent-color:#2dd87a;--accent-hover-bg:rgba(45,216,122,0.1);--header-bg:#0e1521;--border-color:rgba(255,255,255,0.07);--outline-color:rgba(255,255,255,0.13);--shadow:0 2px 12px rgba(0,0,0,0.35);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;--header-height:4rem;--mobile-breakpoint:768px}:root[data-theme=light]{--bg-color:#f0f2f7;--surface-1:#ffffff;--surface-2:#e4e8f0;--text-color:#1c202e;--text-muted:#5a6680;--accent-color:#0d9e5c;--accent-hover-bg:rgba(13,158,92,0.08);--header-bg:#ffffff;--border-color:rgba(0,0,0,0.07);--outline-color:rgba(0,0,0,0.14);--shadow:0 2px 12px rgba(0,0,0,0.08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%}body{min-height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);line-height:1.5;overflow-x:hidden;position:relative;padding-top:var(--header-height);transition:background-color .2s ease,color .2s ease}.main-content{min-height:calc(100vh - var(--header-height));padding:1rem;max-width:100%;margin:0 auto;width:100%}h1,h2,h3{color:var(--text-color);line-height:1.2;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}button{background-color:transparent;color:var(--accent-color);border:2px solid var(--outline-color);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;font-size:1rem;-webkit-appearance:none;touch-action:manipulation;min-height:48px;min-width:48px}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){background-color:var(--accent-hover-bg);color:var(--accent-color);border-color:var(--accent-color)}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageIn .22s ease forwards}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-1) 50%,var(--surface-2) 75%);background-size:800px 100%;animation:shimmer 1.4s linear infinite;border-radius:6px}.header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow);z-index:1000;height:var(--header-height);transition:background-color .2s ease,border-color .2s ease}.logo-button{font-size:1.5rem;font-weight:700;background:none;border:none;color:var(--accent-color);cursor:pointer;padding:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60%;min-height:unset;min-width:unset}.logo-button:hover:not(:disabled){background-color:transparent;border-color:transparent;opacity:.8}.theme-toggle{background:transparent;border:1px solid var(--outline-color);color:var(--text-muted);border-radius:8px;padding:.4rem .6rem;min-height:unset;min-width:unset;display:flex;align-items:center;justify-content:center;transition:color .2s ease,border-color .2s ease,background-color .2s ease}.theme-toggle:hover:not(:disabled){color:var(--accent-color);border-color:var(--accent-color);background-color:var(--accent-hover-bg)}.nav-links{transition:all .3s ease}.nav-link,.nav-links{display:flex;align-items:center;gap:.5rem}.nav-link{white-space:nowrap;font-size:.9rem;padding:.5rem .75rem;min-height:unset;border:none;color:var(--text-muted);font-weight:500}.nav-link:hover:not(:disabled){background-color:var(--accent-hover-bg);color:var(--accent-color);border-color:transparent}.user-email{font-size:.85rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:.5rem;min-height:unset;min-width:unset;z-index:1001}.hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:20px;position:relative}.hamburger span{display:block;width:100%;height:2px;background-color:var(--text-color);transition:all .3s ease;border-radius:2px}.hamburger.open span:first-child{transform:translateY(9px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.container{max-width:100%;width:100%;margin:0 auto;padding:1rem;border:1px solid var(--border-color);border-radius:12px;background-color:var(--surface-1);box-shadow:var(--shadow);box-sizing:border-box}@media (min-width:768px){.container{max-width:800px;margin:2rem auto}.container,.main-content{padding:2rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}}@media (max-width:767px){.header{padding:0 .5rem}.nav-links{position:fixed;top:var(--header-height);right:-100%;width:80%;max-width:300px;height:calc(100vh - var(--header-height));background-color:var(--header-bg);border-left:1px solid var(--border-color);box-shadow:-4px 0 24px rgba(0,0,0,.2);flex-direction:column;align-items:flex-start;padding:1.5rem;gap:.25rem;transition:right .3s ease}.nav-links.active{right:0}.nav-links>*{width:100%;justify-content:flex-start;padding:.85rem .75rem;border-bottom:1px solid var(--border-color)}.mobile-menu-button{display:block}.logo-button{max-width:70%}button{min-height:44px;min-width:44px}input[type=email],input[type=password],input[type=text],select,textarea{font-size:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes spin{to{transform:rotate(1turn)}}