.home-container{background:linear-gradient(135deg,#ff3b2f,#d90429,#a30015);height:100vh;font-family:Poppins,sans-serif;transition:all .6s;position:relative;overflow:hidden}.home-container.exit{opacity:0;filter:blur(12px);transform:scale(1.08)}.home-container:before{content:"";pointer-events:none;background:repeating-linear-gradient(60deg,#ffffff0f 0 2px,#0000 2px 40px);width:200%;height:200%;animation:6s linear infinite moveLines;position:absolute;top:-50%;left:-50%}@keyframes moveLines{0%{transform:translate(0)}to{transform:translate(300px,300px)}}@keyframes glowMove{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.1)}}.home-container:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff26,#0000 60%),radial-gradient(circle at 70% 70%,#00ff6426,#0000 60%);width:150%;height:150%;animation:8s ease-in-out infinite alternate glowMove;position:absolute;top:-25%;left:-25%}.left-section{justify-content:center;align-items:center;display:flex}.card-wrapper{background:linear-gradient(120deg,#ff3b2f,#0f8,#ff3b2f) 0 0/300% 300%;border-radius:18px;padding:2px;animation:4s linear infinite borderAnim;position:relative;box-shadow:0 0 20px #ff323280}@keyframes borderAnim{0%{background-position:0%}to{background-position:300%}}.login-card{-webkit-backdrop-filter:blur(10px);background:linear-gradient(145deg,#0f9d58d9,#0b6e3de6);border:1px solid #fff3;border-radius:20px;width:360px;padding:35px 28px;font-family:Poppins,sans-serif;box-shadow:0 20px 60px #00000059,inset 0 0 10px #ffffff1a}.title{text-align:center;color:#fff!important;margin-bottom:30px!important}.input{margin-bottom:20px}.input .ant-input,.input .ant-input-password{background:#ffffffd9;border:none;border-radius:8px}.login-button{background:linear-gradient(135deg,#ff3b2f,#ff6a3d);border:none;height:45px;margin-top:10px;font-weight:600}.login-button:hover{background:linear-gradient(135deg,#e62e24,#ff3b2f)}.login-card:hover{transition:all .3s;transform:translateY(-5px)}.transition-overlay{z-index:9999;opacity:0;background:linear-gradient(135deg,#ff3b2f,#a30015);justify-content:center;align-items:center;animation:.3s .3s forwards fadeIn;display:flex;position:fixed;inset:0}.slogan{text-align:center;color:#fffc;letter-spacing:.5px;margin-top:20px;font-size:13px}.right-section{justify-content:center;align-items:center;display:flex}.main-image{border-radius:25px;max-width:75%;height:auto;animation:4s ease-in-out infinite float;box-shadow:0 20px 60px #0006}.loader{filter:drop-shadow(0 0 6px #fff9);border:4px solid #fff;border-color:#fff #0f8 #0000 #0000;border-radius:50%;width:55px;height:55px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.login-button:active{transform:scale(.96)}.pos-container{background:var(--bg-main);grid-template-rows:1fr;grid-template-columns:320px 1fr;gap:10px;height:100vh;padding:10px;display:grid}.pos-categories{grid-area:1/1;grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.pos-categories button.active{background:var(--secondary-green);border:3px solid var(--primary-red);transform:scale(.97)}.pos-categories button{background:var(--primary-red);color:var(--text-light);border:none;border-radius:12px;height:60px;font-size:18px;font-weight:700}.pos-categories button:active{transform:scale(.95)}.pos-numpad{background:#e7e7e5;border-radius:12px;grid-area:2/1;grid-template-columns:repeat(3,1fr);gap:5px;padding:10px;display:grid;box-shadow:inset 0 0 10px #0000001a}.pos-numpad button{background:var(--accent-yellow);border:none;border-radius:10px;height:50px;font-size:20px;font-weight:700}.display{text-align:center;color:#fff;background:var(--primary-red);border-radius:10px;grid-column:span 3;height:40px;font-size:28px;line-height:40px}.left-panel{flex-direction:column;gap:10px;height:100%;display:flex}.pos-right{flex-direction:column;grid-column:2;gap:10px;height:100%;min-height:0;display:flex;overflow:hidden}.pos-products{flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pos-products button{border-radius:10px;padding:5px 10px;font-size:16px}.product{border:2px solid var(--accent-yellow);background:#fff;transition:all .1s;box-shadow:0 4px 8px #00000026}.product:hover{border-color:var(--secondary-green)}.product:active{background:#fff176;transform:scale(.9);box-shadow:0 2px 3px #0003}.pos-cart{border-left:6px solid var(--primary-red);background:#fff;border-radius:12px;flex-direction:column;flex:1;min-height:0;padding:15px;display:flex;overflow-y:auto}.pos-cart h3{margin-bottom:10px}.pos-cart::-webkit-scrollbar{width:6px}.pos-cart::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:10px}.cart-item{border:1px dashed #f57c00;border-left:4px solid var(--accent-yellow);background:#fff8e1;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;display:flex}.cart-info{flex-direction:column;display:flex}.name{font-weight:700}.price{color:gray;font-size:14px}.cart-controls{align-items:center;gap:10px;display:flex}.qty-btn{border:none;border-radius:10px;width:45px;height:45px;font-size:22px}.plus{background:var(--secondary-green);color:#fff}.minus{background:var(--danger);color:#fff}.qty{font-size:18px;font-weight:700}.highlight{background:#e8f5e9;border:2px solid #2e7d32;transform:scale(1.02)}.pos-actions{background:#fff;border-radius:10px;grid-area:3/1/auto/span 2;margin-top:auto;padding:10px}.pos-actions h2{color:var(--primary-red);letter-spacing:1px;font-size:32px;font-weight:700}.pay-btn{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#2e7d32,#43a047);border:none;border-radius:10px;width:100%;height:60px;font-size:24px}.pay-btn:disabled{background:gray}.pay-btn:active{transform:scale(.96)}.empty{color:gray}.delete-btn{color:#fff;background:#424242;border:none;border-radius:10px;width:45px;height:45px;font-size:18px}.delete-btn:active{transform:scale(.9)}.toppings{gap:5px;margin-top:5px;display:flex}.topping-btn{background:#eee;border:none;border-radius:8px;padding:5px 8px;font-size:12px}.topping-btn.active{background:var(--secondary-green);color:#fff}.note-btn{color:#fff;background:#1976d2;border:none;border-radius:10px;width:45px;height:45px;font-size:18px}.note-preview{color:#555;margin-top:5px;font-size:12px}.modal-overlay{background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:10px;width:300px;padding:20px}.modal textarea{width:100%;height:80px;margin-top:10px}.modal-actions{justify-content:space-between;margin-top:10px;display:flex}.orders-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:10px;width:100%;max-width:100%;margin-bottom:10px;display:flex;overflow-x:auto}.orders-bar button{background:#eee;border:none;border-radius:10px;flex-shrink:0;min-width:100px;height:40px}.orders-bar button.active{background:var(--primary-red);color:#fff}.add-order{background:var(--secondary-green);color:#fff;font-weight:700}.orders-bar::-webkit-scrollbar{height:6px}.orders-bar::-webkit-scrollbar-thumb{background:var(--primary-red);border-radius:10px}.totals{margin-bottom:10px}.subtotal{color:#555;background:#fff3cd;border-radius:6px;padding:5px;font-size:18px}.total{color:var(--primary-red);font-size:28px;font-weight:700}html,body{width:100%;height:100%}input::-ms-clear{display:none}input::-ms-reveal{display:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:#0000;font-family:sans-serif;line-height:1.15}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}address{font-style:normal;line-height:inherit;margin-bottom:1em}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;font-size:1em}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom;padding-top:.75em;padding-bottom:.3em}input,button,select,optgroup,textarea{color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{resize:vertical;overflow:auto}fieldset{border:0;min-width:0;margin:0;padding:0}legend{width:100%;max-width:100%;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal;margin-bottom:.5em;padding:0;display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}:root{--primary-red:#b71c1c;--secondary-green:#2e7d32;--accent-yellow:#fbc02d;--bg-main:#fff8e1;--bg-card:#fff;--text-dark:#212121;--text-light:#fff;--danger:#d32f2f;--success:#2e7d32}