.app-container{display:flex;flex-direction:column;min-height:100vh;background:#0a0a0a}.desktop-sidebar{position:fixed;left:0;top:0;width:160px;height:100vh;background:#0a0a0a;border-right:1px solid #1a1a1a;display:flex;flex-direction:column;padding:1rem 0;z-index:100}.main-content{flex:1;overflow-y:auto;padding:2rem 1rem;margin-left:160px;display:flex;flex-direction:column;min-height:100vh}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;background:#0a0a0a;border-top:1px solid #1a1a1a;padding:.5rem 0;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:1000;touch-action:manipulation}.nav-link{display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;text-decoration:none;color:#6a6a6a;transition:all .2s;border-radius:8px}.nav-link.active{color:var(--primary-color);background:#c8956b1a}.nav-link span{font-size:.95rem;font-weight:400}.nav-link.active span{font-weight:500}@media(max-width:768px){.desktop-sidebar{display:none}.main-content{margin-left:0;padding:1rem;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.mobile-nav{display:flex}}:root{--bg-color: #0a0a0a;--surface-color: #141414;--primary-color: #c8956b;--text-color: #ffffff;--text-secondary: #8a8a8a;--danger-color: #cf6679;--success-color: #03dac6;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--safe-area-inset-right: env(safe-area-inset-right)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c8956b,#a67c52);border-radius:10px;border:2px solid #0a0a0a}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d4a576,#b88b5f)}::-webkit-scrollbar-button{display:none!important}*{scrollbar-width:thin;scrollbar-color:#333333 #0a0a0a}body{margin:0;font-family:DM Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}input,select{background-color:var(--surface-color);color:var(--text-color);border:1px solid #252525;padding:.75rem;border-radius:6px;font-size:1rem;transition:border-color .2s}input{text-decoration:none!important}input::-webkit-input-placeholder{text-decoration:none!important}input:focus,select:focus{outline:none;border-color:var(--primary-color)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield;-moz-appearance:textfield}select{cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23C8956B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.25rem;padding-right:2.5rem;font-weight:500}select:hover{border-color:#3a3a3a}select option{background-color:#0a0a0a;color:var(--text-color);padding:1rem .75rem;font-weight:400}select option:hover,select option:focus,select option:checked{background-color:#c8956b26;background:#c8956b26;color:var(--primary-color)}.container{max-width:600px;margin:0 auto;padding:1rem;padding-left:max(1rem,var(--safe-area-inset-left));padding-right:max(1rem,var(--safe-area-inset-right));min-height:100vh;display:flex;flex-direction:column}.btn-primary{background-color:var(--primary-color);color:#000;font-weight:600;padding:.875rem 1.5rem;border-radius:10px;width:100%;transition:all .2s;font-size:1rem;margin-top:1rem}.btn-primary:hover{background-color:#d4a576;transform:translateY(-1px)}.btn-secondary{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color);padding:.75rem 1rem;border-radius:10px;transition:all .2s;font-weight:500}.btn-secondary:hover{background-color:#c8956b1a}.btn-danger{background-color:transparent;color:var(--danger-color);border:1px solid var(--danger-color);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.card{background-color:var(--surface-color);padding:1.5rem;border-radius:16px;margin-bottom:1rem;border:1px solid #1a1a1a;box-shadow:0 2px 8px #0006}h1{font-family:Syne,sans-serif;color:var(--text-color);margin-top:0;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:600;letter-spacing:-.02em}h2{font-family:Syne,sans-serif;color:var(--text-color);margin-top:0;font-size:clamp(1.25rem,4vw,2rem);font-weight:600;letter-spacing:-.01em}h3{font-family:Syne,sans-serif;color:var(--text-color);margin-top:0;font-size:clamp(1rem,3vw,1.5rem);font-weight:500}label{display:block;margin-bottom:.5rem;color:var(--text-secondary)}.flex-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.nav-bar{display:flex;justify-content:space-around;background-color:var(--surface-color);padding:1rem;padding-bottom:calc(1rem + var(--safe-area-inset-bottom));position:sticky;bottom:0;border-top:1px solid #333;box-shadow:0 -2px 10px #0000004d}.nav-item{color:var(--text-secondary);text-decoration:none;display:flex;flex-direction:column;align-items:center;font-size:.8rem}.nav-item.active{color:var(--primary-color)}footer{background-color:var(--bg-color);border-top:1px solid #1a1a1a;padding:1.5rem 1rem;text-align:center;font-size:.75rem;color:var(--text-secondary)}footer p{margin:0}@media(max-width:768px){:root{--primary-color: #c8956b}body{font-size:14px}.container{padding:1rem;max-width:100%}.card{padding:1rem;margin-bottom:.75rem;overflow-x:hidden}.btn-primary,.btn-secondary{padding:.75rem 1rem;font-size:.95rem;min-height:44px}.btn-danger{padding:.5rem .75rem;font-size:.8rem;min-height:44px}input,select{padding:.65rem;font-size:16px;min-height:44px}#main-content{margin-left:0!important;padding:1rem .75rem!important;padding-bottom:100px!important}div[style*=fixed][style*="left: 0"]{display:none!important}nav[style*=fixed][style*=bottom]{display:flex!important}h1{font-size:clamp(1.25rem,6vw,1.75rem);margin-bottom:1rem}h2{font-size:clamp(1.1rem,5vw,1.5rem)}h3{font-size:clamp(.95rem,4vw,1.2rem)}.flex-row{flex-wrap:wrap;gap:.5rem}button{min-height:44px;min-width:44px;padding:.75rem 1rem}img{max-width:100%;height:auto}label{font-size:.9rem}body{padding:0;margin:0}select{background-size:1rem;padding-right:2rem}.card canvas{max-width:100%!important;height:auto!important}[role=listbox],[style*="position: absolute"]{max-width:100vw;margin-left:-.5rem}.nav-bar{padding:.75rem;padding-bottom:calc(.75rem + var(--safe-area-inset-bottom))}.nav-item{padding:.5rem;min-width:60px;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center}.card{border-radius:12px}body,.container{overflow-x:hidden}}@media(max-width:480px){.container,.card{padding:.75rem}.btn-primary,.btn-secondary{padding:.65rem .75rem;font-size:.9rem}h1{font-size:clamp(1.2rem,7vw,1.6rem)}.flex-row{gap:.35rem}input,select{padding:.6rem}label{font-size:.85rem}footer{margin-left:0!important;padding:1rem!important;padding-bottom:calc(1rem + var(--safe-area-inset-bottom))!important;font-size:.7rem!important}.card{border-radius:10px;padding:.65rem}body{font-size:13px}.btn-primary,.btn-secondary{margin-top:.5rem}input+input,select+select{margin-top:.5rem}}.grecaptcha-badge{visibility:hidden;opacity:0;pointer-events:none}