html{color-scheme:dark}.stats{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))}.top-right{flex-wrap:wrap;justify-content:flex-end}.top{gap:20px}.revenue-heading{margin-bottom:12px;color:var(--muted);font-size:12px}.quick-pickup-wrap{margin-bottom:20px}.quick-pickup{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:24px 30px;min-height:140px;background:#373126;border:1px solid #a18a46;border-radius:16px}.quick-pickup .eyebrow{color:#e7c971}.quick-pickup h2{font-size:27px}.quick-pickup p{margin:6px 0 0}.quick-plus{font-size:48px;color:var(--yellow)}.quick-pickup.selected{border:2px solid var(--yellow)}.pickup-open{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0 0}.pickup-open>span{font-size:11px;color:var(--muted);margin-right:8px}.pickup-open button{font-size:12px}.focus .tables{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.focus .table{min-height:240px;padding:25px}.focus .table h3{font-size:26px;margin:24px 0 15px}.focus .table strong{font-size:32px}.focus .table-bottom{margin-top:auto;padding-top:18px}.focus .table-top small{font-size:14px}.customer-theme{position:absolute;right:16px;top:35px}.customer-products article{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;gap:0}.customer-products .customer-info{display:flex;align-items:center;gap:20px;padding:20px}.customer-info>div{flex:1}.product-photo{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#f0eeea;overflow:hidden}.photo-placeholder{display:flex;align-items:center;justify-content:center;color:#727985;font-size:14px}.photo-editor-preview{width:100%;max-height:240px;object-fit:contain;background:#f0eeea;border-radius:10px;margin:10px 0}.photo-editor{border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}.photo-actions{display:flex;flex-wrap:wrap;gap:8px}.upload-status{font-size:12px;min-height:22px;margin-top:9px;color:var(--muted)}.hidden-detail{display:none}html[data-theme=light]{color-scheme:light;background:#f2f3f5;color:#252931;--muted:#637080;--line:#d6dbe2;--surface:#fff;--yellow:#ecc240}html[data-theme=light] body{background:#f2f3f5;color:#252931}html[data-theme=light] button,html[data-theme=light] .button{background:#fff;color:#303641;border-color:#d4dae3}html[data-theme=light] button:hover,html[data-theme=light] .button:hover{background:#eef1f6;border-color:#a4afbf}html[data-theme=light] button.primary,html[data-theme=light] .primary,html[data-theme=light] .tabs .active{background:#ecc240;border-color:#d4ad32;color:#252016}html[data-theme=light] button.active{background:#fcf0c9;color:#59460f;border-color:#d6ae39}html[data-theme=light] .sidebar{background:#fff;border-color:#dce0e7}html[data-theme=light] .sidebar nav button{background:transparent;color:#626e7e;border-color:transparent}html[data-theme=light] .sidebar nav button.active{background:#fbefc8;color:#56420a}html[data-theme=light] .sidebar nav button:hover{background:#f1f3f6}html[data-theme=light] .sidebar>a,html[data-theme=light] a{color:#826312}html[data-theme=light] .panel,html[data-theme=light] .bill,html[data-theme=light] .table,html[data-theme=light] .stats article,html[data-theme=light] .customer-products article{background:#fff;border-color:#d6dce5;box-shadow:0 4px 14px #19253505}html[data-theme=light] .table.selected{background:#fff5d7;border-color:#c49e27;box-shadow:inset 0 0 0 1px #c49e27}html[data-theme=light] .table strong,html[data-theme=light] .table.filled strong,html[data-theme=light] .grand strong,html[data-theme=light] .customer-products strong{color:#806117}html[data-theme=light] .table-top small,html[data-theme=light] .table-bottom,html[data-theme=light] .qty{color:#697687}html[data-theme=light] .table-bottom,html[data-theme=light] .bill-line,html[data-theme=light] .bill-total,html[data-theme=light] .order-line,html[data-theme=light] td,html[data-theme=light] th,html[data-theme=light] dialog footer{border-color:#dce1e8}html[data-theme=light] .bill-total>div{color:#596475}html[data-theme=light] .bill-total .grand{color:#252931}html[data-theme=light] p{color:#657184}html[data-theme=light] .badge{background:#edf0f4;color:#525e6d}html[data-theme=light] .product,html[data-theme=light] .bill-tools button{background:#f8f9fb;color:#303641}html[data-theme=light] .product strong,html[data-theme=light] .product>span,html[data-theme=light] summary,html[data-theme=light] .customer-options h3{color:#806117}html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;color:#252931;border-color:#cbd3df}html[data-theme=light] label{color:#576376}html[data-theme=light] dialog,html[data-theme=light] .login-card{background:#fff;color:#252931;border-color:#cad3df}html[data-theme=light] dialog::backdrop{background:#202b4566}html[data-theme=light] .picker-summary,html[data-theme=light] .quick-pickup{background:#fff4d4;color:#63501a;border-color:#dac174}html[data-theme=light] .quick-pickup .eyebrow,html[data-theme=light] .quick-plus{color:#8d6e13}html[data-theme=light] .live{background:#f0f5e9;color:#4a633f;border-color:#cedbc2}html[data-theme=light] .login-page{background:radial-gradient(ellipse at top right,#ffeab7,transparent 60%),#f2f3f5}html[data-theme=light] .customer-tabs{background:#f2f3f5f5}html[data-theme=light] .customer-hero h1 em{color:#806117}html[data-theme=light] .warning{color:#8e6610}html[data-theme=light] .error,html[data-theme=light] button.danger{color:#aa3932}html[data-theme=light] .empty-icon{color:#b3becd}html[data-theme=light] .customer-options,html[data-theme=light] .customer-hero{border-color:#d9dce3}@media(min-width:1600px){.focus .tables{grid-template-columns:repeat(3,minmax(0,1fr))}.focus .table{min-height:255px}}@media(max-width:1150px){.focus .tables{grid-template-columns:repeat(3,minmax(0,1fr))}.focus .table{min-height:220px;padding:20px}.focus .table h3{font-size:23px}.focus .table strong{font-size:27px}}@media(max-width:850px){.top-right{display:flex;font-size:11px;gap:8px}.top-right .live{display:none}.top-right button{padding:8px 10px;font-size:11px}.focus .tables{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-theme{top:28px;right:0}}@media(max-width:620px){.top{flex-wrap:wrap}.top-right{justify-content:flex-start}.focus .table{min-height:190px;padding:18px}.focus .table h3{font-size:22px}.focus .table strong{font-size:25px}.quick-pickup{padding:22px;min-height:135px}.quick-pickup h2{font-size:24px}.quick-pickup p{font-size:12px}.customer-info{padding:17px!important}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats article{padding:14px}.stats small{font-size:10px}.stats strong{font-size:21px}.stats article:last-child:nth-child(odd){grid-column:1/-1}}@media print{html[data-theme=light] body,html body{background:#fff!important;color:#000!important}.product-photo{display:none}}

.customer-tabs button,#picker-cats button,html[data-theme="light"] .customer-tabs button,html[data-theme="light"] #picker-cats button{background:#292b2d;color:#f4cf32;border:1px solid #414348;border-radius:999px}.customer-tabs button.active,#picker-cats button.active,html[data-theme="light"] .customer-tabs button.active,html[data-theme="light"] #picker-cats button.active{background:#353739;color:#ffe052;border-color:#f4cf32;box-shadow:inset 0 0 0 1px #f4cf32}.customer-tabs button:hover,#picker-cats button:hover{background:#393b3e;color:#ffe052}.feature-panel{margin:18px 0;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.feature-panel .actions{flex-wrap:wrap}.qr-box{background:white;padding:24px;width:max-content;max-width:100%;margin:18px auto}.qr-box img,.qr-box canvas{display:block;max-width:100%}.call-banner{padding:14px;border:1px solid #f4cf32;border-radius:14px;margin-bottom:16px}.sold-label{color:#d77764;font-weight:700}.product-row{display:flex;gap:8px;align-items:stretch}.product-row>.product{flex:1}.product-row>.favorite-star{width:45px;color:#f4cf32}.item-check{display:flex;gap:14px;padding:12px;border-bottom:1px solid var(--line);align-items:center}.item-check input{width:20px}.feature-list{overflow:auto}.feature-list table{min-width:560px}

.quick-pickup-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.quick-pickup-wrap .quick-pickup{min-width:0;padding:22px;gap:10px}.quick-pickup-wrap h2{font-size:24px}.quick-pickup-wrap p{font-size:12px}.quick-pickup-wrap .quick-plus{font-size:36px;flex-shrink:0}.open-package-list{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.open-package-list button{margin:6px 6px 0 0}@media(max-width:620px){.quick-pickup-wrap{gap:10px}.quick-pickup-wrap .quick-pickup{padding:14px;min-height:145px;align-items:flex-start}.quick-pickup-wrap h2{font-size:20px}.quick-pickup-wrap .quick-plus{display:none}.quick-pickup-wrap p{font-size:11px}}

.table-mark{display:none}.focus .tables{gap:18px}.focus .table{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:235px;padding:24px;border-radius:24px;border:1px solid #3b4048;background:linear-gradient(135deg,#292d33,#202329);box-shadow:0 9px 22px #00000016;transition:transform .16s,border-color .16s,background .16s}.focus .table:hover{transform:translateY(-3px);border-color:#737b87}.focus .table.filled{border-color:#7d6a38;background:linear-gradient(135deg,#353127,#262729)}.focus .table.selected{border:2px solid #f3ce52;box-shadow:0 0 0 3px #f3ce5215}.focus .table-mark{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px}.focus .table-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#ffffff08;border:1px solid #ffffff0c;color:#a8afbb;font-size:26px}.focus .filled .table-symbol{background:#f3ce5214;color:#f3ce52;border-color:#f3ce5224}.focus .table-state{font-size:10px;letter-spacing:1.3px;font-weight:700;padding:7px 10px;border-radius:8px;background:#ffffff07;color:#abb3bf}.focus .filled .table-state{background:#f3ce5214;color:#f3ce52}.focus .table-top{display:none}.focus .table h3{font-size:25px;letter-spacing:-.5px;margin:20px 0 8px;font-weight:650}.focus .table strong{font-size:32px;color:#f1f3f6;letter-spacing:-1px}.focus .table:not(.filled) strong{font-size:22px;color:#777f8c}.focus .table-bottom{width:100%;border-top:1px solid #ffffff0b;padding-top:14px;margin-top:20px;font-size:12px;color:#a1a9b7}.focus .filled .table-bottom{border-color:#f3ce521b}.focus .table-bottom span{border-radius:6px;padding:2px 7px;background:#ffffff07}.focus .table:not(.filled) .table-bottom span{color:#f3ce52;background:#f3ce5212}html[data-theme=light] .focus .table{background:linear-gradient(135deg,#fff,#f4f5f7);border-color:#d7dce3;box-shadow:0 9px 22px #1c253008}html[data-theme=light] .focus .table.filled{background:linear-gradient(135deg,#fff8df,#fffdf7);border-color:#d5ba68}html[data-theme=light] .focus .table.selected{border-color:#b99120}html[data-theme=light] .focus .table-symbol{background:#e9ecf1;color:#6f7a89;border-color:#dce1e7}html[data-theme=light] .focus .filled .table-symbol{background:#f9e9af;color:#8d6c13;border-color:#ead493}html[data-theme=light] .focus .table-state{background:#e9edf1;color:#687385}html[data-theme=light] .focus .filled .table-state{background:#faedbc;color:#84630b}html[data-theme=light] .focus .table strong{color:#303743}html[data-theme=light] .focus .table-bottom{border-color:#dfe3e8;color:#718093}@media(max-width:620px){.focus .table{padding:18px;min-height:215px;border-radius:19px}.focus .table h3{font-size:23px}.focus .table strong{font-size:27px}.focus .table-symbol{width:38px;height:38px;font-size:22px}.focus .table-state{font-size:8px;padding:6px;letter-spacing:.5px}}

/* Salon görünümü */
.focus .tables{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.focus .table,.focus .table.filled,html[data-theme=light] .focus .table,html[data-theme=light] .focus .table.filled{align-items:center;min-height:278px;padding:18px 14px 14px;border-radius:22px;border:1px solid transparent;background:transparent;box-shadow:none}.focus .table:hover{background:#ffffff03;border-color:#ffffff12;transform:none}.focus .table.selected{background:#f3ce5205;border-color:#f3ce5240;box-shadow:none}.focus .table-mark{display:flex;flex-direction:column;align-items:center;gap:14px}.focus .table-state{background:transparent!important;padding:0;color:#7e8795;letter-spacing:1.6px;font-size:10px}.focus .filled .table-state{color:#f3ce52}.table-scene{position:relative;width:218px;height:190px;display:grid;place-items:center}.table-disc{position:relative;z-index:1;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#323840,#242a32);border:2px solid #49515d;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 16px #00000028,inset 0 0 0 7px #ffffff03;padding:12px}.focus .table .table-disc h3{font-size:21px;line-height:1.25;text-align:center;margin:0 0 8px;max-width:130px;overflow-wrap:anywhere;color:#e4e8ee}.focus .table .table-disc strong{font-size:12px;letter-spacing:0;color:#8892a0;font-weight:500}.focus .filled .table-disc{background:radial-gradient(circle at 35% 25%,#463e28,#302d25);border-color:#c4a448;box-shadow:0 10px 18px #00000030,inset 0 0 0 7px #f3ce5208}.focus .filled .table-disc strong{font-size:23px;font-weight:700;letter-spacing:-.7px;color:#f3ce52}.table-disc-icon{font-size:20px;margin-top:6px;color:#7f8997}.filled .table-disc-icon{color:#f3ce52;font-size:12px}.chair{position:absolute;background:#2b3139;border:1px solid #49515d;border-radius:10px;box-shadow:0 4px 7px #00000020}.chair-top,.chair-bottom{width:64px;height:23px;left:77px}.chair-top{top:0;border-radius:14px 14px 5px 5px}.chair-bottom{bottom:0;border-radius:5px 5px 14px 14px}.chair-left,.chair-right{height:64px;width:23px;top:63px}.chair-left{left:5px;border-radius:14px 5px 5px 14px}.chair-right{right:5px;border-radius:5px 14px 14px 5px}.filled .chair{background:#3a3528;border-color:#937d40}.focus .table > h3,.focus .table > strong{display:none}.focus .table-bottom{width:auto;min-width:160px;justify-content:center;gap:16px;border-top:none!important;padding:0;margin-top:13px;font-size:11px;color:#87909e}.focus .table-bottom span{background:transparent;padding:0}.focus .table:not(.filled) .table-bottom{visibility:hidden}.focus .table.selected .table-disc{border-color:#ffe17b;box-shadow:0 0 0 4px #f3ce5210,0 10px 20px #00000020}html[data-theme=light] .focus .table-disc{background:radial-gradient(circle at 35% 25%,#fff,#e7ecf2);border-color:#b3bdcb;box-shadow:0 10px 18px #26344612,inset 0 0 0 7px #fff9}html[data-theme=light] .focus .table .table-disc h3{color:#344051}html[data-theme=light] .focus .chair{background:#e5eaf0;border-color:#b6c1d0}html[data-theme=light] .focus .filled .table-disc{background:radial-gradient(circle at 35% 25%,#fff8d8,#f1df9c);border-color:#b99a3b}html[data-theme=light] .focus .filled .chair{background:#eadba9;border-color:#ba9e4f}html[data-theme=light] .focus .filled .table-disc strong,html[data-theme=light] .focus .filled .table-state{color:#876511}html[data-theme=light] .focus .table.selected{background:#f3ce5210;border-color:#c6a440}html[data-theme=light] .focus .table:hover{background:#ffffff80;border-color:#dce1e8}@media(max-width:1100px){.focus .tables{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.focus .table{min-height:250px;padding:14px 0}.table-scene{width:174px;height:164px}.table-disc{width:134px;height:134px}.chair-top,.chair-bottom{width:52px;height:18px;left:61px}.chair-left,.chair-right{width:18px;height:52px;top:56px}.chair-left{left:0}.chair-right{right:0}.focus .table .table-disc h3{font-size:18px}.focus .filled .table-disc strong{font-size:20px}.focus .table-bottom{min-width:0}.focus .tables{gap:6px}}
@media(min-width:1101px){.focus .table{min-height:240px;padding:10px 14px}.focus .table-mark{gap:10px}.focus .table-scene{width:198px;height:172px}.focus .table-disc{width:144px;height:144px}.focus .chair-top,.focus .chair-bottom{width:56px;height:20px;left:71px}.focus .chair-left,.focus .chair-right{height:56px;width:20px;top:58px}.focus .chair-left{left:4px}.focus .chair-right{right:4px}.focus .table-bottom{margin-top:8px}}
