.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}.toast{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:10px;font-size:14px;font-weight:500;color:#fff;background:#1e1e32f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006;animation:slideIn .3s ease}.toast-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:12px;font-weight:700}.toast-success .toast-icon{background:#51cf6633;color:#51cf66}.toast-error .toast-icon{background:#ff6b6b33;color:#ff6b6b}.toast-info .toast-icon{background:#c4a77d33;color:#c4a77d}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}:root{--color-primary: #C4A77D;--color-primary-dark: #A88B5E;--color-primary-light: #D4BC94;--color-background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f0f23 100%);--color-card: rgba(255, 255, 255, .05);--color-card-border: rgba(255, 255, 255, .1);--color-text: #ffffff;--color-text-muted: #a0a0a0;--color-error: #ff6b6b;--color-success: #51cf66;--color-accent: #C4A77D}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:20px}.login-card{width:100%;max-width:420px;background:var(--color-card);border:1px solid var(--color-card-border);border-radius:24px;padding:48px 40px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 25px 50px -12px #00000080}.login-header{text-align:center;margin-bottom:40px}.login-logo{width:100px;height:auto;margin-bottom:16px;filter:drop-shadow(0 4px 8px rgba(196,167,125,.3))}.login-header h1{font-size:28px;font-weight:700;color:var(--color-text);margin-bottom:8px;letter-spacing:2px}.login-header p{font-size:14px;color:var(--color-text-muted)}.login-form{display:flex;flex-direction:column;gap:20px}.login-error{background:#ff6b6b26;border:1px solid var(--color-error);color:var(--color-error);padding:14px 18px;border-radius:12px;font-size:14px;text-align:center}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--color-text)}.form-group input{width:100%;padding:16px 18px;font-size:16px;border:1px solid var(--color-card-border);border-radius:12px;background:#ffffff0d;color:var(--color-text);transition:all .2s ease;outline:none;font-family:inherit}.form-group input::placeholder{color:var(--color-text-muted)}.form-group input:focus{border-color:var(--color-primary);background:#ffffff14;box-shadow:0 0 0 3px #c4a77d33}.login-button{width:100%;padding:18px;font-size:16px;font-weight:600;color:#1a1a2e;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin-top:8px;font-family:inherit;letter-spacing:1px}.login-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #c4a77d66}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:32px}.login-footer p{font-size:12px;color:var(--color-text-muted)}@media (max-width: 480px){.login-card{padding:36px 28px;border-radius:20px}.login-logo{width:80px}.login-header h1{font-size:24px}.form-group input{padding:18px}.login-button{padding:20px}}.admin-layout{display:flex;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23)}.admin-sidebar{width:260px;background:#ffffff08;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:24px 0}.sidebar-header{text-align:center;padding:0 24px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{width:60px;height:auto;margin-bottom:12px}.sidebar-header h2{font-size:20px;font-weight:700;color:#fff;letter-spacing:2px;margin-bottom:4px}.sidebar-role{font-size:12px;color:#c4a77d;text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:8px}.nav-link{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:15px;color:#a0a0a0;text-decoration:none;border-radius:10px;transition:all .2s ease}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link.active{background:#c4a77d26;color:#c4a77d;font-weight:500}.sidebar-footer{padding:24px;border-top:1px solid rgba(255,255,255,.08)}.sidebar-footer .user-info{display:flex;flex-direction:column;margin-bottom:16px}.sidebar-footer .user-name{font-size:14px;font-weight:500;color:#fff}.sidebar-footer .user-role{font-size:12px;color:#a0a0a0}.sidebar-footer .logout-btn{width:100%;padding:12px;font-size:14px;font-weight:500;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.sidebar-footer .logout-btn:hover{background:#ff6b6b33}.admin-main{flex:1;padding:32px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1{font-size:28px;font-weight:700;color:#fff}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;color:#1a1a2e;background:linear-gradient(135deg,#c4a77d,#a88b5e);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c4a77d4d}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#a0a0a0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none}.btn-secondary:hover{background:#ffffff1a;color:#fff}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-danger:hover{background:#ff6b6b33}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.data-table{width:100%;border-collapse:collapse;table-layout:fixed}.data-table th,.data-table td{padding:16px 20px;text-align:left}.data-table th:first-child,.data-table td:first-child{width:40%}.data-table th:last-child,.data-table td:last-child{width:auto;text-align:right}.data-table th{font-size:12px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.data-table td{font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.actions{display:flex;gap:8px;justify-content:flex-end}.badge{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:20px}.badge-active{color:#51cf66;background:#51cf6626}.badge-inactive{color:#ff6b6b;background:#ff6b6b26}.form-card{max-width:600px}.form-card .card-body{padding:32px}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:500;color:#fff;margin-bottom:8px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:14px 16px;font-size:15px;color:#fff;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-family:inherit;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c4a77d;box-shadow:0 0 0 3px #c4a77d33}.form-group input::placeholder,.form-group textarea::placeholder{color:#666}.form-group select option{background:#1a1a2e;color:#fff}.form-actions{display:flex;gap:12px;margin-top:32px}.empty-state{text-align:center;padding:60px 20px;color:#a0a0a0}.empty-state-icon{font-size:48px;margin-bottom:16px}.empty-state p{margin-bottom:24px}.loading{display:flex;align-items:center;justify-content:center;padding:60px;color:#a0a0a0}.error-message{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:16px 20px;border-radius:10px;margin-bottom:24px}@media (max-width: 768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-nav{flex-direction:row;overflow-x:auto;padding:16px}.nav-link{white-space:nowrap}}.dashboard-container{display:flex;flex-direction:column;gap:32px}.page-header{display:flex;justify-content:space-between;align-items:center}.date-badge{padding:8px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#a0a0a0;font-size:14px;font-weight:500}.card{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:12px}.full-width-card{padding:24px;width:100%}.full-width-card h3{margin:0 0 24px;font-size:16px;font-weight:600;color:#fff}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.kpi-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);transition:transform .2s ease;border-radius:12px}.kpi-card:hover{transform:translateY(-2px);background:#ffffff0a}.kpi-icon{font-size:32px;padding:12px;background:#ffffff08;border-radius:12px}.turnover .kpi-icon{background:#c4a77d1a;color:#c4a77d}.orders .kpi-icon{background:#74c0fc1a;color:#74c0fc}.ticket .kpi-icon{background:#51cf661a;color:#51cf66}.cancel .kpi-icon{background:#ff6b6b1a;color:#ff6b6b}.kpi-content{display:flex;flex-direction:column;flex:1}.kpi-label{font-size:13px;color:#a0a0a0;margin-bottom:4px}.kpi-value{font-size:24px;font-weight:700;color:#fff}.kpi-sub{font-size:12px;color:#666;margin-top:2px}.turnover .kpi-value{color:#c4a77d}.dashboard-main-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.dashboard-side-grid{display:flex;flex-direction:column;gap:24px}@media (max-width: 1200px){.dashboard-main-grid{grid-template-columns:1fr}}.chart-card,.side-card{padding:24px;min-height:350px;display:flex;flex-direction:column;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.05);border-radius:12px}.chart-card h3,.side-card h3{margin:0 0 24px;font-size:16px;font-weight:600;color:#fff}.hourly-chart{flex:1;display:flex;align-items:flex-end;gap:12px;padding-top:20px;overflow-x:auto}.chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:32px}.chart-bar-track{width:60%;height:200px;background:#ffffff05;border-radius:4px;display:flex;align-items:flex-end;position:relative}.chart-bar{width:100%;background:#c4a77d;border-radius:4px;opacity:.8;transition:all .3s ease;position:relative;display:flex;justify-content:center}.chart-bar:hover{opacity:1;background:#deb887}.bar-value{position:absolute;top:-24px;font-size:11px;font-weight:600;color:#fff}.bar-label{font-size:11px;color:#666}.payment-distribution{display:flex;flex-direction:column;gap:24px}.payment-row{display:flex;flex-direction:column;gap:8px}.payment-info{display:flex;justify-content:space-between;font-size:14px;color:#fff}.progress-track{height:8px;background:#ffffff0d;border-radius:4px;overflow:hidden}.progress-bar{height:100%;border-radius:4px}.progress-bar.cash{background:#51cf66}.progress-bar.card-payment{background:#74c0fc}.payment-count{font-size:12px;color:#666;text-align:right}.top-products{display:flex;flex-direction:column;gap:12px}.top-product-item{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border-radius:8px}.rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#c4a77d1a;color:#c4a77d;border-radius:50%;font-size:12px;font-weight:700}.product-details{flex:1;display:flex;flex-direction:column;gap:2px}.product-details .name{font-size:14px;color:#fff;font-weight:500}.product-details .stats{font-size:12px;color:#888}.no-data{display:flex;align-items:center;justify-content:center;height:100%;color:#666;font-size:14px;font-style:italic}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(145deg,#1e1e32,#161625);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:scaleIn .2s ease}.modal-confirm{max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{font-size:18px;font-weight:600;color:#fff;margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#a0a0a0;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{padding:24px}.modal-body p{color:#a0a0a0;line-height:1.6;margin-bottom:24px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.kasa-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23)}.kasa-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.kasa-logo{display:flex;align-items:center;gap:12px}.kasa-logo img{height:40px;width:auto}.kasa-logo span{font-size:20px;font-weight:700;color:#fff;letter-spacing:2px}.kasa-user{display:flex;align-items:center;gap:16px;color:#a0a0a0}.kasa-user .logout-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s ease}.kasa-user .logout-btn:hover{background:#ff6b6b33}.kasa-nav{display:flex;gap:8px}.nav-tab{padding:12px 24px;font-size:15px;font-weight:600;color:#a0a0a0;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.nav-tab:hover{background:#ffffff0d;color:#fff}.nav-tab.active{background:#c4a77d26;border-color:#c4a77d;color:#c4a77d}.kasa-content{display:flex;flex:1;gap:0;min-height:0;overflow:hidden}.kasa-products{flex:1;display:flex;flex-direction:column;padding:20px;border-right:1px solid rgba(255,255,255,.08)}.category-tabs{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.category-tab{padding:14px 28px;font-size:15px;font-weight:600;color:#a0a0a0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;font-family:inherit;transition:all .2s ease}.category-tab:hover{background:#ffffff1a;color:#fff}.category-tab.active{background:#c4a77d33;border-color:#c4a77d;color:#c4a77d}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;overflow-y:auto;flex:1;align-content:start}.product-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 12px;height:90px;font-family:inherit;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.product-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.product-btn:active{transform:scale(.98)}.product-name{font-size:15px;font-weight:600;color:#fff;text-align:center}.product-price{font-size:16px;font-weight:700;color:#c4a77d}.kasa-cart{width:380px;display:flex;flex-direction:column;background:#ffffff05;min-height:0;overflow:hidden}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.08)}.cart-header h2{font-size:16px;font-weight:700;color:#fff;letter-spacing:1px}.clear-btn{padding:8px 14px;font-size:13px;color:#ff6b6b;background:transparent;border:1px solid rgba(255,107,107,.3);border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s ease}.clear-btn:hover{background:#ff6b6b1a}.cart-items{flex:1;overflow-y:auto;padding:16px;min-height:0;position:relative}.cart-items-wrapper{position:relative}.scroll-indicator{position:sticky;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(26,26,46,.95),transparent);display:flex;align-items:center;justify-content:center;pointer-events:none}.scroll-indicator span{font-size:12px;color:#c4a77d;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#666;text-align:center}.cart-empty p{font-size:16px;color:#888;margin-bottom:8px}.cart-empty span{font-size:13px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#ffffff08;border-radius:12px;margin-bottom:10px}.cart-item-info{display:flex;flex-direction:column;gap:4px}.cart-item-name{font-size:14px;font-weight:500;color:#fff}.cart-item-price{font-size:14px;color:#c4a77d;font-weight:600}.cart-item-controls{display:flex;align-items:center;gap:12px}.qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:#ffffff1a;border:none;border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.qty-btn:hover{background:#fff3}.qty-value{font-size:18px;font-weight:700;color:#fff;min-width:24px;text-align:center}.cart-footer{padding:20px;border-top:1px solid rgba(255,255,255,.08)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.cart-total span{font-size:14px;font-weight:600;color:#a0a0a0}.total-amount{font-size:28px!important;font-weight:700!important;color:#c4a77d!important}.payment-buttons{display:flex;gap:10px}.payment-btn{flex:4;padding:20px;font-size:18px;font-weight:700;color:#1a1a2e;background:linear-gradient(135deg,#c4a77d,#a88b5e);border:none;border-radius:14px;cursor:pointer;font-family:inherit;transition:all .2s ease}.payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #c4a77d4d}.payment-btn:disabled{opacity:.5;cursor:not-allowed}.split-btn{flex:1;padding:20px;font-size:24px;font-weight:700;color:#74c0fc;background:#74c0fc26;border:1px solid rgba(116,192,252,.3);border-radius:14px;cursor:pointer;font-family:inherit;transition:all .2s ease}.split-btn:hover:not(:disabled){background:#74c0fc40}.split-btn:disabled{opacity:.5;cursor:not-allowed}.cart-paid,.cart-remaining{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cart-paid span,.cart-remaining span{font-size:13px;color:#888}.paid-amount{font-size:18px!important;font-weight:600!important;color:#51cf66!important}.remaining-amount{font-size:18px!important;font-weight:600!important;color:#ffc107!important}.split-modal-content{text-align:center;margin-bottom:24px}.split-modal-content p{font-size:16px;color:#a0a0a0;margin-bottom:20px}.split-options{display:flex;gap:12px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.split-option{width:60px;height:60px;font-size:24px;font-weight:700;color:#a0a0a0;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;font-family:inherit;transition:all .2s ease}.split-option:hover{background:#ffffff1a;color:#fff}.split-option.active{background:#74c0fc26;border-color:#74c0fc;color:#74c0fc}.split-preview{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;background:#ffffff08;border-radius:12px}.split-preview span{font-size:14px;color:#a0a0a0}.split-preview-amount{font-size:24px!important;font-weight:700!important;color:#c4a77d!important}.split-info{text-align:center;padding:12px;background:#74c0fc1a;border-radius:10px;margin-bottom:16px}.split-info span{font-size:16px;font-weight:600;color:#74c0fc}.payment-options{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.payment-option{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 20px;font-family:inherit;font-size:16px;font-weight:600;color:#a0a0a0;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:16px;cursor:pointer;transition:all .2s ease}.payment-option:hover{background:#ffffff1a;color:#fff}.payment-option.active{background:#c4a77d26;border-color:#c4a77d;color:#c4a77d}.payment-icon{font-size:36px}.payment-total{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff08;border-radius:12px;margin-bottom:24px}.payment-total span{font-size:14px;color:#a0a0a0}.payment-amount{font-size:28px!important;font-weight:700!important;color:#c4a77d!important}.payment-confirm{flex:2;padding:18px 32px;font-size:16px}.orders-history{flex:1;padding:24px;overflow-y:auto}.orders-list h2{font-size:24px;font-weight:700;color:#fff;margin-bottom:24px}.orders-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:12px;overflow:hidden}.orders-table th,.orders-table td{padding:16px 20px;text-align:left}.orders-table th{font-size:12px;font-weight:600;color:#a0a0a0;text-transform:uppercase;letter-spacing:1px;background:#ffffff05;border-bottom:1px solid rgba(255,255,255,.08)}.orders-table td{font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.05)}.orders-table tr:last-child td{border-bottom:none}.order-num{font-weight:700;color:#c4a77d!important}.order-total{font-weight:600}.order-items{color:#a0a0a0!important;max-width:300px}.status-badge{display:inline-block;padding:4px 12px;font-size:12px;font-weight:500;border-radius:20px}.status-pending{color:#ffd43b;background:#ffd43b26}.status-preparing{color:#74c0fc;background:#74c0fc26}.status-completed{color:#51cf66;background:#51cf6626}.status-cancelled{color:#ff6b6b;background:#ff6b6b26}.no-orders{text-align:center;padding:60px 20px;color:#666}@media (max-width: 900px){.kasa-content{flex-direction:column}.kasa-cart{width:100%;max-height:50vh}.product-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.extras-selection-content{margin-bottom:24px}.extras-selection-content p{font-size:16px;color:#a0a0a0;margin-bottom:16px;text-align:center}.extras-list-select{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.extra-select-btn{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.extra-select-btn:hover{background:#ffffff14}.extra-select-btn.active{background:#c4a77d26;border-color:#c4a77d}.extra-select-btn span{font-size:16px;color:#fff;font-weight:500}.extra-select-btn.active span{color:#c4a77d}.extra-price{font-weight:600!important;color:#c4a77d!important}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.barista-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23)}.barista-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.08)}.barista-logo{display:flex;align-items:center;gap:12px}.barista-logo img{height:40px;width:auto}.barista-logo span{font-size:20px;font-weight:700;color:#c4a77d;letter-spacing:3px}.barista-user{display:flex;align-items:center;gap:16px;color:#a0a0a0}.barista-user .logout-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;cursor:pointer;font-family:inherit;transition:all .2s ease}.barista-user .logout-btn:hover{background:#ff6b6b33}.barista-content{flex:1;display:flex;flex-direction:column;gap:32px;padding:24px;overflow-y:auto}.orders-section h2{font-size:20px;font-weight:700;color:#fff;margin-bottom:20px}.pending-section{background:#ffc1070d;padding:24px;border-radius:16px;border:1px solid rgba(255,193,7,.2)}.pending-section h2{color:#ffc107}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.order-card{background:#ffffff0d;border-radius:16px;padding:20px;transition:all .3s ease}.order-card.status-pending{border:2px solid #ffc107;animation:pulse-pending 2s infinite}.order-card.status-preparing{border:2px solid #74c0fc;background:#74c0fc1a}@keyframes pulse-pending{0%,to{box-shadow:0 0 #ffc10766}50%{box-shadow:0 0 20px 5px #ffc10733}}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.order-number{font-size:24px;font-weight:800;color:#c4a77d}.order-status{padding:6px 14px;font-size:12px;font-weight:600;border-radius:20px;text-transform:uppercase}.order-status.pending{color:#ffc107;background:#ffc10733}.order-status.preparing{color:#74c0fc;background:#74c0fc33}.order-items{margin-bottom:16px}.order-item{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.order-item:last-child{border-bottom:none}.item-qty{font-size:16px;font-weight:700;color:#c4a77d;min-width:30px}.item-name{font-size:16px;color:#fff}.order-note{background:#ffffff0d;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-size:14px;color:#a0a0a0}.order-time{font-size:13px;color:#666;margin-bottom:16px}.order-actions{display:flex;gap:10px}.btn-preparing{flex:1;padding:14px;font-size:14px;font-weight:600;color:#74c0fc;background:#74c0fc26;border:1px solid rgba(116,192,252,.3);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.btn-preparing:hover{background:#74c0fc40}.btn-complete{flex:1;padding:14px;font-size:14px;font-weight:600;color:#51cf66;background:#51cf6626;border:1px solid rgba(81,207,102,.3);border-radius:10px;cursor:pointer;font-family:inherit;transition:all .2s ease}.btn-complete:hover{background:#51cf6640}.completed-section{padding:24px;background:#ffffff05;border-radius:16px}.completed-section h2{color:#51cf66}.completed-list{display:flex;flex-direction:column;gap:8px}.completed-item{display:flex;align-items:center;gap:16px;padding:12px 16px;background:#ffffff08;border-radius:10px}.completed-item .order-number{font-size:16px;font-weight:700;color:#51cf66}.completed-item .order-summary{flex:1;font-size:14px;color:#a0a0a0}.completed-item .order-time{font-size:13px;color:#666;margin:0}.no-orders{text-align:center;padding:40px 20px;color:#666}.no-orders p{font-size:16px;color:#888}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #C4A77D;--color-primary-dark: #A88B5E;--color-primary-light: #D4BC94}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;margin:0;padding:0;background-color:#1a1a2e}body{width:100%;min-height:100vh;margin:0;padding:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f0f23);background-attachment:fixed;color:#fff;overflow-x:hidden}#root{min-height:100vh}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen p{color:#a0a0a0;font-size:14px}.dashboard-placeholder{min-height:100vh;padding:24px}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;margin-bottom:24px}.dashboard-header h1{font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.dashboard-header h1 img{width:40px;height:auto}.user-info{display:flex;align-items:center;gap:16px}.user-info span{color:#a0a0a0}.logout-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:inherit}.logout-btn:hover{background:#ff6b6b33}.dashboard-content{padding:32px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px}.dashboard-content p{color:#a0a0a0;margin-bottom:20px}.dashboard-content ul{list-style:none;display:flex;flex-direction:column;gap:12px}.dashboard-content li{padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#fff}.dashboard-content li:before{content:"→";margin-right:12px;color:var(--color-primary)}