:root{--fresh: #3f842f;--fresh-dark: #27651f;--mint: #edf6ea;--ink: #111513;--soft-ink: #59635d;--line: #deded8;--paper: #f7f6f1;--panel: rgba(255, 255, 252, .92);--warm: #d5b082;--amber: #f4b94f;--blue: #8cc4d7;--shadow: 0 24px 70px rgba(17, 21, 19, .14);font-family:Avenir Next,Nunito Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);background:radial-gradient(circle at 82% 18%,rgba(222,180,113,.44),transparent 22%),radial-gradient(circle at 15% 85%,rgba(63,132,47,.22),transparent 25%),linear-gradient(135deg,#2a1f15,#8a6040 24%,#efe9dd 52%,#17331e)}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:34px;display:grid;grid-template-columns:232px minmax(0,1fr);gap:0}.side-nav,.terminal{box-shadow:var(--shadow)}.side-nav{height:calc(100vh - 68px);min-height:760px;background:linear-gradient(180deg,#0c1110,#17201c);border-radius:30px 0 0 30px;padding:28px 18px;color:#fff;display:flex;flex-direction:column;gap:14px}.terminal{height:calc(100vh - 68px);min-height:760px;overflow:hidden;background:var(--paper);border-radius:0 30px 30px 0;border:1px solid rgba(255,255,255,.68);position:relative}.terminal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #0000000a,inset 0 0 70px #00000009}.brand{min-width:190px;display:grid;line-height:1}.brand strong{font-size:36px;letter-spacing:-.055em;font-weight:900}.brand span{color:var(--fresh)}.brand small{margin-top:8px;color:#5f675f;font-size:12px;letter-spacing:.01em}.side-nav .brand small{color:#dce2d9}.side-nav .brand{margin-bottom:34px}.side-nav button{border:0;background:transparent;color:#fff;border-radius:0;padding:15px 14px;display:flex;align-items:center;gap:13px;position:relative;text-align:left;font-weight:700}.side-nav button span,.side-nav b{width:24px;height:24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.36);border-radius:7px;color:#dfeadd;font-size:12px}.side-nav b{margin-left:auto;border-radius:999px;background:var(--fresh);border:0;color:#fff}.side-nav button.active{background:#ffffff14;color:#fff}.side-nav button.active:before{content:"";position:absolute;left:-18px;top:0;bottom:0;width:4px;background:var(--fresh)}.operator{margin-top:auto;display:flex;align-items:center;gap:12px;padding:14px}.operator small,.user-chip small{display:block;color:#5e665f;margin-top:4px}.side-nav .operator small{color:#d6ded3}.avatar,.mini-avatar{width:46px;height:46px;border-radius:999px;background:linear-gradient(145deg,#f3d7bb,#8f5f42);color:#fff;display:grid;place-items:center;font-weight:900}.avatar.large{width:58px;height:58px}.logout{border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;justify-content:center}.topbar{height:106px;background:#ffffffc7;display:grid;grid-template-columns:230px minmax(0,1fr) 310px;align-items:center;gap:18px;padding:0 32px;border-bottom:1px solid var(--line)}.product-nav{display:grid;grid-template-columns:repeat(8,minmax(76px,1fr));height:100%;align-items:center;gap:6px}.product-nav button{height:74px;border:0;background:transparent;border-radius:11px;display:grid;place-items:center;align-content:center;gap:6px;font-weight:800;position:relative}.product-nav button.active{background:linear-gradient(180deg,#4c953d,#2f7728);color:#fff;box-shadow:0 12px 24px #3f842f38}.product-nav b,.bell{position:absolute;top:11px;right:14px;min-width:20px;height:20px;padding:0 6px;border:0;border-radius:999px;background:var(--fresh);color:#fff;font-size:12px;font-weight:900}.nav-icon{width:25px;height:25px;border:2px solid currentColor;border-radius:8px;opacity:.85;position:relative}.icon-bowls{border-radius:0 0 14px 14px;border-top-width:0}.icon-wraps{transform:rotate(-32deg);border-radius:18px 5px}.icon-salate{border-radius:50% 50% 8px 8px}.icon-getraenke{border-radius:2px 2px 10px 10px}.icon-extras{border-radius:4px;height:17px}.icon-menues{border-radius:9px;box-shadow:13px 0 0 -4px currentColor,0 13px 0 -4px currentColor,13px 13px 0 -4px currentColor}.icon-orders:before{content:"";position:absolute;inset:-8px 4px auto auto;width:10px;height:10px;border-radius:999px;background:var(--amber)}.icon-time{border-radius:999px}.top-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.connection{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:12px;background:#ffffffa8;font-weight:900;color:var(--soft-ink)}.dot{width:9px;height:9px;border-radius:999px;background:#a9a9a0}.dot.online{background:var(--fresh);box-shadow:0 0 0 5px #3f842f24}.user-chip{height:58px;display:flex;gap:10px;align-items:center;background:#ffffff80;padding:8px 12px;border-radius:16px}.mini-avatar{width:32px;height:32px}.menu{border:0;background:transparent;font-size:0;width:36px;height:36px;position:relative}.menu:before,.menu:after{content:"";position:absolute;left:7px;right:7px;height:2px;background:#111;box-shadow:0 8px #111}.menu:before{top:9px}.menu:after{display:none}.bell{position:relative;inset:auto;width:40px;height:40px;display:grid;place-items:start end;padding:3px 5px;background:transparent;color:#fff}.bell:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:2px solid #111;border-radius:50% 50% 45% 45%}.screen{height:calc(100% - 106px);overflow:auto}.sale-layout,.detail-layout,.payment-layout{display:grid;grid-template-columns:360px minmax(0,1fr) 112px}.cart-pane{border-right:1px solid var(--line);background:#ffffff8f;padding:24px;display:flex;flex-direction:column;min-height:100%}.cart-head{display:flex;justify-content:space-between;align-items:center;font-weight:900}.cart-head button{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff}.cart-pane h2{font-size:18px;margin:18px 0 16px;font-weight:700}.cart-pane h2 small{color:var(--soft-ink);margin-left:8px;font-size:11px}.cart-lines{display:grid;gap:16px;padding:5px 0}.cart-line{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:start}.cart-line button{border:0;background:transparent;padding:0;text-align:left}.cart-line strong{display:block;font-size:14px;margin-bottom:7px}.cart-line small{display:block;color:var(--soft-ink);margin:5px 0}.cart-line span{font-weight:700}.remove-btn{margin-top:auto;border:0;background:transparent;text-align:left;color:var(--soft-ink);padding:20px 0}.summary{border-top:1px solid var(--line);padding-top:15px;display:grid;gap:11px}.summary div{display:flex;justify-content:space-between}.summary .sum{color:var(--fresh-dark);align-items:baseline}.summary .sum strong{font-size:23px}.cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 12px}.cart-actions button,.quick-tags button,.orders-head button,.order-card button{border:1px solid var(--line);background:#fffc;border-radius:9px;padding:13px;font-weight:800}.pay-button{min-height:82px;border:0;border-radius:8px;background:linear-gradient(180deg,#5d9b49,#347c2d);color:#fff;font-weight:900;font-size:23px;display:grid;place-items:center}.pay-button span{font-size:18px}.catalog-pane{padding:24px 28px 18px;overflow:auto}.catalog-pane h1,.catalog-pane h2{margin:0 0 14px;font-size:22px}.catalog-pane h2{margin-top:20px}.fresh-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fresh-card{border:1px solid var(--line);border-radius:10px;background:#fff;overflow:hidden;min-height:170px;transition:.18s ease;box-shadow:0 8px 22px #1115130a}.fresh-card:hover{transform:translateY(-2px);box-shadow:0 18px 38px #1115131a}.fresh-card-body{min-height:54px;display:grid;grid-template-columns:1fr 34px;gap:8px;padding:10px 12px;align-items:center}.fresh-card-body strong,.fresh-card-body span{display:block;font-size:13px}.fresh-card-body span{margin-top:4px}.fresh-card-body button{width:28px;height:28px;border-radius:999px;border:1px solid var(--fresh);background:var(--mint);color:var(--fresh);font-size:20px;line-height:1}.food-art{height:112px;background:linear-gradient(145deg,#eee7dc,#d1c2af);display:grid;place-items:center;position:relative;overflow:hidden}.food-art.large{width:230px;height:180px;border-radius:30px;flex:none}.food-art:before{content:"";width:105px;height:80px;border-radius:50%;background:#f4efe3;box-shadow:inset 0 -8px 18px #00000024,0 10px 24px #0000002e}.food-art.large:before{width:165px;height:125px}.food-art i,.food-art b{position:absolute;display:block;border-radius:999px;z-index:1}.food-art i:nth-child(1){width:48px;height:35px;background:#497c32;transform:translate(-28px,-5px)}.food-art i:nth-child(2){width:35px;height:35px;background:#d8c992;transform:translate(22px,-4px)}.food-art i:nth-child(3){width:28px;height:28px;background:#b34d32;transform:translate(18px,23px)}.food-art i:nth-child(4){width:34px;height:24px;background:#7fb45b;transform:translate(-32px,27px)}.food-art b{width:38px;height:32px;background:#8b4f2d;transform:translate(47px,18px)}.art-1 i:nth-child(1){background:#7fb45b}.art-1 b{background:#5d3926}.art-2 i:nth-child(3){background:#d3a733}.art-2 b{background:#a35d2d}.art-3 i:nth-child(2){background:#efc46e}.art-3 b{background:#df7b50}.art-4:before,.art-5:before,.art-6:before,.art-7:before{width:115px;height:50px;border-radius:50px 10px;transform:rotate(-13deg);background:#ead3b4}.art-4 b,.art-5 b,.art-6 b,.art-7 b{transform:translate(35px,-4px)}.quick-tags{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:14px}.action-rail{border-left:1px solid var(--line);background:#ffffff8c;padding:28px 12px;display:grid;align-content:start}.action-rail button{min-height:104px;border:0;border-bottom:1px solid var(--line);background:transparent;display:grid;place-items:center;gap:9px}.search-icon,.star-icon,.clock-icon,.percent-icon{width:28px;height:28px;border:2px solid #111;border-radius:999px;position:relative}.search-icon:after{content:"";width:10px;height:2px;background:#111;position:absolute;right:-7px;bottom:1px;transform:rotate(45deg)}.star-icon{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);background:transparent;border-radius:0}.clock-icon:before{content:"";position:absolute;left:12px;top:6px;width:2px;height:10px;background:#111;box-shadow:4px 8px #111}.percent-icon{border:0;font-size:0}.percent-icon:before{content:"%";position:absolute;top:0;right:0;bottom:0;left:0;font-size:34px;color:var(--fresh);font-weight:300;line-height:1}.detail-layout{grid-template-columns:360px minmax(0,1fr) 250px}.detail-panel{margin:8px;padding:28px;border:1px solid var(--line);background:#fff;border-radius:12px;position:relative;overflow:auto}.close{position:absolute;right:18px;top:18px;width:34px;height:34px;border:0;background:transparent;font-size:22px}.detail-hero{display:flex;gap:24px;align-items:center}.detail-hero h1{margin:0 0 12px}.detail-hero p{color:var(--soft-ink);line-height:1.48}.detail-hero strong{color:var(--fresh);font-size:24px}.detail-panel h3{margin:24px 0 10px}.size-row{display:grid;grid-template-columns:repeat(2,180px);gap:14px}.size-row button,.ingredient-board button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px;font-weight:800}.size-row button.selected,.method-grid button.selected{border-color:var(--fresh);background:#f3fbf1;box-shadow:inset 0 0 0 1px var(--fresh)}.size-row small,.ingredient-board small{display:block;font-weight:500;margin-top:5px}.ingredient-board{display:grid;grid-template-columns:1fr 240px;gap:18px}.ingredient-board div:first-child{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ingredient-board span{background:#edf5e9;color:#315f27;border-radius:7px;padding:8px 10px;font-size:13px}.ingredient-board div:last-child{display:grid;gap:8px}.detail-bottom{margin-top:24px;display:grid;grid-template-columns:150px 1fr;gap:24px}.stepper{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid var(--line);border-radius:10px;overflow:hidden}.stepper button{border:0;background:#fff;font-size:24px}.stepper strong{display:grid;place-items:center}.add-large{border:0;border-radius:10px;background:linear-gradient(180deg,#5c9c48,#347c2d);color:#fff;font-weight:900;font-size:18px}.add-large span{display:block;font-size:12px}.payment-layout{grid-template-columns:360px minmax(0,1fr) 290px}.payment-center{padding:28px;border-right:1px solid var(--line);overflow:auto}.payment-center h1{margin:0 0 26px}.method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.method-grid button{min-height:178px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:18px;display:grid;place-items:center;gap:9px;text-align:center}.method-grid small{color:var(--soft-ink);line-height:1.4}.method-icon{width:43px;height:30px;border:2px solid var(--fresh);border-radius:5px;position:relative}.method-icon.cash{border-radius:3px;transform:rotate(-4deg)}.method-icon.cash:before{content:"";position:absolute;top:8px;right:14px;bottom:8px;left:14px;border:2px solid var(--fresh);border-radius:999px}.method-icon.voucher{height:42px;border-radius:4px}.method-icon.mixed{border-radius:999px}.terminal-card{margin-top:28px;min-height:350px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center;align-content:center;gap:16px}.tap-art{width:116px;height:116px;border:1px solid #111;border-radius:999px;position:relative}.tap-art span{position:absolute;width:58px;height:70px;right:12px;top:29px;border:3px solid #111;border-radius:20px 20px 8px 8px;transform:rotate(-38deg)}.terminal-card p{font-size:20px;margin:0}.terminal-card strong{color:var(--fresh);font-size:30px}.cancel{border:0;background:transparent;color:var(--soft-ink)}.secure-line{margin-top:28px;text-align:center;color:var(--soft-ink)}.payment-side{padding:28px 20px;background:#ffffff9e;display:grid;align-content:start;gap:16px}.payment-side>strong{font-size:34px;color:var(--fresh)}.payment-side>div{display:flex;justify-content:space-between;color:var(--soft-ink)}.open-row strong{color:var(--ink);font-size:16px}.tip-card{border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left;padding:16px;font-weight:800}.tip-card small{display:block;color:var(--soft-ink);margin-top:5px}.pay-actions{display:grid!important;gap:10px}.pay-actions button{border:0;border-radius:9px;padding:13px;color:#fff;background:var(--fresh);font-weight:900}.pay-actions button:nth-child(2){background:#16201b}.device-mini{margin-top:42px;justify-self:center;width:140px;min-height:270px;background:#0b0d0d;border-radius:22px;padding:18px 14px;display:grid!important;gap:12px;box-shadow:0 18px 35px #00000059}.device-screen{height:90px;background:#182025;border-radius:8px;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:900;text-align:center}.device-screen span{color:#65b34b}.device-screen small{font-size:11px;font-weight:500;line-height:1.5}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.keypad i{height:24px;border-radius:5px;background:linear-gradient(#333,#111);color:#fff;font-style:normal;font-size:11px;display:grid;place-items:center}.orders-layout{display:grid;grid-template-columns:minmax(0,1fr) 210px}.orders-main{padding:28px;overflow:auto}.orders-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:18px}.orders-head h1{margin:0 0 14px}.orders-head h1 b{display:inline-grid;place-items:center;min-width:32px;height:32px;border-radius:999px;background:var(--fresh);color:#fff;font-size:18px}.orders-head input{width:520px;max-width:100%;border:1px solid var(--line);border-radius:9px;padding:14px}.orders-head>div:last-child{display:flex;gap:10px;align-items:center}.order-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.order-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:13px}.order-card header,.order-card footer,.order-item{display:flex;justify-content:space-between;gap:10px}.order-card h2{margin:0 0 5px}.order-card small,.order-item small{color:var(--soft-ink);display:block;margin-top:5px}.order-status{height:24px;padding:4px 8px;border-radius:7px;font-size:12px;background:#eaf7e8;color:var(--fresh)}.order-status.In-Zubereitung{background:#fff2d2;color:#bb7a00}.order-status.Zubereitet{background:#e5f4fb;color:#337a93}.order-card footer strong{color:var(--fresh);font-size:18px}.order-card button{background:var(--fresh);color:#fff;border:0}.overview{border-left:1px solid var(--line);background:#ffffff94;padding:28px}.overview h2{margin-bottom:0}.overview p{margin-top:120px;color:var(--soft-ink)}.time-layout,.simple-screen{padding:30px}.time-layout h1{margin:0 0 5px}.time-layout>p{margin-top:0;color:var(--soft-ink)}.time-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:28px}.clock-card,.today-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.clock-card{min-height:300px;display:grid;place-items:center;align-content:center;gap:14px}.clock-card h2{margin:0;font-size:28px}.clock-card button{min-width:260px;border:0;border-radius:9px;padding:16px;background:var(--fresh);color:#fff;font-size:20px;font-weight:900}.clock-circle{width:90px;height:90px;border-radius:999px;background:radial-gradient(circle,#fff 40%,#dcebd7 41%);border:4px solid #d4e8cf;position:relative}.clock-circle:before{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;border:3px solid var(--fresh);border-radius:999px}.clock-circle:after{content:"";position:absolute;width:3px;height:22px;background:var(--fresh);left:43px;top:29px;box-shadow:10px 18px 0 -1px var(--fresh)}.stat{padding:18px 0;border-bottom:1px solid var(--line);display:grid;gap:6px}.stat small{color:var(--soft-ink)}.stat strong{color:var(--fresh-dark);font-size:28px}.today-card mark{padding:5px 9px;border-radius:6px;background:#f7dfb3;color:#7a4a05}.history{width:75%;border-collapse:collapse;margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.history td{padding:14px;border-bottom:1px solid var(--line)}.analytics-grid,.staff-grid,.settings-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.staff-grid article,.analytics-grid .stat,.settings-grid pre{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px}.staff-grid article{display:grid;gap:10px}.staff-grid small{color:var(--soft-ink)}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid pre{min-height:360px;overflow:auto;color:#dcead8;background:#101713}@media(max-width:1280px){.app-shell{padding:12px;grid-template-columns:1fr}.side-nav{display:none}.terminal{border-radius:24px;height:calc(100vh - 24px)}.topbar{grid-template-columns:170px 1fr 230px;padding:0 16px}.product-nav{overflow-x:auto;grid-template-columns:repeat(8,94px)}.sale-layout,.detail-layout,.payment-layout{grid-template-columns:320px 1fr}.action-rail,.payment-side{display:none}.fresh-grid,.order-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:860px){.terminal{height:auto;min-height:100vh;overflow:visible}.topbar{height:auto;grid-template-columns:1fr;padding:18px}.sale-layout,.detail-layout,.payment-layout,.orders-layout,.time-grid{grid-template-columns:1fr}.cart-pane{min-height:auto;border-right:0;border-bottom:1px solid var(--line)}.fresh-grid,.order-grid,.method-grid,.analytics-grid,.staff-grid,.settings-grid{grid-template-columns:1fr}.history{width:100%}}