@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap";body{background-color:#e7e9eb}.header{display:flex;justify-content:space-between;padding:1rem;align-items:center}.nav-tabs{display:flex;gap:1rem}.tab{background:none;border:none;padding:.5rem 1rem;cursor:pointer;font-weight:700;border-radius:5px}.tab.active{background:#e0e0e0}.search-profile{display:flex;align-items:center;gap:1rem;width:100%}.search-input{padding:.5rem;border:1px solid #ccc;border-radius:5px}.profile-icon{color:#333;transition:color .2s;display:flex;align-items:center}.profile-icon:hover{color:#555}.profile-container{position:relative}.profile-dropdown{position:absolute;top:120%;right:0;z-index:10;background:#fff;padding:.5rem;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #0000001a;min-width:140px}.logout-button{display:flex;gap:.5rem;background:none;border:none;padding:.5rem 1rem;font-weight:500;cursor:pointer;width:100%;text-align:left;border-radius:4px}.logout-button:hover{background:#f5f5f5}.search-wrapper{position:relative;width:100%;min-width:450px}.search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 8px #0000001a;max-height:300px;overflow-y:auto;overflow-x:visible;z-index:20}.search-result-thumb{width:80px;height:80px;object-fit:contain;flex-shrink:0;border-radius:4px;transition:transform .25s cubic-bezier(.25,.8,.25,1);will-change:transform}.search-result-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;font-size:1rem;font-weight:500;min-width:0;max-width:calc(100% - 130px)}.search-result-content .wine-name,.search-result-content .wine-vintage{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform-origin:left center;transition:transform .25s cubic-bezier(.25,.8,.25,1),opacity .25s ease;will-change:transform,opacity}.search-result-content .wine-vintage{font-size:.75rem;color:#888;margin-bottom:2px}.search-result-meta{font-size:.7rem;color:#666;text-align:right;line-height:1.3;padding-right:.5rem;flex-shrink:0}.search-result-meta div{white-space:nowrap}.search-result-item{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 1rem;cursor:pointer;min-height:100px;background:#fff;transition:background .25s ease,transform .25s cubic-bezier(.25,.8,.25,1),box-shadow .25s ease;z-index:0}.search-result-item:hover{background:#f5f5f5;transform-origin:center center;transform:translateZ(0) scaleY(1.15);box-shadow:0 6px 14px #00000014;z-index:1}.search-result-item:first-child:hover{transform-origin:center top;transform:translateZ(0) scaleY(1.05)}.search-result-item:hover .search-result-thumb{transform:scale(1.17)}.wine-name,.search-result-meta{transition:transform .25s cubic-bezier(.25,.8,.25,1),opacity .25s ease;will-change:transform,opacity}.search-result-item:hover .wine-name,.search-result-item:hover .wine-vintage,.search-result-item:hover .search-result-meta{transform:translateY(-3px) scale(1.1);opacity:.95}.search-result-item:hover .text-long{transform:translateY(-3px) scaleY(1.1)}.stats-card{border:1px solid #e0e0e0;padding:1rem 1rem 1rem 1.8rem;border-radius:10px;background-color:#fff;flex:1;min-width:200px}.stats-card h4{font-size:1.1rem;margin-top:1rem;margin-bottom:.3rem}.stats-card h2{margin-bottom:.2rem;font-size:1.5rem;font-weight:700}.stats-card p{font-size:.7rem;color:#666;margin-bottom:1rem}.chart-card{flex:1;display:flex;flex-direction:column;background:#fff;border-radius:10px;border:1px solid #e0e0e0;padding:1rem;position:relative;overflow:hidden;min-height:0}.chart-header{margin-bottom:.5rem}.date-range{font-size:.9rem;color:#666;margin-left:1rem;white-space:nowrap}.chart-controls{padding-top:1rem;border-top:1px solid #eee}.chart-controls button,.chart-controls select{height:32px;padding:0 .75rem;border-radius:6px;border:1px solid #ccc;background:#fff;font-weight:500;cursor:pointer}.chart-controls .active{background-color:#e0e0e0}.chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.chart-header h4{margin:0}.chart-header .date-range{font-size:.9rem;color:#666;margin-left:1rem;white-space:nowrap}.wine-list-item{display:flex;flex-direction:row;gap:16px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #e0e0e0}.wine-list-item:nth-child(odd){background-color:#f7f7f7}.wine-list-item:nth-child(2n){background-color:#fff}.wine-list-item:hover{background-color:#e0e0e0;cursor:pointer}.wine-list-item:last-child{border-bottom:none}.wine-list-item.selected{background-color:transparent;color:#000;border:2px solid #474547;border-radius:8px}.wine-icon{width:32px;height:32px;margin-right:16px}.wine-info{flex:1;display:flex;flex-direction:column;gap:16px;gap:4px;padding-left:5px}.name{font-weight:600;margin-bottom:.2rem;color:#282846}.desc{font-size:.9rem;color:#828282}.wine-meta{display:flex;flex-direction:row;align-items:center;gap:24px;text-align:right;white-space:nowrap;padding-right:5px}.wine-price-volume{display:flex;flex-direction:column}.wine-price-volume div{font-size:.9rem;line-height:1.4}.wine-code{font-weight:700;font-size:.95rem;color:#282846}.wine-list{flex:1;border:1px solid #e0e0e0;border-radius:8px;background-color:#fff;padding:16px;display:flex;flex-direction:column;gap:16px;overflow:hidden}.wine-list .wine-items{flex:1;overflow-y:auto}.wine-list .search-bar{width:100%;padding:8px;margin-bottom:16px;border:1px solid #bdbdbd;border-radius:4px;font-size:1rem;background-color:#f7f7f7;color:#282846}.wine-list .search-bar::placeholder{color:#828282}.wine-list .search-bar:focus{outline:none;border-color:#828282;background-color:#fff;box-shadow:0 0 0 2px #0000000d}.no-results{text-align:center;color:#828282;font-size:.95rem;margin-top:16px}.toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{display:none}.toggle .slider{width:40px;height:20px;background-color:#ccc;border-radius:10px;position:relative;transition:background-color .3s}.toggle .slider:after{content:"";width:18px;height:18px;background-color:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:transform .3s}.toggle input:checked+.slider{background-color:#54b068}.toggle input:checked+.slider:after{transform:translate(20px)}.toggle .label{font-weight:500;font-size:.9rem}list-dropdown{position:absolute;top:80px;right:2rem;z-index:2}.list-controls{display:flex;justify-content:flex-end;gap:1rem;padding-bottom:10px}.dropdown-wrapper{position:relative}.dropdown-button{background:#fff;border:1px solid #ccc;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;width:200px}.arrow{font-size:.8rem}.dropdown-menu{background:#fff;position:absolute;top:100%;right:0;border:1px solid #bdbdbd;border-radius:6px;margin-top:.25rem;list-style:none;padding:.5rem 0;box-shadow:0 0 16px #00000014;width:100%;z-index:5}.dropdown-menu li{padding:.5rem 1rem;cursor:pointer}.dropdown-menu li:hover{background-color:#f0f0f0}.add-list-button{background:#000;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000059;max-height:90vh;overflow:auto;width:100%;padding:1.5rem;transition:transform .2s ease,opacity .2s ease;animation:modal-in .2s ease forwards}.modal-sm{max-width:24rem}.modal-md{max-width:36rem}.modal-lg{max-width:52rem;width:100%;max-height:42rem;height:100%}.modal-header{font-size:1.4rem;font-weight:600;margin-bottom:1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:center;text-align:center;padding-bottom:.8rem}@keyframes modal-in{0%{opacity:0;transform:translateY(-16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wine-details{display:flex;gap:4rem;height:100%;width:100%}.wine-details .left{flex:1;padding-left:5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:3rem}.wine-details .left img{width:auto;height:30rem;object-fit:contain}.wine-details .right{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding-top:5rem;position:relative;min-height:30rem}.wine-details .right .name{font-size:1.6rem;font-weight:400;margin:0 0 .5rem;color:#000}.wine-details .right .year{font-size:1.2rem;color:#666;margin-bottom:.5rem}.wine-details .right .flag{width:1.25rem;height:auto;margin-right:.4rem;vertical-align:text-bottom}.wine-details .right .country{display:flex;align-items:center;font-size:.8rem;margin-bottom:.5rem}.wine-details .right .volume-alc{font-size:.8rem}.wine-details .right .price{margin:.25rem 0;font-size:1rem;color:#333}.wine-details .right .grapes{font-size:1.2rem;color:#666}.wine-details .right .price{margin-top:1rem;font-size:1.6rem;font-weight:400;color:#000}.wine-details .right .spacer{flex-grow:1}.wine-details .right .add-button{align-self:flex-end;margin-right:3rem;padding:.5rem 1.5rem;background:#111;color:#fff;border:none;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background .2s ease}.wine-details .right .add-button:hover{background:#333}.create-list-modal{display:flex;gap:2rem;padding:1rem 0}.create-list-modal section{flex:1}.create-list-modal .colulmn-left{margin-left:2rem;border-right:1px solid #eee}.create-list-modal .colulmn-left h3{margin-bottom:.75rem;font-size:1.3rem}.create-list-modal .colulmn-left .create-list__input{width:90%;padding:.5rem .75rem;margin-bottom:1rem;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;font-size:1rem;background-color:#f9f9f9;transition:border .2s ease,box-shadow .2s ease}.create-list-modal .colulmn-left .create-list__input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0003;background-color:#fff}.create-list-modal .colulmn-left .create-list__input::placeholder{color:#999}.create-list-modal .colulmn-left .button-wrapper{display:flex;justify-content:flex-end;margin-right:2.2rem}.create-list-modal .colulmn-left .create-list__create{padding:.5rem 1.25rem;background:#111;color:#fff;border:none;cursor:pointer;border-radius:4px;transition:background .2s ease}.create-list-modal .colulmn-left .create-list__create:hover{background:#333}.create-list-modal .colulmn-left .create-list__create:disabled{background:#999;cursor:not-allowed}.create-list-modal .colulmn-right{margin-right:1rem;margin-left:2rem}.create-list-modal .colulmn-right h3{margin-bottom:.75rem;font-size:1.3rem}.create-list-modal .colulmn-right .create-list__existing,.create-list-modal .colulmn-right .wine-list-in-modal{list-style:none;margin:0;padding:0}.create-list-modal .colulmn-right .create-list__existing .existing-item,.create-list-modal .colulmn-right .wine-list-in-modal .existing-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #eee}.create-list-modal .colulmn-right .create-list__existing .existing-item__name,.create-list-modal .colulmn-right .wine-list-in-modal .existing-item__name{font-size:1rem;font-weight:350}.create-list-modal .colulmn-right .create-list__existing .existing-item__actions,.create-list-modal .colulmn-right .wine-list-in-modal .existing-item__actions{display:flex;gap:.5rem}.create-list-modal .colulmn-right .create-list__existing .existing-item__actions .icon-button,.create-list-modal .colulmn-right .wine-list-in-modal .existing-item__actions .icon-button{background:transparent;border:none;cursor:pointer;font-size:1.1rem;line-height:1}.create-list-modal .colulmn-right .create-list__existing .existing-item__actions .icon-button.edit:hover,.create-list-modal .colulmn-right .wine-list-in-modal .existing-item__actions .icon-button.edit:hover{color:#007bff}.create-list-modal .colulmn-right .create-list__existing .existing-item__actions .icon-button.remove:hover,.create-list-modal .colulmn-right .wine-list-in-modal .existing-item__actions .icon-button.remove:hover{color:#e00}.create-list-modal .colulmn-right .back-button{margin-bottom:1rem;background:none;border:none;cursor:pointer;font-size:1rem;color:#666}.create-list-modal .colulmn-right .back-button:hover{text-decoration:underline}.create-list-modal .colulmn-right .wine-details{gap:3rem}.create-list-modal .colulmn-right .wine-details .left{padding-left:0rem;padding-top:.5rem}.create-list-modal .colulmn-right .wine-details .left img{height:25rem}.create-list-modal .colulmn-right .wine-details .right{margin-right:1rem;padding-top:6rem}.create-list-modal .colulmn-right .wine-details .right .name{font-size:1.2rem}.create-list-modal .colulmn-right .wine-details .right .year,.create-list-modal .colulmn-right .wine-details .right .grapes,.create-list-modal .colulmn-right .wine-details .right .volume-alc{font-size:.9rem}.create-list-modal .colulmn-right .wine-details .right .price{font-size:1.2rem}.create-list-modal .colulmn-right .wine-details .right .add-button{white-space:nowrap;margin-bottom:4rem;margin-right:.6rem}.search-wrapper{position:relative;width:30%;margin-left:auto;margin-right:1rem}.search-input{width:100%;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem}.search-results{position:absolute;top:100%;left:0;right:0;z-index:10;background:#fff;border:1px solid #ccc;border-top:none;max-height:200px;overflow-y:auto;border-radius:0 0 6px 6px;box-shadow:0 4px 10px #0000000d}.search-result-item{padding:.5rem .75rem;cursor:pointer;transition:background .2s ease}.search-result-item:hover{background-color:#f5f5f5}.disabled>*:not(.subtitle){pointer-events:none;opacity:.7}html{-webkit-text-size-adjust:100%}html:focus-within{scroll-behavior:smooth}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;margin:0;padding:0;border:0;vertical-align:baseline}body{text-size-adjust:100%;position:relative;width:100%;min-height:100vh;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}body>#root{margin:auto}*,:after,:before{box-sizing:border-box}a:not([class]){text-decoration-skip-ink:auto}:focus{outline:0}main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}input:required,input{box-shadow:none;border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px white inset}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input:focus{outline:none}audio,canvas,video{display:inline-block;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}a:active,a:hover{outline:none}img{max-width:100%;display:block;height:auto}picture{display:inline-block}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer;border:0;background:transparent}button[disabled],html input[disabled]{cursor:default}[disabled]{pointer-events:none}input[type=checkbox],input[type=radio]{padding:0}input[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}button{border:0;background:transparent}textarea{overflow:auto;vertical-align:top;resize:vertical}table{border-collapse:collapse;border-spacing:0;text-indent:0}hr{box-sizing:content-box;overflow:visible;background:#000;border:0;height:1px;line-height:0;margin:0;padding:0;page-break-after:always;width:100%}pre{font-family:monospace,monospace;font-size:100%}a{background-color:transparent;color:inherit;text-decoration:none}abbr[title]{border-bottom:none;text-decoration:none}code,kbd,pre,samp{font-family:monospace,monospace}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-5px}sup{top:-5px}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;outline:0}legend{color:inherit;white-space:normal;display:block;border:0;max-width:100%;width:100%}fieldset{min-width:0}body:not(:-moz-handler-blocked) fieldset{display:block}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}template{display:none}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{font-family:Merriweather Sans,sans-serif;font-optical-sizing:auto}.dashboard{padding:2rem;font-family:sans-serif;background-color:#f5f5f5}.logo{font-size:2rem;font-weight:700;color:#5c2d0a;margin:1rem 0}.stats-section{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}.chart-and-list{display:flex;gap:2rem;align-items:stretch;height:550px}.chart-and-list>*{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.list-bar-container{display:flex;justify-content:flex-end;position:relative;z-index:1;margin-bottom:16px}.search-results{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:8px;z-index:100;max-height:300px;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.search-result-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #eee}.search-result-item:hover{background-color:#f8f8f8}