@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f4f0;--surface:#fff;--surface2:#f8f7f4;--border:#00000017;--border-md:#00000026;--text:#1a1a1a;--text2:#6b6b6b;--text3:#a0a0a0;--accent:#d85a30;--accent-hover:#b8431f;--accent-light:#faece7;--green:#1d9e75;--green-light:#e1f5ee;--amber:#ba7517;--amber-light:#faeeda;--red:#c0392b;--red-light:#fdf0ef;--radius:8px;--radius-lg:12px;--shadow:0 1px 3px #00000014}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:.5px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex}.logo{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.logo-dot{background:var(--accent);border-radius:50%;width:10px;height:10px}.nav{gap:2px;display:flex}.nav-btn{border-radius:var(--radius);cursor:pointer;color:var(--text2);background:0 0;border:none;align-items:center;gap:6px;padding:6px 13px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.nav-btn:hover{background:var(--surface2);color:var(--text)}.nav-btn.active{background:var(--surface2);color:var(--text);font-weight:500}.page-content{flex:1;padding:16px;overflow:auto}.card{background:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border);padding:16px}.card-sm{background:var(--surface);border-radius:var(--radius);border:.5px solid var(--border);padding:12px 14px}.btn{border-radius:var(--radius);border:.5px solid var(--border-md);cursor:pointer;color:var(--text);background:0 0;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;transition:all .15s;display:inline-flex}.btn:hover{background:var(--surface2)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-success{background:var(--green);color:#fff;border-color:var(--green)}.btn-success:hover{background:#0f6e56}.btn-ghost{color:var(--text2);border-color:#0000}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-sm{padding:5px 10px;font-size:12px}.btn-full{justify-content:center;width:100%}input,select,textarea{color:var(--text);background:var(--surface);border:.5px solid var(--border-md);border-radius:var(--radius);outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}label{color:var(--text2);margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.badge{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-green{background:var(--green-light);color:#085041}.badge-amber{background:var(--amber-light);color:#633806}.badge-red{background:var(--red-light);color:var(--red)}.badge-gray{background:var(--surface2);color:var(--text2)}.badge-accent{background:var(--accent-light);color:var(--accent-hover)}.masa-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;display:grid}.masa-kart{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;min-height:72px;padding:16px 8px;transition:all .15s;display:flex}.masa-kart:hover{border-color:var(--border-md);box-shadow:var(--shadow)}.masa-kart.dolu{background:var(--amber-light);border-color:#e8c47a}.masa-kart.dolu .masa-no{color:#412402}.masa-kart.dolu .masa-alt{color:#633806}.masa-kart.secili{background:var(--accent);border-color:var(--accent)}.masa-kart.secili .masa-no,.masa-kart.secili .masa-alt{color:#fff}.masa-no{font-size:17px;font-weight:600}.masa-alt{color:var(--text2);margin-top:4px;font-size:12px}.kds-kart{background:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border);flex-direction:column;display:flex;overflow:hidden}.kds-header-yeni{background:#5dcaa5;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.kds-header-hazirlaniyor{background:#fac775;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.kds-kart-masa{color:#04342c;font-size:14px;font-weight:600}.kds-kart-masa.h{color:#412402}.kds-kart-sure{color:#085041;font-size:12px}.kds-kart-sure.h{color:#633806}.kds-kart-body{flex:1;padding:12px 14px}.kds-urun-satir{border-bottom:.5px solid var(--border);align-items:center;gap:8px;padding:5px 0;font-size:13px;display:flex}.kds-urun-satir:last-child{border-bottom:none}.kds-adet-badge{background:var(--accent);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}.kds-kart-footer{border-top:.5px solid var(--border);gap:6px;padding:10px 14px;display:flex}.hesap-satir{border-bottom:.5px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.hesap-satir:last-child{border-bottom:none}.odeme-btn-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.odeme-yontem-btn{border-radius:var(--radius);border:.5px solid var(--border-md);cursor:pointer;color:var(--text2);background:0 0;justify-content:center;align-items:center;gap:6px;padding:9px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.odeme-yontem-btn:hover{background:var(--surface2)}.odeme-yontem-btn.secili{border-color:var(--accent);background:var(--accent-light);color:var(--accent-hover);font-weight:500}.chart-wrap{align-items:flex-end;gap:4px;height:120px;margin-top:8px;display:flex}.chart-col{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.chart-bar{background:var(--accent);opacity:.8;border-radius:3px 3px 0 0;width:100%;min-height:2px}.chart-lbl{color:var(--text3);font-size:10px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;display:grid}.stat-kart{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius);padding:14px}.stat-label{color:var(--text2);font-size:12px}.stat-val{margin-top:4px;font-size:22px;font-weight:600}.stat-sub{color:var(--green);margin-top:3px;font-size:11px}.stat-sub.down{color:var(--accent)}.sec-title{color:var(--text2);margin-bottom:10px;font-size:12px;font-weight:500}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text2);border-bottom:.5px solid var(--border);white-space:nowrap;padding:6px 10px;font-size:11px;font-weight:500}.data-table td{border-bottom:.5px solid var(--border);padding:9px 10px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--surface2)}.modal-backdrop{z-index:100;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border-radius:var(--radius-lg);width:420px;max-width:95vw;max-height:80vh;padding:20px;overflow-y:auto;box-shadow:0 8px 32px #00000026}.modal-title{margin-bottom:16px;font-size:15px;font-weight:600}.modal-footer{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.empty-state{text-align:center;color:var(--text2);padding:48px 24px}.empty-state p{font-size:14px}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-center{height:200px;color:var(--text2);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.divider{background:var(--border);height:.5px;margin:12px 0}.sepet-item{border-bottom:.5px solid var(--border);align-items:center;gap:8px;min-height:52px;padding:8px 0;display:flex}.sepet-item:last-child{border-bottom:none}.sepet-ad{flex:1;font-size:13px}.adet-ctrl{align-items:center;gap:8px;display:flex}.adet-btn{border:1px solid var(--border-md);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text);touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:400;transition:all .15s;display:flex}.adet-btn:hover{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.adet-btn:active{background:var(--accent-light);transform:scale(.92)}.sepet-fiyat{text-align:right;min-width:52px;font-size:12px;font-weight:500}.pill-tabs{flex-wrap:wrap;gap:6px;display:flex}.pill{border:.5px solid var(--border-md);cursor:pointer;color:var(--text2);white-space:nowrap;background:0 0;border-radius:20px;padding:5px 13px;font-family:inherit;font-size:12px;transition:all .15s}.pill:hover{background:var(--surface2)}.pill.active{background:var(--accent);border-color:var(--accent);color:#fff}.topbar-clock{color:var(--text2);font-variant-numeric:tabular-nums;font-size:12px}.mobil-topbar{background:var(--surface);border-bottom:.5px solid var(--border);z-index:80;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:none;position:sticky;top:0}.hamburger-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;padding:4px;display:flex}.hamburger-btn span{background:var(--text);border-radius:2px;width:20px;height:2px;transition:all .2s}@media (width<=768px){:root{--page-padding:12px}.mobil-topbar{display:flex}.mobil-overlay{display:block!important}.sidebar{z-index:95;box-shadow:none;transition:left .25s;top:0;bottom:0;width:240px!important;position:fixed!important;left:-240px!important}.sidebar.sidebar-acik{box-shadow:4px 0 20px #0003;left:0!important}.masa-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:8px!important}.masa-kart{min-height:80px!important;padding:14px 6px!important}.masa-no{font-size:16px!important}.stat-kart{padding:10px 12px!important}.stat-val{font-size:18px!important}.modal{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;max-height:92vh!important;margin:0!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.modal-backdrop{align-items:flex-end!important}.kasiyer-grid{grid-template-columns:1fr!important}.pill-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;overflow-x:auto;flex-wrap:nowrap!important}.pill-tabs::-webkit-scrollbar{display:none}.data-table-wrap{overflow-x:auto}.btn{min-height:36px}.btn-sm{min-height:32px}}@media (width<=480px){.masa-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}}@supports (padding-bottom:env(safe-area-inset-bottom)){.sidebar,main{padding-bottom:env(safe-area-inset-bottom)}}@media (width<=768px){.garson-grid{grid-template-columns:1fr!important;height:auto!important}.garson-sol{display:none!important}.garson-sol.aktif{display:flex!important}.garson-sag{display:none!important}.garson-sag.aktif{flex-direction:column;display:flex!important}.mobil-geri{display:flex!important}}