:root{--bg-color:#f5f0e6;--primary-bg:#111;--primary-hover:#222;--primary-border:#000;--text-color:#fff;--shadow-color:#00000040;--title-color:#222;--accent-orange:#f39c12;--accent-orange-hover:#e67e22}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--title-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;justify-content:center;align-items:center;min-height:100dvh;font-family:Outfit,sans-serif;display:flex;position:relative;overflow:hidden auto}.glow{filter:blur(80px);z-index:0;pointer-events:none;opacity:.4;border-radius:50%;width:300px;height:300px;position:absolute}.glow-1{background-color:#fffc;top:-50px;left:-50px}.glow-2{background-color:#0000000d;bottom:-100px;right:-50px}.content-wrapper{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;max-width:400px;padding:30px 0;animation:.8s cubic-bezier(.16,1,.3,1) forwards zoomIn;display:flex;position:relative}.header-section{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.brand-logo{border-radius:50%;width:160px;height:auto;box-shadow:0 6px 16px #0000001a}.brand-title{text-align:center;letter-spacing:2px;text-transform:uppercase;width:100%;color:var(--title-color);text-shadow:0 2px 10px #0000000d;padding:0 16px;font-size:38px;font-weight:800;line-height:1.15}.container{flex-direction:column;gap:36px;width:100%;max-width:320px;padding:0 24px;display:flex}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn{letter-spacing:1px;text-transform:uppercase;-webkit-tap-highlight-color:transparent;border-radius:24px;justify-content:center;align-items:center;width:100%;min-height:72px;font-size:26px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.btn-primary,.btn-secondary{background:var(--primary-bg);color:var(--text-color);box-shadow:0 10px 30px var(--shadow-color);border:2px solid var(--primary-border)}@media (hover:hover){.btn:hover{transform:translateY(-4px)}.btn-primary:hover,.btn-secondary:hover{background:var(--primary-hover);box-shadow:0 16px 40px var(--shadow-color)}}.btn:active{transform:translateY(2px)scale(.96)}.btn-primary:active,.btn-secondary:active{box-shadow:0 4px 15px var(--shadow-color);background:#000}.shine{background:linear-gradient(90deg,#fff0 0%,#ffffff4d 50%,#fff0 100%);width:50%;height:100%;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.btn-primary .shine{animation:4s cubic-bezier(.16,1,.3,1) infinite shine-animation}.btn-secondary .shine{animation:4s cubic-bezier(.16,1,.3,1) 2s infinite shine-animation}@keyframes shine-animation{0%{left:-100%}20%{left:200%}to{left:200%}}.menu-page{background-color:#fff;align-items:flex-start;height:auto;min-height:100vh}.menu-page .content-wrapper{justify-content:flex-start;gap:32px;padding-top:20px}.menu-header{gap:12px;position:relative}.back-btn{color:var(--title-color);z-index:20;text-decoration:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.menu-logo{width:100px}.menu-title{padding:0 40px;font-size:28px}.menu-container{background-color:#fff;width:100%;padding:20px}.menu-wrapper{gap:24px;max-width:600px;margin:0 auto;padding-bottom:40px}.section-title{color:#f39c12;text-align:center;text-transform:uppercase;margin:40px 0 30px;font-size:20px;font-weight:800}.section-title:first-child{margin-top:10px}.menu-item{flex-direction:column;align-items:center;margin-bottom:36px;padding:0 16px;display:flex}.item-name{text-transform:uppercase;text-align:center;color:#000;margin-bottom:8px;font-size:18px;font-weight:800}.item-desc{text-align:center;color:#333;white-space:pre-line;max-width:300px;margin-bottom:12px;font-size:13px;font-weight:400;line-height:1.4}.item-price{color:#fff;text-align:center;background-color:#000;border-radius:2px;min-width:80px;padding:6px 24px;font-size:14px;font-weight:700}.section-divider{border:none;border-top:2px solid #000;width:100%;margin:20px 0}.dashboard-page{background-color:#fdfbf7;align-items:flex-start;width:100%;min-height:100vh;padding:30px 15px}.dashboard-container{background:#fff;border:1px solid #f0ead9;border-radius:16px;width:100%;max-width:820px;margin:0 auto;padding:32px;box-shadow:0 4px 20px #0000000a}.dash-header{border-bottom:2px solid #f6f0e2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.dash-title{color:#222;letter-spacing:-.5px;font-size:22px;font-weight:800}.dash-nav{gap:10px;display:flex}.dash-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.dash-btn-primary{color:#fff;background:#f39c12}.dash-btn-primary:hover{background:#e67e22}.dash-btn-danger{color:#fff;background:#e74c3c;border:none}.dash-btn-danger:hover{background:#c0392b}.dash-btn-outline{color:#4a5568;background:0 0;border:1px solid #e2e8f0}.dash-btn-outline:hover{color:#1a202c;background:#f7fafc}.product-card{background:#fff;border:1px solid #efe8d8;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;padding:14px 18px;transition:border-color .2s,box-shadow .2s;display:flex}.product-card:hover{border-color:#f39c12;box-shadow:0 2px 10px #f39c1214}.price-input{text-align:center;border:1.5px solid #f39c12;border-radius:6px;outline:none;width:75px;padding:6px 8px;font-size:15px;font-weight:700;transition:border-color .2s}.price-input:focus{border-color:#e67e22;box-shadow:0 0 0 2px #f39c1233}.input-field{background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;margin-top:6px;margin-bottom:16px;padding:10px 14px;font-size:14px;transition:border-color .2s}.input-field:focus{border-color:#f39c12;box-shadow:0 0 0 2px #f39c1226}.form-group{margin-bottom:14px}.form-label{color:#4a5568;font-size:13px;font-weight:700}