@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";html,body,#root{width:100%;height:100%;margin:0;padding:0}*{box-sizing:border-box}.kds-board{gap:16px;height:100%;padding-bottom:10px;display:flex;overflow-x:auto}.kanban-column{background-color:var(--sayfa-arkaplan);border:1px solid var(--pasif-arkaplan);border-radius:8px;flex-direction:column;flex:1;min-width:280px;max-width:350px;display:flex}.kanban-header{border-bottom:1px solid var(--pasif-arkaplan);background-color:var(--icerik-arkaplan);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.kanban-header-left{align-items:center;gap:10px;display:flex}.kanban-dot{border-radius:50%;width:12px;height:12px}.kanban-title{color:var(--pasif-yazi-rengi);letter-spacing:1px;font-size:14px;font-weight:700}.kanban-count{font-size:24px;font-weight:800}.kanban-list{flex-direction:column;flex:1;gap:10px;padding:10px;display:flex;overflow-y:auto}.kds-card{background-color:var(--icerik-arkaplan);border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 4px #0000001a}.kds-card-header{color:#fff;padding:8px 12px}.kds-header-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kds-header-top h2{color:#fff;margin:0;font-size:18px;font-weight:800}.kds-time{background-color:#fff3;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;font-weight:600;display:flex}.kds-header-bottom{opacity:.9;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;display:flex}.kds-status-badge{letter-spacing:.5px;background-color:#0003;border-radius:4px;padding:2px 6px;font-weight:700}.kds-card-body{flex-direction:column;flex:1;gap:8px;padding:8px 12px;display:flex}.kds-item{border-bottom:1px solid var(--pasif-arkaplan);flex-direction:column;gap:4px;padding-bottom:8px;display:flex}.kds-item:last-child{border-bottom:none;padding-bottom:0}.kds-item-main{align-items:center;gap:10px;display:flex}.kds-item-bullet{background-color:var(--pasif-yazi-rengi);border-radius:50%;width:6px;height:6px}.kds-item-name{color:var(--yazi-rengi);flex:1;font-size:14px;font-weight:600}.kds-item-qty{color:var(--vurgu-rengi);font-size:15px;font-weight:700}.kds-item-note{color:#d97706;background-color:#d977061a;border-radius:4px;align-items:center;gap:6px;margin-left:16px;padding:4px 8px;font-size:12px;font-weight:600;display:flex}.kds-card-footer{border-top:1px solid var(--pasif-arkaplan);background-color:color-mix(in srgb, var(--pasif-arkaplan) 20%, transparent);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.kds-total{color:var(--pasif-yazi-rengi);font-size:12px}.kds-total b{color:var(--yazi-rengi);font-size:14px}.kds-bump-btn{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:opacity .2s}.kds-bump-btn:hover{opacity:.9}.open-accounts-container{height:100%;color:var(--yazi-rengi);gap:24px;padding:24px;display:flex}.accounts-list{flex-direction:column;flex:2;gap:20px;display:flex}.oa-header{align-items:center;gap:16px;display:flex}.oa-header h2{margin:0;font-size:24px}.account-count{background-color:var(--primary-color,#3b82f6);color:#fff;border-radius:20px;padding:4px 12px;font-size:14px;font-weight:500}.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid;overflow-y:auto}.account-card{background-color:var(--card-bg,#1e293b);border:2px solid var(--border-color,#334155);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s}.account-card:hover{border-color:#475569}.account-card.selected{border-color:var(--primary-color,#3b82f6);box-shadow:0 0 0 2px #3b82f633}.ac-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.ac-header h3{margin:0;font-size:20px}.total-amount{color:var(--success-color,#22c55e);font-size:20px;font-weight:700}.ac-footer{border-top:1px dashed var(--border-color,#334155);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.time-info{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:14px;display:flex}.btn-pay-small{background-color:var(--primary-color,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-weight:500}.account-detail-sidebar{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:16px;flex-direction:column;flex:1;min-width:350px;display:flex}.empty-selection{height:100%;color:var(--text-muted,#94a3b8);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.detail-content{flex-direction:column;height:100%;display:flex}.detail-header{border-bottom:1px solid var(--border-color,#334155);justify-content:space-between;align-items:center;padding:24px;display:flex}.detail-header h2{margin:0;font-size:20px}.detail-total{color:var(--success-color,#22c55e);font-size:24px;font-weight:700}.detail-items{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.d-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.d-item-info{align-items:center;gap:12px;display:flex}.d-item-info .qty{background-color:#ffffff1a;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600}.payment-actions{border-top:1px solid var(--border-color,#334155);flex-direction:column;gap:16px;padding:24px;display:flex}.payment-actions h3{color:var(--text-muted,#94a3b8);margin:0;font-size:16px}.payment-methods{gap:12px;display:flex}.method-btn{border:1px solid var(--border-color,#334155);color:var(--yazi-rengi);cursor:pointer;background-color:#0000;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.method-btn:hover,.method-btn:focus{border-color:var(--primary-color,#3b82f6);background-color:#ffffff0d}.btn-close-account{background-color:var(--success-color,#22c55e);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.btn-close-account:hover{opacity:.9}.table-management-container{color:var(--yazi-rengi);flex-direction:column;gap:24px;height:100%;padding:24px;display:flex}.tm-header{justify-content:space-between;align-items:center;display:flex}.tm-header h2{margin:0;font-size:24px;font-weight:600}.tm-actions{gap:16px;display:flex}.search-bar{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.search-bar input{color:var(--yazi-rengi);background:0 0;border:none;outline:none;width:200px}.btn-primary{background-color:var(--primary-color,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-weight:500;display:flex}.tm-filters{gap:12px;display:flex}.filter-btn{background-color:var(--card-bg,#1e293b);color:var(--yazi-rengi);border:1px solid var(--border-color,#334155);cursor:pointer;border-radius:20px;padding:6px 16px;transition:all .2s}.filter-btn.active{background-color:var(--primary-color,#3b82f6);color:#fff;border-color:var(--primary-color,#3b82f6)}.tm-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;display:grid;overflow-y:auto}.table-card{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;flex-direction:column;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.table-card:before{content:"";width:4px;height:100%;position:absolute;top:0;left:0}.table-card.status-empty:before{background-color:var(--success-color,#22c55e)}.table-card.status-full:before{background-color:var(--danger-color,#ef4444)}.table-card.status-waiting:before{background-color:var(--warning-color,#f59e0b)}.table-card.status-reserved:before{background-color:var(--info-color,#3b82f6)}.table-header{justify-content:space-between;align-items:center;display:flex}.table-header h3{margin:0;font-size:18px}.capacity{color:var(--text-muted,#94a3b8);background-color:#ffffff0d;border-radius:4px;padding:4px 8px;font-size:12px}.table-status{align-items:center;gap:8px;font-size:14px;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.table-actions{justify-content:flex-end;margin-top:auto;display:flex}.btn-outline{border:1px solid var(--border-color,#334155);color:var(--yazi-rengi);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;transition:all .2s}.btn-outline:hover{background-color:#ffffff0d}.create-order-container{height:100%;color:var(--yazi-rengi);gap:24px;padding:24px;display:flex}.menu-section{flex-direction:column;flex:2;gap:20px;display:flex}.co-header{justify-content:space-between;align-items:center;display:flex}.co-header h2{margin:0;font-size:24px}.table-selector{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);color:var(--yazi-rengi);border-radius:8px;outline:none;min-width:200px;padding:10px 16px;font-size:16px}.category-tabs{gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-thumb{background:var(--border-color,#334155);border-radius:4px}.cat-tab{background-color:var(--card-bg,#1e293b);color:var(--yazi-rengi);border:1px solid var(--border-color,#334155);white-space:nowrap;cursor:pointer;border-radius:20px;padding:8px 16px;transition:all .2s}.cat-tab.active{background-color:var(--primary-color,#3b82f6);color:#fff;border-color:var(--primary-color,#3b82f6)}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding-right:8px;display:grid;overflow-y:auto}.menu-item-card{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);cursor:pointer;text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;transition:all .2s;display:flex}.menu-item-card:hover{border-color:var(--primary-color,#3b82f6);transform:translateY(-2px)}.item-name{font-size:16px;font-weight:500}.item-price{color:var(--success-color,#22c55e);font-size:18px;font-weight:600}.cart-section{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:16px;flex-direction:column;flex:1;min-width:350px;display:flex}.cart-header{border-bottom:1px solid var(--border-color,#334155);align-items:center;gap:12px;padding:20px;display:flex}.cart-header h2{margin:0;font-size:20px}.cart-items{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.empty-cart{height:100%;color:var(--text-muted,#94a3b8);justify-content:center;align-items:center;display:flex}.cart-item{background-color:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;gap:12px;padding:12px;display:flex}.c-item-info{justify-content:space-between;align-items:center;display:flex}.c-item-name{font-weight:500}.c-item-price{font-weight:600}.c-item-actions{justify-content:space-between;align-items:center;display:flex}.qty-controls{background-color:#0003;border-radius:6px;align-items:center;gap:12px;padding:4px;display:flex}.qty-controls button{color:var(--yazi-rengi);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.qty-controls button:hover{background-color:#ffffff1a}.btn-remove{color:var(--danger-color,#ef4444);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.cart-footer{border-top:1px solid var(--border-color,#334155);flex-direction:column;gap:16px;padding:20px;display:flex}.cart-total{justify-content:space-between;align-items:center;font-size:20px;font-weight:600;display:flex}.cart-total .amount{color:var(--success-color,#22c55e);font-size:24px}.btn-submit-order{background-color:var(--primary-color,#3b82f6);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:600;transition:opacity .2s;display:flex}.btn-submit-order:disabled{opacity:.5;cursor:not-allowed}.btn-submit-order:not(:disabled):hover{opacity:.9}.error-text{color:var(--danger-color,#ef4444);text-align:center;margin:0;font-size:14px}.options-modal-overlay{z-index:1000;background-color:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.options-modal{background-color:var(--card-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex}.options-modal h3{border-bottom:1px solid var(--border-color,#334155);margin:0;padding:20px;font-size:20px}.options-modal-body{flex-direction:column;gap:20px;padding:20px;display:flex;overflow-y:auto}.option-group h4{color:var(--pasif-yazi-rengi);margin:0 0 10px;font-size:16px}.options-list{flex-direction:column;gap:8px;display:flex}.option-item{cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:8px;transition:background-color .2s;display:flex}.option-item:hover{background-color:#ffffff0d}.option-item input{cursor:pointer;width:18px;height:18px}.options-modal-footer{border-top:1px solid var(--border-color,#334155);justify-content:flex-end;gap:12px;padding:20px;display:flex}.options-modal-footer button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600}.btn-cancel{color:var(--yazi-rengi);background-color:#0000;border:1px solid var(--border-color,#334155)!important}.btn-confirm{background-color:var(--primary-color,#3b82f6);color:#fff}.pending-orders-container{background-color:var(--sayfa-arkaplan);border:1px solid var(--pasif-arkaplan);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.pending-orders-header{border-bottom:1px solid var(--pasif-arkaplan);background-color:#fff;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.pending-orders-header h2{color:var(--yazi-rengi);align-items:center;gap:10px;margin:0;font-size:1.25rem;display:flex}.pending-orders-badge{background-color:var(--vurgu-rengi);color:#fff;border-radius:20px;padding:4px 10px;font-size:.85rem;font-weight:600}.pending-orders-list{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.pending-order-card{border:1px solid var(--pasif-arkaplan);background-color:#fff;border-radius:10px;transition:all .2s;overflow:hidden}.pending-order-card:hover{border-color:color-mix(in srgb, var(--vurgu-rengi) 50%, transparent);box-shadow:0 4px 12px #0000000d}.pending-order-summary{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pending-order-info{align-items:center;gap:20px;display:flex}.pending-table-name{color:var(--yazi-rengi);width:100px;font-size:1.2rem;font-weight:700}.pending-time{color:var(--pasif-yazi-rengi);background-color:var(--sayfa-arkaplan);border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:.95rem;display:flex}.pending-time.urgent{color:#ef4444;background-color:#fef2f2}.pending-items-count{color:var(--yazi-rengi);font-size:.95rem;font-weight:500}.pending-actions{align-items:center;gap:12px;display:flex}.btn-approve{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:.95rem;font-weight:600;transition:background-color .2s;display:flex}.btn-approve:hover{background-color:#059669}.btn-approve:disabled{cursor:not-allowed;background-color:#a7f3d0}.btn-reject{color:#ef4444;cursor:pointer;background-color:#0000;border:1px solid #ef4444;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-reject:hover{background-color:#fef2f2}.btn-reject:disabled{color:#fca5a5;cursor:not-allowed;background-color:#0000;border-color:#fca5a5}.pending-order-details{border-top:1px dashed var(--pasif-arkaplan);background-color:#fafafa;padding:16px 20px;animation:.3s ease-out forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detail-item{border-bottom:1px solid var(--pasif-arkaplan);flex-direction:column;padding:12px 0;display:flex}.detail-item:last-child{border-bottom:none;padding-bottom:0}.detail-item-main{color:var(--yazi-rengi);justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;display:flex}.detail-item-options{color:var(--pasif-yazi-rengi);margin-top:6px;padding-left:16px;font-size:.85rem}.detail-item-options ul{margin:4px 0 0;padding-left:16px}.detail-item-note{color:#854d0e;background-color:#fffbdd;border-left:3px solid #facc15;border-radius:0 4px 4px 0;align-items:flex-start;gap:6px;margin-top:8px;padding:8px 12px;font-size:.9rem;display:flex}.empty-state{height:100%;color:var(--pasif-yazi-rengi);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-state svg{opacity:.3}.kds-header{background-color:var(--icerik-arkaplan);border:none;border-bottom:1px solid var(--pasif-arkaplan);z-index:50;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:10px 24px;display:flex;box-shadow:0 4px 20px #0000000a}.header-left{flex:1;align-items:center;gap:24px;display:flex}.header-logo{align-items:center;gap:4px;font-family:monospace;font-size:20px;font-weight:700;display:flex}.logo-bracket{color:var(--vurgu-rengi)}.logo-text{color:var(--yazi-rengi)}.header-center{align-items:center;gap:12px;display:flex}.custom-dropdown-container{position:relative}.custom-dropdown-button{cursor:pointer;border-radius:8px;align-items:center;gap:8px;min-width:200px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.custom-dropdown-button span{text-align:left;flex:1}.custom-dropdown-button.primary{background-color:var(--vurgu-rengi);color:#fff;border:1px solid var(--vurgu-rengi)}.custom-dropdown-button.primary:hover{background-color:color-mix(in srgb, var(--vurgu-rengi) 80%, black)}.custom-dropdown-button.outline{color:var(--yazi-rengi);border:1px solid var(--pasif-arkaplan);background-color:#0000}.custom-dropdown-button.outline:hover{background-color:var(--pasif-arkaplan)}.custom-dropdown-menu{background-color:var(--icerik-arkaplan);border:1px solid var(--pasif-arkaplan);z-index:100;border-radius:8px;min-width:200px;display:none;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 10px 25px #0000001a}.custom-dropdown-container:after{content:"";background:0 0;height:10px;position:absolute;top:100%;left:0;right:0}.custom-dropdown-container:hover .custom-dropdown-menu{display:block}.custom-dropdown-item{color:var(--yazi-rengi);cursor:pointer;padding:10px 16px;font-size:14px;transition:background-color .2s}.custom-dropdown-item:hover{background-color:var(--pasif-arkaplan)}.custom-dropdown-item.active{background-color:color-mix(in srgb, var(--vurgu-rengi) 10%, transparent);color:var(--vurgu-rengi);font-weight:600}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.theme-toggle-btn,.notification-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex;position:relative}.theme-toggle-btn:hover,.notification-btn:hover{background-color:var(--pasif-arkaplan)}.theme-icon,.bell-icon{color:var(--yazi-rengi)}.notification-badge{background-color:var(--vurgu-rengi);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.header-profile-container{position:relative}.header-profile{cursor:pointer;background-color:color-mix(in srgb, var(--vurgu-rengi) 10%, transparent);border-radius:8px;align-items:center;gap:8px;padding:4px 8px;transition:background-color .2s;display:flex}.header-profile:hover{background-color:color-mix(in srgb, var(--vurgu-rengi) 15%, transparent)}.profile-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.profile-name{color:var(--yazi-rengi);font-size:14px;font-weight:600}.profile-chevron{color:var(--pasif-yazi-rengi)}.profile-dropdown{background-color:var(--icerik-arkaplan);border:1px solid var(--pasif-arkaplan);z-index:100;border-radius:8px;width:180px;margin-top:8px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #00000014}.dropdown-item{color:var(--yazi-rengi);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.dropdown-item.text-red{color:#ef4444}.dropdown-item:hover{background-color:var(--pasif-arkaplan)}.header-clock{border-left:1px solid var(--pasif-arkaplan);flex-direction:column;align-items:flex-end;padding-left:16px;display:flex}.clock-time{color:var(--yazi-rengi);letter-spacing:.5px;font-variant-numeric:tabular-nums;font-size:16px;font-weight:700}.clock-date{color:var(--pasif-yazi-rengi);font-size:11px;font-weight:500}:root{--sayfa-arkaplan:#fff;--icerik-arkaplan:#fff;--pasif-arkaplan:#f5f5f5;--yazi-rengi:#080808;--pasif-yazi-rengi:#767676;--vurgu-rengi:#a81e22;--dolgun-kirmizi:#7d1f22;--flame:#e85e28;--soft-linen:#0d0d0d;background-color:var(--sayfa-arkaplan);--ana-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--soft-linen:#f3f0e6;--sayfa-arkaplan:#000;--icerik-arkaplan:#141414;--pasif-arkaplan:#1a1a1a;--yazi-rengi:#fff}body{background-color:var(--sayfa-arkaplan);color:var(--yazi-rengi);font-family:var(--ana-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s,color .3s}input,button,select,textarea,optgroup{font-family:var(--ana-font)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--pasif-yazi-rengi);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--vurgu-rengi)}.global-toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:90px;right:24px}.toast-box{pointer-events:auto;background-color:var(--icerik-arkaplan);border-left:5px solid #0000;border-radius:12px;align-items:center;gap:12px;min-width:320px;max-width:420px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;box-shadow:0 10px 30px #0000001f}.toast-clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.toast-clickable:hover{transform:translateY(-2px);box-shadow:0 12px 35px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.toast-box.error{background-color:color-mix(in srgb, #ff4d4f 6%, var(--icerik-arkaplan));border-left-color:#ff4d4f}.toast-box.success{background-color:color-mix(in srgb, #10b981 6%, var(--icerik-arkaplan));border-left-color:#10b981}.toast-box.info{background-color:color-mix(in srgb, #3b82f6 6%, var(--icerik-arkaplan));border-left-color:#3b82f6}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-box.error .toast-icon{color:#ff4d4f}.toast-box.success .toast-icon{color:#10b981}.toast-box.info .toast-icon{color:#3b82f6}.toast-message{color:var(--yazi-rengi);flex:1;font-size:13px;font-weight:600;line-height:1.5}.toast-close{color:var(--pasif-yazi-rengi);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toast-close:hover{background-color:color-mix(in srgb, var(--yazi-rengi) 8%, transparent);color:var(--yazi-rengi)}