*{box-sizing:border-box}body{margin:0;background:#07111f;color:#eef7ff;font-family:Inter,ui-sans-serif,system-ui;min-height:100vh}.history-shell{width:min(1180px,calc(100% - 32px));margin:auto;padding:24px 0 60px}.history-shell header{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;padding:18px 0 28px}.back-link{grid-column:1/-1;color:#8fa5bb;text-decoration:none;font-weight:800}.history-title small,.history-head small{color:#5ee6b8;font-size:11px;font-weight:900;letter-spacing:.18em}.history-title h1{font-size:clamp(34px,6vw,62px);margin:5px 0}.history-title p{margin:0;color:#8fa5bb}.reset-history{border:1px solid #fb718555;background:#fb718514;color:#fda4af;border-radius:13px;padding:13px 17px;font-weight:900;cursor:pointer}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.history-stats article,.history-card{border:1px solid #ffffff13;background:#0b1a2a;border-radius:20px}.history-stats article{padding:18px}.history-stats span{display:block;color:#8398ad;font-size:10px;font-weight:900;letter-spacing:.1em}.history-stats strong{display:block;margin-top:7px;font-size:28px}.history-card{overflow:hidden}.history-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px}.history-head h2{margin:4px 0 0}.history-head input{width:min(340px,50%);border:1px solid #ffffff18;background:#071522;color:#fff;border-radius:13px;padding:12px 14px;outline:none}.history-list{padding:0 22px 22px}.history-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #ffffff0e}.history-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#5ee6b817;color:#5ee6b8}.history-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.history-row.delete .history-icon{background:#fb718517;color:#fb7185}.history-row.add .history-icon{color:#7dd3fc;background:#7dd3fc17}.history-product{min-width:0}.history-product strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-product span{display:block;color:#7f94aa;font-size:12px;margin-top:4px}.history-meta{text-align:right}.history-meta b{display:block;font-size:18px}.history-meta time{display:block;color:#8196ab;font-size:11px;margin-top:4px}.history-empty{text-align:center;color:#8296aa;padding:48px}.reset-history:disabled{opacity:.45}@media(max-width:640px){.history-shell{width:min(100% - 20px,1180px);padding-top:10px}.history-shell header{grid-template-columns:1fr}.reset-history{width:100%}.history-stats{grid-template-columns:1fr 1fr}.history-stats article:last-child{grid-column:1/-1}.history-head{align-items:stretch;flex-direction:column}.history-head input{width:100%}.history-list{padding:0 15px 15px}.history-row{grid-template-columns:40px minmax(0,1fr);gap:11px}.history-icon{width:38px;height:38px}.history-meta{grid-column:2;text-align:left;display:flex;align-items:center;gap:10px}.history-meta b{font-size:15px}}
.history-shell>header{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;border-bottom:0!important;overflow:visible!important;align-items:end!important}.history-shell>header .reset-history{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:180px!important;min-height:48px!important;opacity:1!important;visibility:visible!important;position:relative!important;z-index:5!important;background:linear-gradient(145deg,rgba(251,113,133,.18),rgba(251,113,133,.08))!important;color:#fecdd3!important;border:1px solid rgba(251,113,133,.45)!important;box-shadow:0 10px 30px rgba(0,0,0,.2)!important}.history-head input{margin:0!important}.history-card{width:100%;min-width:0}.history-list{width:100%;min-width:0}.history-row.delete{background:linear-gradient(90deg,rgba(251,113,133,.045),transparent)}.history-row.delete .history-product span{color:#fb8b9d}.history-row.delete .history-meta b{color:#fb8b9d}@media(max-width:640px){.history-shell>header{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding:14px 0 22px!important}.history-shell>header .back-link{grid-column:1!important}.history-shell>header .reset-history{width:100%!important;min-width:0!important}.history-title h1{font-size:36px!important;line-height:1.05}.history-title p{font-size:13px;line-height:1.5}.history-stats article{min-width:0;padding:15px}.history-stats strong{font-size:24px}.history-head{padding:18px!important}.history-row{padding:14px 0}.history-product span{white-space:normal;overflow-wrap:anywhere}.history-meta time{white-space:normal}}
.history-row.delete .history-product:before{content:'SİLİNDİ';display:inline-flex;margin-bottom:5px;padding:3px 7px;border:1px solid rgba(251,113,133,.3);border-radius:999px;background:rgba(251,113,133,.11);color:#fb8b9d;font-size:9px;font-weight:950;letter-spacing:.12em}
.history-shell>header{position:relative!important;padding-right:68px!important}.history-shell>header .reset-history{position:absolute!important;top:14px!important;right:0!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important;border-radius:15px!important;font-size:0!important;background:rgba(251,113,133,.1)!important;box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 28px rgba(0,0,0,.18)!important;transition:transform .18s ease,background .18s ease,border-color .18s ease!important}.history-shell>header .reset-history:before{content:'';display:block;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 11a8 8 0 0 0-14.7-4.4L4 9M4 4v5h5M4 13a8 8 0 0 0 14.7 4.4L20 15M20 20v-5h-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.history-shell>header .reset-history:hover,.history-shell>header .reset-history:focus-visible{transform:translateY(-2px) rotate(-8deg)!important;background:rgba(251,113,133,.18)!important;border-color:rgba(251,113,133,.7)!important;outline:none}.history-shell>header .reset-history:after{content:'Geçmişi sıfırla';position:absolute;top:calc(100% + 8px);right:0;padding:6px 9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#071522;color:#eef7ff;font-size:10px;font-weight:800;white-space:nowrap;opacity:0;pointer-events:none;transform:translateY(-4px);transition:.16s}.history-shell>header .reset-history:hover:after,.history-shell>header .reset-history:focus-visible:after{opacity:1;transform:none}@media(max-width:640px){.history-shell>header{padding-right:58px!important}.history-shell>header .reset-history{position:absolute!important;top:10px!important;right:0!important;width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}.history-shell>header .reset-history:after{display:none}}
.history-shell>header .reset-history{color:#ff8fa0!important;border-color:rgba(255,143,160,.25)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.09),0 12px 32px rgba(0,0,0,.22)!important}.history-shell>header .reset-history:before{width:21px;height:21px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3 3v5h5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.history-shell>header .reset-history:hover,.history-shell>header .reset-history:focus-visible{color:#ffb1bd!important;background:rgba(255,113,133,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 14px 38px rgba(251,113,133,.12)!important}
.history-shell>header .reset-history{color:#a9bbcc!important;border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important}.history-shell>header .reset-history:before{width:22px;height:22px;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 7v5h-5M4 17v-5h5' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.4 10A7 7 0 0 0 6.2 6.2L4 8M5.6 14A7 7 0 0 0 17.8 17.8L20 16' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}.history-shell>header .reset-history:hover,.history-shell>header .reset-history:focus-visible{color:#e5eef6!important;border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.25)!important}
.history-shell>header .reset-history:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v6M8.5 6.5 12 10l3.5-3.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 5.9A8 8 0 1 0 17 6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.history-row.create .history-icon{color:#5ee6b8;background:#5ee6b817}.history-shell>header .reset-history:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9V4m0 0h5M4 4l3.2 3.2A8 8 0 1 1 4.6 15' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat!important}
.history-shell>header .reset-history:before{display:none!important}.history-shell>header .reset-history svg{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.history-shell>header .reset-history i.bi{display:block!important;font-size:23px!important;line-height:1!important;font-style:normal!important}.history-shell>header .reset-history svg{display:none!important}
.backup-download{position:absolute;z-index:5;top:14px;right:58px;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(94,230,184,.2);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));color:#78e9c4;text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.18);transition:.18s}.backup-download i{font-size:21px;line-height:1}.backup-download:hover,.backup-download:focus-visible{transform:translateY(-2px);border-color:rgba(94,230,184,.45);background:rgba(94,230,184,.09);outline:none}@media(max-width:640px){.backup-download{top:10px;right:52px;width:44px;height:44px}}
.history-shell>header{padding-right:122px!important}@media(max-width:640px){.history-shell>header{padding-right:108px!important}}
.history-shell>header{padding-right:68px!important}@media(max-width:640px){.history-shell>header{padding-right:58px!important}}
.history-row.sale .history-icon{color:#fbbf24;background:rgba(251,191,36,.1)}.history-row.sale .history-product span,.history-row.sale .history-meta b{color:#fbbf24}
