.style-history-sidebar{width:100%;background:linear-gradient(180deg,#ffffff,#f8fafc);border:1px solid rgba(0,0,0,0);-o-border-image:linear-gradient(135deg,#e9d5ff,#fce7f3) 1;border-image:linear-gradient(135deg,#e9d5ff,#fce7f3) 1;display:flex;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(147,51,234,.1);border-radius:16px;overflow:hidden}@media(max-width:1023px){.style-history-sidebar{position:fixed;top:0;left:0;width:320px;height:100vh;z-index:40;transform:translateX(-100%);box-shadow:0 0 0 0 rgba(0,0,0,0);border-radius:0}.style-history-sidebar.show{transform:translateX(0);box-shadow:4px 0 30px rgba(147,51,234,.2)}}@media(min-width:1024px){.style-history-sidebar{position:static;height:auto;max-height:none}}.dark .style-history-sidebar{background:linear-gradient(180deg,#0f172a,#1e293b);-o-border-image:linear-gradient(135deg,#7c3aed,#db2777) 1;border-image:linear-gradient(135deg,#7c3aed,#db2777) 1;box-shadow:0 4px 20px rgba(167,139,250,.2)}@media(max-width:1023px){.dark .style-history-sidebar.show{box-shadow:4px 0 30px rgba(167,139,250,.3)}}.style-history-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:39;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,rgba(233,213,255,.3),rgba(252,231,243,.3));backdrop-filter:blur(10px);border-bottom:1px solid rgba(147,51,234,.1);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:relative}.sidebar-header:after{content:"";position:absolute;bottom:0;left:1rem;right:1rem;height:1px;background:linear-gradient(90deg,transparent,#c084fc 50%,transparent)}@media(min-width:1024px){.sidebar-header{border-radius:16px 16px 0 0}}.dark .sidebar-header{background:linear-gradient(135deg,rgba(124,58,237,.15),rgba(219,39,119,.15));border-bottom-color:rgba(167,139,250,.2)}.dark .sidebar-header:after{background:linear-gradient(90deg,transparent,#a78bfa 50%,transparent)}.sidebar-content{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem;position:relative}@media(min-width:1024px){.sidebar-content{border-radius:0 0 16px 16px}}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c084fc,#ec4899);border-radius:10px;-webkit-transition:all .2s ease;transition:all .2s ease}.sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#a855f7,#db2777);width:8px}.sidebar-content:after,.sidebar-content:before{content:"";position:sticky;left:0;right:0;height:20px;pointer-events:none;z-index:10}.sidebar-content:before{top:0}.sidebar-content:after{bottom:0}.dark .sidebar-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#a78bfa,#f472b6)}.dark .sidebar-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#8b5cf6,#ec4899)}.dark .sidebar-content:before{background:linear-gradient(180deg,#1e293b,transparent)}.dark .sidebar-content:after{background:linear-gradient(0deg,#1e293b,transparent)}.history-item{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,0);background:linear-gradient(white,white) padding-box,linear-gradient(135deg,rgba(192,132,252,.3),rgba(236,72,153,.3)) border-box;border-radius:12px;position:relative;overflow:hidden}.history-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(192,132,252,.05),rgba(236,72,153,.05));opacity:0;transition:opacity .3s ease}.history-item:hover{border-color:rgba(0,0,0,0);background:linear-gradient(white,white) padding-box,linear-gradient(135deg,#c084fc,#ec4899) border-box;box-shadow:0 8px 24px rgba(192,132,252,.2),0 4px 8px rgba(236,72,153,.15);transform:translateX(4px) translateY(-2px)}.history-item:hover:before{opacity:1}.history-item:active{transform:translateX(2px) translateY(0)}.dark .history-item{background:linear-gradient(#1e293b,#1e293b) padding-box,linear-gradient(135deg,rgba(167,139,250,.4),rgba(244,114,182,.4)) border-box}.dark .history-item:before{background:linear-gradient(135deg,rgba(167,139,250,.08),rgba(244,114,182,.08))}.dark .history-item:hover{background:linear-gradient(#1e293b,#1e293b) padding-box,linear-gradient(135deg,#a78bfa,#f472b6) border-box;box-shadow:0 8px 24px rgba(167,139,250,.3),0 4px 8px rgba(244,114,182,.2)}.history-title{font-weight:700;font-size:.875rem;background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;margin-bottom:.375rem;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;position:relative}.dark .history-title{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.history-date{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:.25rem;font-weight:500;letter-spacing:.01em}.dark .history-date{color:#cbd5e1}.delete-button{flex-shrink:0;color:#ef4444;padding:.375rem;height:auto;width:auto;border-radius:8px;transition:all .2s ease;position:relative;z-index:5}.delete-button:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;transform:scale(1.1);box-shadow:0 2px 8px rgba(239,68,68,.2)}.delete-button:active{transform:scale(.95)}.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.dark .delete-button:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b);color:#fca5a5;box-shadow:0 2px 8px rgba(252,165,165,.3)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem;text-align:center}.empty-state svg{opacity:.5;filter:drop-shadow(0 4px 12px rgba(192,132,252,.2))}.empty-state p{margin-top:.5rem;font-weight:500;line-height:1.6}