:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d0c3b5' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center;padding-right:2.25rem!important}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.post-save-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.post-save-card{background:#1e1612;border:1px solid rgba(255,200,150,.25);border-radius:20px;padding:40px 48px;text-align:center;max-width:420px;width:90%;box-shadow:0 24px 60px #000000b3;animation:modal-slide-up .2s ease}.post-save-icon{font-size:48px;margin-bottom:16px}.post-save-title{font-size:24px;font-weight:700;color:#f7f2ec;margin:0 0 8px}.post-save-subtitle{font-size:14px;color:#e0b46a;margin:0 0 32px}.post-save-actions{display:flex;flex-direction:column;gap:10px}.post-save-btn-done{background:transparent;border:1px solid rgba(255,200,150,.25);color:#d0c3b5;padding:12px;border-radius:999px;cursor:pointer;font-size:14px;transition:all .15s}.post-save-btn-done:hover{border-color:#ffc89680;color:#f7f2ec}.post-save-btn-another{background:transparent;border:1px solid rgba(78,205,180,.4);color:#4ecdb4;padding:12px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s}.post-save-btn-another:hover{background:#4ecdb414}.post-save-btn-storage{background:linear-gradient(135deg,#8b2b3b,#6b1f2b);border:1px solid rgba(139,43,59,.6);color:#fff;padding:12px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.post-save-btn-storage:hover{filter:brightness(1.15);transform:translateY(-1px)}.preselect-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#e0b46a14;border:1px solid rgba(224,180,106,.3);border-radius:10px;margin:0 24px 16px;font-size:14px;color:var(--text-main)}.preselect-cancel{background:transparent;border:1px solid rgba(224,180,106,.3);color:var(--accent-gold);padding:4px 14px;border-radius:999px;cursor:pointer;font-size:12px}.preselect-cancel:hover{background:#e0b46a1a}.lightbox-backdrop{position:fixed;inset:0;background:#000000e6;z-index:2000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:12px;box-shadow:0 24px 60px #000c;pointer-events:none}.lightbox-close{position:absolute;top:-16px;right:-16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.lightbox-close:hover{background:#fff3}.lightbox-zoom-controls{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);display:flex;gap:8px}.lightbox-zoom-controls button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.lightbox-zoom-controls button:hover{background:#fff3}.landing-root{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);display:flex;flex-direction:column;gap:2.5rem;padding:2.5rem clamp(1.5rem,4vw,4rem);box-sizing:border-box}.hero{position:relative;display:flex;justify-content:center;align-items:center}.hero-background{position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(255,200,150,.25),transparent 55%),radial-gradient(circle at 80% 20%,rgba(139,43,59,.35),transparent 60%),linear-gradient(135deg,#1a120f,#050304);opacity:.9;filter:saturate(1.1);pointer-events:none}.hero-glass{position:relative;width:100%;border-radius:28px;overflow:hidden;padding:1.75rem 2rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 60px #000000a6,0 0 0 1px #ffffff08;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.75rem}.hero-carousel{position:relative;border-radius:22px;overflow:hidden;background:#1a120f}.hero-slide{position:relative;width:100%;padding-top:60%;background-size:cover;background-position:center}.hero-slide-suppliers{background-image:linear-gradient(135deg,#00000073,#0000001a),url(/assets/hero-CZnju4PX.png);background-position:60% 40%}.hero-slide-overlay{position:absolute;inset:0;background:radial-gradient(circle at 10% 0%,rgba(255,200,150,.25),transparent 55%),radial-gradient(circle at 90% 100%,rgba(139,43,59,.4),transparent 60%);mix-blend-mode:soft-light}.hero-content{display:flex;flex-direction:column;justify-content:center;gap:.75rem}.hero-title{font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em;margin:0}.hero-subtitle{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.5}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:1.5rem}.module-tile{position:relative;border-radius:24px;overflow:hidden;background-color:#1a120f;min-height:220px;cursor:pointer;transform:translateZ(0);display:flex;flex-direction:column;justify-content:flex-end}.module-tile-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 45%),radial-gradient(circle at 0% 0%,rgba(255,200,150,.25),transparent 55%);pointer-events:none}.module-tile-glass{position:relative;margin:0 1.25rem 1.25rem;padding:1rem 1.1rem;border-radius:18px;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(18px);box-shadow:0 14px 35px #0009;z-index:1}.module-tile-title{margin:0;font-size:1.05rem;letter-spacing:.04em;text-transform:uppercase}.module-tile-description{margin:0 0 .75rem;font-size:.85rem;color:var(--text-muted)}.module-tile-actions{display:flex;gap:.4rem;flex-wrap:wrap}.btn{border-radius:999px;padding:.4rem .8rem;font-size:.78rem;font-weight:500;border:none;cursor:pointer;min-width:60px;text-align:center;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,color .15s ease,border-color .15s ease;white-space:nowrap}.btn-view{border-radius:999px;padding:.4rem .8rem;font-size:.78rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;min-width:70px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.btn-view-active{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;box-shadow:0 8px 18px #0009}.btn-view-active:hover{transform:translateY(-1px);box-shadow:0 10px 22px #000000b3}.btn-view-inactive{background:#ffffff1f;border:1px solid rgba(224,180,106,.5);color:var(--accent-gold);box-shadow:0 6px 14px #00000080}.btn-view-inactive:hover{background:#e0b46a14;transform:translateY(-1px)}.quick-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.5rem}.btn-glass{background:var(--glass-bg);color:var(--text-main);border:1px solid var(--glass-border);padding-inline:1rem;box-shadow:0 10px 24px #0000008c}.btn-glass:hover{background:#ffffff2e}.tile-suppliers{background-image:linear-gradient(135deg,#0000008c,#00000026),url(/assets/supplier-D4e_43j_.png);background-size:cover;background-position:60% 45%}.tile-cellar{background-image:linear-gradient(135deg,#0000008c,#00000026),url(/assets/cellar-CRmLQkKl.png);background-size:cover;background-position:center}.tile-armory{background-image:linear-gradient(135deg,#0000008c,#00000026),url(/assets/armory-D4gI6f3f.png);background-size:cover;background-position:center}.tile-art{background-image:linear-gradient(135deg,#0000008c,#00000026),url(/assets/art-Cj1IOETR.png);background-size:cover;background-position:center}.tile-photos{background-image:linear-gradient(135deg,#0000008c,#00000026),url(/assets/photo-C8xGhH1r.png);background-size:cover;background-position:center}.tile-coming-soon{opacity:.6;filter:grayscale(.3)}.module-tile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.coming-soon-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.2rem .6rem;border-radius:999px;white-space:nowrap}.tile-stat{font-size:.75rem;color:var(--accent-gold);font-weight:600;opacity:.85}.btn-view-disabled{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-muted);opacity:.5;cursor:not-allowed}.hero-stats{display:flex;align-items:center;gap:1.25rem;margin-top:1rem}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.hero-stat-value{font-size:1.6rem;font-weight:700;color:var(--accent-gold);line-height:1}.hero-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.hero-stat-divider{width:1px;height:32px;background:var(--glass-border)}.desktop-only{display:inline-flex}@media(max-width:900px){.hero-glass{grid-template-columns:minmax(0,1fr)}.hero-carousel{order:2}.hero-content{order:1}.module-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}}@media(max-width:640px){.landing-root{padding:1.75rem 1.25rem 2.5rem;gap:2rem}.hero-glass{padding:1.4rem 1.3rem}.module-grid{grid-template-columns:1fr}.module-tile-glass{inset:auto .9rem .9rem}.desktop-only{display:none}}.selected-types-section{display:flex;align-items:center;gap:12px;margin-bottom:12px}.selected-types-section.with-background{padding:8px 12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(224,180,106,.2)}.selected-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.supplier-type-badges{display:flex;flex-wrap:wrap;gap:8px}.supplier-type-badge{display:inline-block;padding:4px 12px;background:#e0b46a26;border:1px solid var(--accent-gold);border-radius:16px;font-size:.85rem;color:var(--accent-gold);text-transform:capitalize;white-space:nowrap}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.25rem;border-radius:999px;min-width:280px;max-width:420px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px #0009;pointer-events:all;cursor:pointer;animation:toast-in .25s ease forwards;border:1px solid transparent}@keyframes toast-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.toast-success{background:#10a37f2e;border-color:#10a37f73;color:#4ecdb4}.toast-error{background:#ea43352e;border-color:#ea433573;color:#f47c7c}.toast-warning{background:#e0b46a2e;border-color:#e0b46a73;color:#e0b46a}.toast-info{background:#4285f42e;border-color:#4285f473;color:#7ab3f5}.toast-icon{font-size:1rem;font-weight:700;flex-shrink:0;width:20px;text-align:center}.toast-message{flex:1;font-size:.9rem;font-weight:500;color:#f7f2ec;line-height:1.4}.toast-close{background:transparent;border:none;color:#f7f2ec80;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;flex-shrink:0;transition:color .15s}.toast-close:hover{color:#f7f2ec}@media(max-width:640px){.toast-container{bottom:1rem;right:1rem;left:1rem}.toast{min-width:unset;max-width:unset;width:100%}}.supplier-detail-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem}.header-actions{display:flex;gap:.75rem}.btn-edit,.btn-delete{background:#ffffff14;border:2px solid var(--accent-gold);color:var(--accent-gold);padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-shadow:0 4px 12px #00000080}.btn-edit:hover{background:#e0b46a40;transform:translateY(-2px);box-shadow:0 6px 16px #0009}.btn-delete{border-color:#ef5350;color:#ef5350}.btn-delete:hover{background:#f443364d;border-color:#ef5350;transform:translateY(-2px);box-shadow:0 6px 16px #0009}.detail-container{display:grid;grid-template-columns:1fr 400px;gap:2rem}.detail-card,.map-card{position:relative;border-radius:24px;overflow:hidden;background:var(--bg-warm-mid)}.card-glass{position:relative;padding:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.detail-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--glass-border)}.header-title{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.detail-header h1{margin:0;font-size:2rem;letter-spacing:.02em;color:var(--text-main)}.supplier-type-detail{margin:0;font-size:1rem;color:var(--text-muted);text-transform:capitalize}.badge-active,.badge-inactive{padding:.35rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.badge-active{background:#4caf5040;color:#81c784;border:1px solid rgba(129,199,132,.4)}.badge-inactive{background:#9e9e9e40;color:#bdbdbd;border:1px solid rgba(189,189,189,.4)}.detail-sections{display:flex;flex-direction:column;gap:2rem}.detail-section h3{margin:0 0 1rem;font-size:1rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.detail-grid{display:flex;flex-direction:column;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-item label{font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:1rem;color:var(--text-main);line-height:1.6}.detail-link{color:var(--accent-gold);text-decoration:none;font-size:1rem;display:flex;align-items:center;gap:.5rem;width:fit-content;padding:.4rem .6rem;border-radius:8px;transition:background .15s ease,transform .15s ease}.detail-link:hover{background:#e0b46a26;transform:translate(4px)}.notes-text{margin:0;padding:1.25rem;background:#0000004d;border-radius:12px;color:var(--text-main);line-height:1.7;border:1px solid rgba(255,200,150,.2)}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{display:inline-block;background:#e0b46a26;border:1px solid var(--glass-border);padding:.4rem .8rem;border-radius:16px;font-size:.85rem;color:var(--accent-gold)}.detail-meta{border-top:1px solid var(--glass-border);padding-top:1rem;margin-top:1rem}.detail-meta small{color:var(--text-muted);font-size:.85rem}.map-card{min-height:600px}.map-card h3{margin:0 0 1rem;font-size:1rem;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.map-container{width:100%;height:500px;border-radius:12px;overflow:hidden;border:1px solid var(--glass-border)}.map-container iframe{border:0;border-radius:12px;display:block}.loading,.error{text-align:center;padding:4rem 2rem;color:var(--text-muted);font-size:1.1rem}.error{color:#ef5350}@media(max-width:1100px){.detail-container{grid-template-columns:1fr}.map-card{order:2}}@media(max-width:640px){.supplier-detail-page{padding:1.75rem 1.25rem}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:stretch}.btn-edit,.btn-delete{flex:1}.card-glass{padding:1.5rem}.detail-header h1{font-size:1.5rem}.map-container{height:400px}}.add-supplier-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;position:relative}.page-header h1{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em;color:var(--text-main);z-index:1}.form-card{position:relative;max-width:1100px;margin:0 auto;border-radius:24px;overflow:hidden;background:var(--bg-warm-mid)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 45%),radial-gradient(circle at 0% 0%,rgba(255,200,150,.25),transparent 55%);pointer-events:none}.card-glass{position:relative;padding:2.5rem 3.5rem;background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.form-row-split .form-group,.form-row-triple .form-group{margin-bottom:0;min-width:0}.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:1.25rem}.form-row-triple{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:1.25rem}@media(max-width:600px){.form-row-split,.form-row-triple{grid-template-columns:1fr}}.supplier-type-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.btn-type-active{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:8px 14px;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 12px #00000080;font-size:.85rem}.btn-type-active:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0009}.btn-type-inactive{background:#ffffff1f;color:var(--accent-gold);border:1px solid rgba(224,180,106,.5);padding:8px 14px;border-radius:999px;font-weight:500;cursor:pointer;transition:all .15s ease;font-size:.85rem}.btn-type-inactive:hover{background:#e0b46a14;transform:translateY(-1px)}input,select,textarea{width:100%;max-width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--glass-border);background-color:var(--glass-bg);color:var(--text-main);font-family:inherit;font-size:.95rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #e0b46a26}select{cursor:pointer}textarea{resize:vertical}label{font-weight:600;margin-bottom:6px;display:block;color:var(--text-main);font-size:.9rem;letter-spacing:.02em}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-input{width:auto!important;cursor:pointer}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-cancel{flex:1;background:#ffffff1a;border:1px solid var(--glass-border);color:var(--text-main);padding:12px 32px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-cancel:hover{background:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 18px #0006}.btn-submit{flex:1;background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;padding:12px 32px;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #0009}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 12px 24px #000000b3}button[type=submit]:not(.btn-submit){background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;padding:12px 32px;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #0009;margin-top:1.5rem;width:100%}button[type=submit]:not(.btn-submit):hover{transform:translateY(-2px);box-shadow:0 12px 24px #000000b3}.add-cellar-item-container{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.add-cellar-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;position:relative}.add-cellar-item-header h1{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em;color:var(--text-main);z-index:1}.add-cellar-item-form{position:relative;max-width:1100px;margin:0 auto;border-radius:24px;overflow:hidden;background:var(--bg-warm-mid)}.add-cellar-item-form:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 45%),radial-gradient(circle at 0% 0%,rgba(255,200,150,.25),transparent 55%);pointer-events:none}.add-cellar-item-form>*{position:relative;z-index:1}.form-section{padding:2rem 3.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:0;border-bottom:1px solid rgba(255,200,150,.15)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--glass-border);border-radius:8px;font-size:.95rem;background:var(--glass-bg);color:var(--text-main);font-family:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group select{cursor:pointer}.photo-upload{padding:2rem;background:#ffffff14;border:2px dashed var(--glass-border);border-radius:12px;text-align:center}.photo-preview-container{display:flex;gap:2rem;align-items:flex-start;padding:1.5rem;background:#ffffff14;border-radius:12px}.photo-preview{width:200px;height:200px;object-fit:cover;border-radius:8px;border:2px solid var(--glass-border);box-shadow:0 4px 12px #0000004d}.status-uploading,.status-extracting,.status-success{font-size:.95rem;font-weight:600;padding:.5rem 1rem;border-radius:6px}.status-extracting{background:#a855f733;color:#c4b5fd}.cloudinary-url{font-size:.85rem;color:var(--text-muted);font-family:monospace;word-break:break-all;padding:.5rem;background:#0003;border-radius:4px}.btn-clear-photo{align-self:flex-start;background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.form-actions{padding:2rem 3.5rem;background:var(--glass-bg);border-top:1px solid rgba(255,200,150,.15);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.btn-submit{width:100%;background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;padding:12px 32px;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #0009}.ai-panel-section{margin:0 48px;padding:36px 0 0;border-top:1px solid var(--glass-border)}.ai-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.ai-panel-title-group{display:flex;align-items:center;gap:12px}.ai-panel-icon{font-size:20px;color:var(--accent-gold);animation:ai-pulse 3s ease-in-out infinite}@keyframes ai-pulse{0%,to{opacity:1;text-shadow:0 0 8px rgba(224,180,106,.4)}50%{opacity:.7;text-shadow:0 0 16px rgba(224,180,106,.8)}}.ai-panel-title{font-size:22px;font-weight:700;color:var(--text-main);margin:0;letter-spacing:-.02em}.ai-panel-subtitle{font-size:13px;color:var(--text-dim, #8a7a6e)}.btn-generate-all{background:linear-gradient(135deg,#e0b46a26,#e0b46a0d);border:1px solid rgba(224,180,106,.4);color:var(--accent-gold);padding:10px 20px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.btn-generate-all:hover{background:#e0b46a33;transform:translateY(-1px)}.ai-providers-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:40px}.ai-provider-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;display:flex;flex-direction:column;min-height:280px;overflow:hidden;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 24px #00000073}.ai-provider-card:hover{border-color:color-mix(in srgb,var(--provider-color) 50%,transparent);box-shadow:0 4px 24px #00000080,0 0 0 1px color-mix(in srgb,var(--provider-color) 20%,transparent)}.ai-provider-preferred{border-color:color-mix(in srgb,var(--provider-color) 60%,transparent)!important;box-shadow:0 4px 24px #00000080,0 0 0 1px color-mix(in srgb,var(--provider-color) 30%,transparent)!important}.ai-provider-header{display:flex;align-items:center;gap:8px;padding:16px 18px 12px;border-bottom:1px solid var(--glass-border)}.ai-provider-logo{font-size:18px}.ai-provider-label{font-size:13px;font-weight:700;color:var(--text-main);text-transform:uppercase;letter-spacing:.08em;flex:1}.ai-star-btn{background:transparent;border:none;font-size:18px;cursor:pointer;padding:2px 6px;line-height:1;opacity:.55;color:var(--accent-gold);transition:opacity .2s,transform .15s}.ai-star-btn:hover:not(:disabled){opacity:1;transform:scale(1.25)}.ai-star-btn.ai-star-active{opacity:1;cursor:default}.ai-star-btn:disabled:not(.ai-star-active){opacity:.25}.ai-refresh-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-dim, #8a7a6e);width:28px;height:28px;border-radius:50%;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.ai-refresh-btn:hover:not(:disabled){color:var(--accent-gold);border-color:var(--accent-gold)}.ai-refresh-btn:disabled{opacity:.5;animation:spin 1s linear infinite}.ai-provider-body{flex:1;padding:18px;overflow-y:auto}.ai-loading{display:flex;align-items:center;gap:10px;color:var(--text-dim, #8a7a6e);font-size:13px}.ai-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--glass-border);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .7s linear infinite}.ai-error{color:#f47c7c;font-size:13px;line-height:1.5}.ai-summary-text{font-size:13px;color:var(--text-muted);line-height:1.75;white-space:pre-wrap}.ai-empty{display:flex;align-items:center;justify-content:center;height:100%;min-height:120px}.ai-generate-btn{background:color-mix(in srgb,var(--provider-color) 15%,transparent);border:1px solid color-mix(in srgb,var(--provider-color) 40%,transparent);color:var(--provider-color);padding:10px 20px;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.ai-generate-btn:hover{background:color-mix(in srgb,var(--provider-color) 25%,transparent);transform:translateY(-1px)}.ai-provider-footer{padding:10px 18px;border-top:1px solid var(--glass-border);font-size:11px;color:var(--text-dim, #8a7a6e);font-style:italic}@media(max-width:1024px){.ai-panel-section{margin:0 28px}.ai-providers-grid{grid-template-columns:1fr}}@media(max-width:640px){.ai-panel-section{margin:0 20px}.ai-panel-header{flex-direction:column;align-items:flex-start;gap:12px}}:root{--bg-warm-dark: #15100f;--bg-warm-mid: #2a1f1b;--accent-burgundy: #8b2b3b;--accent-gold: #e0b46a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 200, 150, .35)}.edit-cellar-container{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.edit-loading,.edit-error{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.1rem;color:var(--text-muted)}.edit-cellar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;position:relative}.edit-cellar-header h1{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em;color:var(--text-main);z-index:1}.btn-back{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #0009}.edit-cellar-form{position:relative;max-width:1100px;margin:0 auto;border-radius:24px;overflow:hidden;background:var(--bg-warm-mid)}.edit-cellar-form:before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 45%),radial-gradient(circle at 0% 0%,rgba(255,200,150,.25),transparent 55%);pointer-events:none}.edit-cellar-form>*{position:relative;z-index:1}.form-section{padding:2rem 3.5rem;background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,200,150,.15)}.form-section h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--accent-gold);letter-spacing:.02em}.form-row-half{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.form-row-triple{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.form-row-quad{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.form-row-triple .form-group,.form-row-quad .form-group{margin-bottom:0;min-width:0}@media(max-width:768px){.form-row-triple,.form-row-quad{grid-template-columns:1fr}}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem;letter-spacing:.02em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--glass-border);border-radius:8px;font-size:.95rem;background-color:var(--glass-bg);color:var(--text-main);font-family:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #e0b46a26}.form-group textarea{resize:vertical;min-height:80px}.photo-upload-container{width:100%}.photo-upload{padding:2rem;background:#ffffff14;border:2px dashed var(--glass-border);border-radius:999px;text-align:center}.photo-upload input[type=file]{display:none}.photo-upload-label{display:inline-block;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s}.photo-upload-label:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0009}.photo-preview-container{display:flex;gap:2rem;align-items:flex-start;padding:1.5rem;background:#ffffff14;border-radius:999px}.photo-preview{width:160px;height:220px;object-fit:cover;border-radius:8px;border:2px solid var(--glass-border);box-shadow:0 4px 12px #0000004d}.photo-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.photo-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.photo-replace-label{font-size:.85rem;padding:.5rem 1rem}.status-uploading,.status-success{font-size:.95rem;font-weight:600;padding:.5rem 1rem;border-radius:6px}.status-uploading{background:#3b82f633;color:#93c5fd}.status-success{background:#22c55e33;color:#86efac}.btn-clear-photo{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-clear-photo:hover{background:#ef44444d;transform:translateY(-1px)}.form-actions{padding:2rem 3.5rem;background-color:var(--glass-bg);border-top:1px solid rgba(255,200,150,.15);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;gap:1rem}.btn-cancel{flex:1;background:transparent;color:var(--text-muted);border:1px solid var(--glass-border);padding:12px 32px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-submit{flex:2;background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;padding:12px 32px;border:none;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 8px 18px #0009}:root{--bg-warm-dark: #15100f;--bg-warm-mid: #2a1f1b;--accent-burgundy: #8b2b3b;--accent-gold: #e0b46a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--glass-bg: rgba(255,255,255,.12);--glass-border: rgba(255,200,150,.35)}.add-rack-container{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.add-rack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;position:relative}.add-rack-header h1{position:absolute;left:50%;transform:translate(-50%);margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em}.add-rack-form{max-width:680px;margin:0 auto;border-radius:24px;overflow:hidden;background:var(--bg-warm-mid)}.form-section{padding:2rem 3rem;background-color:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,200,150,.15)}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:1.1rem;font-weight:600;color:var(--accent-gold);margin:0 0 1.25rem}.form-hint{font-size:.85rem;color:var(--text-muted);margin:-.75rem 0 1.25rem;font-style:italic}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-main);margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--glass-border);border-radius:8px;background-color:var(--glass-bg);color:var(--text-main);font-size:.95rem;font-family:inherit;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #e0b46a26}.form-row-split{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.25rem}.form-row-split .form-group{margin-bottom:0}.grid-preview{background:#e0b46a14;border:1px solid rgba(224,180,106,.25);border-radius:8px;padding:.75rem 1rem;margin-top:.5rem}.grid-preview-label{font-size:.9rem;color:var(--text-muted)}.grid-preview-label strong{color:var(--accent-gold)}.form-actions{padding:1.75rem 3rem;background-color:var(--glass-bg);border-top:1px solid rgba(255,200,150,.15);display:flex;gap:1rem}.btn-cancel{flex:1;background:transparent;color:var(--text-muted);border:1px solid var(--glass-border);padding:12px 24px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-submit{flex:2;background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:12px 32px;border-radius:999px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #0009}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #000000b3}@media(max-width:640px){.add-rack-container{padding:1.75rem 1.25rem}.form-section,.form-actions{padding:1.5rem}.form-row-split{grid-template-columns:1fr}}.view-toggle{display:flex;gap:.4rem}.view-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,200,150,.2);color:#d0c3b5;padding:.5rem 1rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .15s;white-space:nowrap}.view-toggle-btn:hover:not(.view-toggle-active){border-color:#e0b46a;color:#e0b46a}.view-toggle-active{background:#8b2b3b40;border-color:#8b2b3b80;color:#f7f2ec}.confirm-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-modal{background:#1e1612;border:1px solid rgba(255,200,150,.25);border-radius:20px;width:100%;max-width:420px;box-shadow:0 24px 64px #000c;overflow:hidden}.confirm-header{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,200,150,.15);background:#ffffff08}.confirm-icon{font-size:1.3rem;flex-shrink:0}.confirm-title{margin:0;font-size:1.05rem;font-weight:700;color:#f7f2ec}.confirm-body{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.875rem}.confirm-message{margin:0;font-size:.92rem;color:#d0c3b5;line-height:1.5}.confirm-warning{display:flex;align-items:flex-start;gap:.6rem;background:#ea43351a;border:1px solid rgba(234,67,53,.25);border-radius:10px;padding:.875rem 1rem}.confirm-warning-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.confirm-warning p{margin:0;font-size:.85rem;color:#f47c7c;line-height:1.5}.confirm-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid rgba(255,200,150,.15)}.confirm-btn-cancel{flex:1;background:transparent;border:1px solid rgba(255,200,150,.25);color:#d0c3b5;padding:.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.confirm-btn-cancel:hover{border-color:#e0b46a;color:#e0b46a}.confirm-btn-confirm{flex:1;border:none;padding:.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.confirm-btn-danger{background:linear-gradient(135deg,#c0392b,#922b21);color:#fff;box-shadow:0 4px 12px #c0392b66}.confirm-btn-danger:hover{filter:brightness(1.15);transform:translateY(-1px)}.confirm-btn-primary{background:linear-gradient(135deg,#8b2b3b,#5f1b28);color:#fff;box-shadow:0 4px 12px #0006}.confirm-btn-primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.cellar-list-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.cl-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.cl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;gap:1rem;position:relative}.cl-header h1{margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.cl-header-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.btn-add{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #0009;white-space:nowrap}.cl-search-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.cl-search-input{flex:1;padding:.75rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-main);font-size:.95rem}.cl-search-input:focus{outline:none;border-color:var(--accent-gold)}.cl-count{font-size:.85rem;color:var(--text-dim);white-space:nowrap}.cl-clear-search{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:50%;transition:color .15s}.cl-clear-search:hover{color:var(--text-main)}.cl-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}.cl-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;overflow:hidden;cursor:pointer;position:relative;transition:transform .2s,border-color .2s,box-shadow .2s}.cl-card:hover{transform:translateY(-3px);border-color:#e0b46a66;box-shadow:0 12px 32px #00000080}.cl-card-actions{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.35rem;z-index:2}.btn-icon{background:#0009;border:1px solid var(--glass-border);color:var(--text-muted);width:30px;height:30px;border-radius:8px;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.cl-card-photo{height:180px;overflow:hidden}.cl-card-photo img{width:100%;height:100%;object-fit:cover}.cl-card-photo-placeholder{height:180px;display:flex;align-items:center;justify-content:center;font-size:3.5rem;background:#ffffff08}.cl-card-content{padding:1rem}.cl-card-producer{font-size:1rem;font-weight:700;margin:0 0 .2rem;color:var(--text-main)}.cl-card-product{font-size:.85rem;color:var(--accent-gold);margin:0 0 .35rem}.cl-card-type{font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.cl-card-badges{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.cl-badge{font-size:.72rem;padding:.2rem .6rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--glass-border);color:var(--text-muted)}.cl-card-footer{display:flex;align-items:center;justify-content:space-between}.cl-qty{font-size:.8rem;color:var(--text-dim)}.cl-status{font-size:.72rem;font-weight:600;padding:.2rem .6rem;border-radius:999px;text-transform:capitalize}.cl-status-sealed{background:#10a37f26;border:1px solid rgba(16,163,127,.35);color:#4ecdb4}.cl-status-opened{background:#e0b46a26;border:1px solid rgba(224,180,106,.35);color:var(--accent-gold)}.cl-status-finished{background:#8b2b3b26;border:1px solid rgba(139,43,59,.35);color:#e87a8a}.cl-status-gift{background:#4285f426;border:1px solid rgba(66,133,244,.35);color:#7ab3f5}.cl-empty{grid-column:1/-1;text-align:center;padding:3rem 2rem;color:var(--text-muted)}.cl-empty p{margin-bottom:1rem}.cl-table-wrap{overflow-x:auto}.cl-table{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;min-width:800px}.cl-table-header{display:grid;grid-template-columns:60px 1.5fr 1.5fr 1fr 80px 1fr 70px 80px 80px;gap:.75rem;padding:1rem 1.25rem;background:#00000040;border-bottom:1px solid var(--glass-border);font-size:.75rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em}.clt-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.clt-sortable:hover{color:var(--text-main)}.clt-vintage,.clt-qty{text-align:center}.cl-table-row{display:grid;grid-template-columns:60px 1.5fr 1.5fr 1fr 80px 1fr 70px 80px 80px;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,200,150,.06);align-items:center;cursor:pointer;transition:background .15s;font-size:.88rem}.cl-table-row:hover{background:#e0b46a0d}.cl-table-row:last-child{border-bottom:none}.cl-table-row .clt-producer strong{color:var(--text-main)}.cl-table-row .clt-product{color:var(--accent-gold);font-size:.83rem}.cl-table-row .clt-category{color:var(--text-muted)}.cl-table-row .clt-vintage{color:var(--text-muted);text-align:center;justify-content:center;display:flex;align-items:center}.cl-table-row .clt-region{color:var(--text-muted);font-size:.83rem}.cl-table-row .clt-qty{color:var(--text-muted);text-align:center;justify-content:center;display:flex;align-items:center}.clt-actions{display:flex;gap:.35rem}.clt-photo-img{width:40px;height:52px;object-fit:cover;border-radius:6px}.clt-photo-placeholder{width:40px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#ffffff0a;border-radius:6px}.cl-table-footer{font-size:.82rem;color:var(--text-dim);padding:.75rem 1.25rem;text-align:right}@media(max-width:640px){.cellar-list-page{padding:1.75rem 1.25rem}.cl-header{flex-wrap:wrap}.cl-header h1{text-align:left}.cl-cards-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}:root{--bg-warm-dark: #15100f;--accent-burgundy: #8b2b3b;--accent-gold: #e0b46a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--text-dim: #8a7a6e;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,200,150,.2)}.supplier-list-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.sl-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.sl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;gap:1rem;position:relative}.sl-header h1{margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em;position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;pointer-events:none}.sl-header-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.btn-back{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 8px 18px #0009;transition:transform .15s;white-space:nowrap}.btn-add{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 8px 18px #0009;transition:transform .15s;white-space:nowrap}.btn-add:hover{transform:translateY(-2px)}.sl-search-bar{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.sl-search-input{flex:1;padding:.75rem 1.25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-main);font-size:.95rem}.sl-search-input:focus{outline:none;border-color:var(--accent-gold)}.sl-count{font-size:.85rem;color:var(--text-dim);white-space:nowrap}.sl-clear-search{background:transparent;border:none;color:var(--text-dim);font-size:1.1rem;cursor:pointer;padding:.25rem .5rem;border-radius:50%;transition:color .15s}.sl-clear-search:hover{color:var(--text-main)}.sl-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.sl-card{border-radius:18px;overflow:hidden;cursor:pointer;position:relative;min-height:180px;background:#0006;transition:transform .2s,box-shadow .2s}.sl-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0009}.sl-card-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#3c1e1499,#0000004d);pointer-events:none;border-radius:18px}.sl-card-glass{position:relative;z-index:1;padding:1.25rem;height:100%;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.sl-card-header{margin-bottom:.35rem}.sl-card-title{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sl-card-name{font-size:1.05rem;font-weight:700;margin:0;color:var(--text-main)}.sl-card-type{font-size:.85rem;color:var(--text-muted);margin:0 0 .75rem}.sl-badge-active{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:#10a37f26;border:1px solid rgba(16,163,127,.35);color:#4ecdb4}.sl-badge-inactive{font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:#8b2b3b26;border:1px solid rgba(139,43,59,.35);color:#e87a8a}.sl-contact{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.75rem}.sl-contact-link{font-size:.82rem;color:var(--text-muted);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s;display:inline;width:fit-content}.sl-contact-link:hover{color:var(--accent-gold)}.sl-card-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-icon{background:#00000080;border:1px solid var(--glass-border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-icon:hover{background:#e0b46a26;border-color:var(--accent-gold);color:var(--accent-gold)}.btn-icon-danger:hover{background:#ea433526!important;border-color:#ef5350!important;color:#f47c7c!important}.sl-empty{grid-column:1/-1;text-align:center;padding:3rem 2rem;color:var(--text-muted)}.sl-empty p{margin-bottom:1rem}.sl-table-wrap{overflow-x:auto}.sl-table{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;min-width:700px}.sl-table-header{display:grid;grid-template-columns:90px 2fr 1.5fr 1.5fr 2fr 80px;gap:.75rem;padding:1rem 1.25rem;background:#00000040;border-bottom:1px solid var(--glass-border);font-size:.75rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em}.slt-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.slt-sortable:hover{color:var(--text-main)}.sl-table-row{display:grid;grid-template-columns:90px 2fr 1.5fr 1.5fr 2fr 80px;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,200,150,.06);align-items:center;cursor:pointer;transition:background .15s;font-size:.88rem}.sl-table-row:hover{background:#e0b46a0d}.sl-table-row:last-child{border-bottom:none}.sl-table-row .slt-name strong{color:var(--text-main)}.sl-table-row .slt-type,.sl-table-row .slt-location{color:var(--text-muted)}.sl-contact-links{display:flex;flex-direction:column;gap:.2rem}.slt-actions{display:flex;gap:.35rem}.sl-table-footer{font-size:.82rem;color:var(--text-dim);padding:.75rem 1.25rem;text-align:right}@media(max-width:640px){.supplier-list-page{padding:1.75rem 1.25rem}.sl-header{flex-wrap:wrap}.sl-header h1{text-align:left}.sl-cards-grid{grid-template-columns:1fr}}.buy-more-modal{background:#1e1612;border:1px solid rgba(255,200,150,.25);border-radius:20px;width:420px;max-width:95vw;box-shadow:0 24px 60px #000000b3;overflow:hidden;animation:modal-slide-up .2s ease}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.buy-more-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid rgba(255,200,150,.12)}.buy-more-title{font-size:20px;font-weight:700;color:#f7f2ec;margin:0}.buy-more-subtitle{font-size:13px;color:#e0b46a;margin:4px 0 0}.buy-more-close{background:transparent;border:none;color:#8a7a6e;font-size:22px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.buy-more-close:hover{color:#f7f2ec}.buy-more-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.buy-more-field{display:flex;flex-direction:column;gap:6px}.buy-more-label{font-size:11px;font-weight:700;color:#8a7a6e;text-transform:uppercase;letter-spacing:.08em}.buy-more-input{background:#ffffff0f;border:1px solid rgba(255,200,150,.18);border-radius:10px;color:#f7f2ec;font-size:14px;padding:10px 14px;width:100%;box-sizing:border-box;transition:border-color .15s}.buy-more-input:focus{outline:none;border-color:#e0b46a80}.qty-stepper{display:flex;align-items:center;gap:0;background:#ffffff0f;border:1px solid rgba(255,200,150,.18);border-radius:10px;overflow:hidden;width:fit-content}.qty-btn{background:transparent;border:none;color:#e0b46a;font-size:20px;padding:8px 18px;cursor:pointer;transition:background .15s}.qty-btn:hover{background:#e0b46a1a}.qty-value{font-size:18px;font-weight:700;color:#f7f2ec;min-width:40px;text-align:center}.buy-more-price-wrap{position:relative}.buy-more-currency{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#8a7a6e;font-size:14px}.buy-more-input.price{padding-left:28px}.buy-more-total{font-size:12px;color:#4ecdb4;margin-top:4px}.buy-more-error{font-size:13px;color:#f47c7c;margin:0}.buy-more-footer{display:flex;gap:12px;padding:16px 24px 24px;border-top:1px solid rgba(255,200,150,.12)}.buy-more-btn-cancel{flex:1;background:transparent;border:1px solid rgba(255,200,150,.18);color:#d0c3b5;padding:11px;border-radius:999px;cursor:pointer;font-size:14px;transition:all .15s}.buy-more-btn-cancel:hover{border-color:#ffc89666;color:#f7f2ec}.buy-more-btn-save{flex:2;background:linear-gradient(135deg,#8b2b3b,#6b1f2b);border:1px solid rgba(139,43,59,.6);color:#fff;padding:11px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.buy-more-btn-save:hover:not(:disabled){filter:brightness(1.15);transform:translateY(-1px)}.buy-more-btn-save:disabled{opacity:.5;cursor:not-allowed}.drawer-backdrop{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;align-items:stretch;justify-content:flex-end}.purchase-drawer{background:#1e1612;border-left:1px solid rgba(255,200,150,.2);width:480px;max-width:95vw;height:100vh;overflow-y:auto;display:flex;flex-direction:column;animation:drawer-slide-in .25s ease;box-shadow:-16px 0 48px #00000080}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.purchase-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding:28px 28px 20px;border-bottom:1px solid rgba(255,200,150,.12);position:sticky;top:0;background:#1e1612;z-index:1}.purchase-drawer-title{font-size:22px;font-weight:700;color:#f7f2ec;margin:0}.purchase-drawer-subtitle{font-size:13px;color:#e0b46a;margin:4px 0 0}.purchase-drawer-close{background:transparent;border:none;color:#8a7a6e;font-size:24px;cursor:pointer;padding:0 4px;line-height:1;transition:color .15s}.purchase-drawer-close:hover{color:#f7f2ec}.purchase-drawer-loading,.purchase-drawer-empty{padding:48px 28px;text-align:center;color:#8a7a6e;font-size:14px;font-style:italic}.purchase-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffc8961a;border-bottom:1px solid rgba(255,200,150,.12)}.purchase-stat{background:#1e1612;padding:16px 20px;display:flex;flex-direction:column;gap:4px}.purchase-stat-label{font-size:10px;color:#8a7a6e;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.purchase-stat-value{font-size:18px;font-weight:700;color:#e0b46a}.purchase-list{padding:0 28px 28px;flex:1}.purchase-list-header{display:grid;grid-template-columns:1.2fr 1.5fr .5fr .8fr .8fr;padding:12px 0 8px;font-size:10px;font-weight:700;color:#e0b46a;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,200,150,.15)}.purchase-list-row{display:grid;grid-template-columns:1.2fr 1.5fr .5fr .8fr .8fr;padding:12px 0;border-bottom:1px solid rgba(255,200,150,.06);align-items:center;transition:background .15s}.purchase-list-row:hover{background:#ffffff05}.purchase-date{font-size:13px;color:#f7f2ec}.purchase-supplier{font-size:12px;color:#d0c3b5}.purchase-qty{font-size:14px;font-weight:700;color:#f7f2ec;text-align:center}.purchase-price{font-size:13px;color:#d0c3b5;text-align:right}.purchase-total{font-size:13px;font-weight:600;color:#e0b46a;text-align:right}.consume-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem}.consume-modal{background:#1e1612;border:1px solid rgba(255,200,150,.25);border-radius:20px;width:100%;max-width:480px;box-shadow:0 24px 64px #000c;overflow:hidden}.consume-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,200,150,.15);background:#ffffff0a}.consume-title{font-size:1.1rem;font-weight:700;color:#f7f2ec;margin:0 0 .25rem}.consume-item{font-size:.85rem;color:#e0b46a;margin:0}.consume-close{background:transparent;border:none;color:#8a7a6e;font-size:1.5rem;cursor:pointer;line-height:1;padding:0;transition:color .15s;flex-shrink:0}.consume-close:hover{color:#f7f2ec}.consume-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem}.consume-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.consume-field{display:flex;flex-direction:column;gap:.4rem}.consume-field label{font-size:.85rem;font-weight:600;color:#d0c3b5;letter-spacing:.02em}.consume-field input[type=date],.consume-field select,.consume-field textarea{background:#ffffff0f;border:1px solid rgba(255,200,150,.25);border-radius:8px;color:#f7f2ec;font-size:.9rem;font-family:inherit;padding:.6rem .875rem;transition:border-color .2s,box-shadow .2s;box-sizing:border-box;width:100%}.consume-field input:focus,.consume-field select:focus,.consume-field textarea:focus{outline:none;border-color:#e0b46a;box-shadow:0 0 0 3px #e0b46a26}.consume-field textarea{resize:vertical;min-height:80px}.rating-wrap{display:flex;align-items:center;gap:1rem}.rating-slider{flex:1;-webkit-appearance:none;appearance:none;height:4px;background:#ffffff1f;border-radius:2px;outline:none;border:none!important;padding:0!important;box-shadow:none!important}.rating-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#e0b46a;cursor:pointer;box-shadow:0 2px 6px #0006}.rating-value{font-size:1.1rem;font-weight:700;color:#e0b46a;min-width:32px;text-align:right}.consume-checkbox{display:flex;align-items:center;gap:.6rem;cursor:pointer;font-size:.9rem;color:#d0c3b5;font-weight:500}.consume-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#8b2b3b;cursor:pointer}.consume-footer{display:flex;gap:.75rem;padding-top:.5rem}.btn-cancel{flex:1;background:transparent;border:1px solid rgba(255,200,150,.25);color:#d0c3b5;padding:.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-cancel:hover{border-color:#e0b46a;color:#e0b46a}.btn-submit{flex:2;background:linear-gradient(135deg,#8b2b3b,#5f1b28);color:#fff;border:none;padding:.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:0 4px 12px #0006}@media(max-width:480px){.consume-row{grid-template-columns:1fr}}:root{--bg-warm-dark: #15100f;--bg-warm-mid: #2a1f1b;--bg-warm-card: #1e1612;--accent-burgundy:#8b2b3b;--accent-gold: #e0b46a;--accent-gold-dim:#b8894a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--text-dim: #8a7a6e;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,200,150,.18);--glass-hover: rgba(255,255,255,.1);--radius-md: 12px;--radius-lg: 18px;--shadow-card: 0 4px 24px rgba(0,0,0,.45)}.cellar-detail-page{min-height:100vh;background-color:var(--bg-warm-dark);background-image:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(139,43,59,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(224,180,106,.05) 0%,transparent 70%);color:var(--text-main);padding:0 0 64px}.detail-loading,.detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:var(--text-muted)}.detail-loading-spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite}.btn-back-large{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--accent-gold);padding:10px 20px;border-radius:999px;cursor:pointer;font-size:14px}.detail-hero{display:grid;grid-template-columns:220px 1fr;gap:40px;padding:40px 48px 48px;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(139,43,59,.06) 0%,transparent 100%)}.detail-hero:has(.detail-hero-map){grid-template-columns:220px 1fr 280px}.detail-hero-map{display:flex;flex-direction:column;gap:8px;min-height:220px}.detail-hero-map-label{display:flex;align-items:center;justify-content:space-between;font-size:.82rem;font-weight:600;color:var(--text-muted)}.detail-hero-map-city{font-size:.78rem;color:var(--text-dim);font-weight:400}.detail-hero-map iframe{flex:1;border-radius:12px;min-height:200px}.detail-hero-left{display:flex;flex-direction:column;align-items:center;gap:16px}.btn-back{align-self:flex-start;background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;transition:all .2s}.btn-back:hover{color:var(--accent-gold);border-color:var(--accent-gold);background:var(--glass-bg)}.bottle-photo{width:180px;height:280px;object-fit:cover;border-radius:18px;box-shadow:0 8px 32px #0009;border:1px solid var(--glass-border)}.bottle-photo-placeholder{width:180px;height:280px;border-radius:18px;background:var(--glass-bg);border:1px dashed var(--glass-border);display:flex;align-items:center;justify-content:center;font-size:64px}.detail-hero-info{display:flex;flex-direction:column;gap:12px;padding-top:8px}.detail-hero-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.detail-category-tag{background:#8b2b3b59;border:1px solid rgba(139,43,59,.6);color:#e87a8a;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 10px;border-radius:20px}.limited-badge{background:#e0b46a26;border:1px solid rgba(224,180,106,.4);color:var(--accent-gold);font-size:11px;font-weight:600;letter-spacing:.08em;padding:3px 10px;border-radius:20px}.detail-title{font-size:36px;font-weight:700;color:var(--text-main);line-height:1.1;margin:0;letter-spacing:-.02em}.detail-subtitle{font-size:22px;font-weight:400;color:var(--accent-gold);margin:0}.detail-subtitle-meta{font-size:15px;color:var(--text-muted);margin:0;text-transform:capitalize}.detail-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.info-badge{display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;padding:6px 12px;min-width:80px}.info-badge-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.info-badge-value{font-size:14px;color:var(--text-main);font-weight:500;margin-top:2px}.detail-hero-actions{display:flex;gap:12px;margin-top:8px}.btn-edit{background:linear-gradient(135deg,var(--accent-burgundy),#6b1f2b);border:1px solid rgba(139,43,59,.6);color:#fff;padding:10px 24px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-edit:hover{filter:brightness(1.15);transform:translateY(-1px)}.btn-buy-more{background:transparent;border:1px solid rgba(78,205,180,.5);color:#4ecdb4;padding:10px 24px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-buy-more:hover{background:#4ecdb41f;border-color:#4ecdb4;transform:translateY(-1px)}.btn-history{background:transparent;border:1px solid rgba(255,200,150,.25);color:#d0c3b5;padding:10px 20px;border-radius:999px;cursor:pointer;font-size:14px;transition:all .2s}.btn-history:hover{color:#e0b46a;border-color:#e0b46a80;transform:translateY(-1px)}.btn-consume{background:transparent;border:1px solid rgba(16,163,127,.5);color:#4ecdb4;padding:10px 24px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-consume:hover:not(:disabled){background:#10a37f1f;border-color:#4ecdb4;transform:translateY(-1px)}.btn-consume:disabled{opacity:.35;cursor:not-allowed}.btn-delete{background:transparent;border:1px solid rgba(244,67,54,.5);color:#f47c7c;padding:10px 24px;border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-delete:hover{background:#f4433626;border-color:#ef5350;transform:translateY(-1px)}.status-pill{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:20px}.status-sealed{background:#10a37f26;border:1px solid rgba(16,163,127,.4);color:#4ecdb4}.status-opened{background:#e0b46a26;border:1px solid rgba(224,180,106,.4);color:var(--accent-gold)}.status-finished{background:#8a7a6e26;border:1px solid rgba(138,122,110,.4);color:#8a7a6e}.status-empty{background:#8a7a6e1a;border:1px solid rgba(138,122,110,.3);color:#6e5e52}.status-gift{background:#4285f426;border:1px solid rgba(66,133,244,.4);color:#7ab3f5}.status-sold{background:#ea433526;border:1px solid rgba(234,67,53,.4);color:#f47c7c}.detail-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:36px 48px}.section-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;box-shadow:var(--shadow-card);transition:border-color .2s}.section-card:hover{border-color:#e0b46a47}.section-card-header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;border-bottom:1px solid var(--glass-border)}.section-icon{font-size:16px}.section-title{font-size:13px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0}.section-card-body{padding:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full-width{grid-column:1 / -1}.info-label{font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.info-value{font-size:14px;color:var(--text-main);font-weight:500}.info-notes{font-size:14px;color:var(--text-muted);line-height:1.6;margin:0}.info-empty{font-size:13px;color:var(--text-dim);font-style:italic;margin:0}.value-highlight{color:var(--accent-gold);font-size:18px;font-weight:700}.gain{color:#4ecdb4}.loss{color:#f47c7c}.drinking-window-vis{display:flex;flex-direction:column;gap:12px}.drinking-window-bar-wrap{display:flex;align-items:center;gap:10px}.drinking-year{font-size:13px;color:var(--text-muted);font-weight:600;white-space:nowrap}.drinking-bar{flex:1;height:8px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:4px;position:relative;overflow:visible}.drinking-peak-marker{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:var(--accent-gold);border:2px solid var(--bg-warm-dark);border-radius:50%;box-shadow:0 0 8px #e0b46a99;cursor:default}.drinking-peak-label{font-size:12px;color:var(--accent-gold);margin:0}.drinking-status-row{display:flex;align-items:center;gap:10px}.drinking-pill{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:20px}.drink-young{background:#4285f426;border:1px solid rgba(66,133,244,.4);color:#7ab3f5}.drink-ready{background:#10a37f26;border:1px solid rgba(16,163,127,.4);color:#4ecdb4}.drink-peak{background:#e0b46a26;border:1px solid rgba(224,180,106,.4);color:var(--accent-gold)}.drink-past{background:#ea43351f;border:1px solid rgba(234,67,53,.3);color:#f47c7c}.notes-block{margin-bottom:16px}.notes-block:last-child{margin-bottom:0}.notes-label{display:block;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:6px}.notes-text{font-size:14px;color:var(--text-muted);line-height:1.7;margin:0}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-pill{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;padding:4px 12px;border-radius:20px}.consumption-timeline-card{grid-column:1 / -1}.timeline-count{margin-left:auto;font-size:.78rem;color:var(--text-dim);font-weight:500}.timeline{display:flex;flex-direction:column;gap:0}.timeline-entry{display:flex;gap:1rem;position:relative;padding-bottom:1.25rem}.timeline-entry:last-child{padding-bottom:0}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-gold);border:2px solid var(--bg-warm-dark);flex-shrink:0;margin-top:4px;box-shadow:0 0 6px #e0b46a66;z-index:1}.timeline-line{position:absolute;left:4px;top:14px;bottom:0;width:2px;background:var(--glass-border)}.timeline-content{flex:1;display:flex;flex-direction:column;gap:.3rem}.timeline-header{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.timeline-bottle{font-size:.9rem;font-weight:700;color:var(--text-main)}.timeline-date{font-size:.82rem;color:var(--text-muted)}.timeline-rating{font-size:.9rem;font-weight:700;color:var(--accent-gold);background:#e0b46a1a;border:1px solid rgba(224,180,106,.25);border-radius:999px;padding:.1rem .6rem}.timeline-wba{font-size:.85rem;padding:.1rem .5rem;border-radius:999px}.wba-yes{background:#10a37f1a;border:1px solid rgba(16,163,127,.3)}.wba-no{background:#ea43351a;border:1px solid rgba(234,67,53,.3)}.timeline-meta{display:flex;gap:.75rem;flex-wrap:wrap}.timeline-occasion{font-size:.8rem;color:var(--text-muted);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;padding:.15rem .6rem}.timeline-rack{font-size:.8rem;color:var(--text-dim)}.timeline-notes{font-size:.85rem;color:var(--text-muted);margin:0;font-style:italic;line-height:1.5}.drinking-ai-suggested{font-size:11px;color:var(--accent-gold-dim);font-style:italic;margin:4px 0 0;opacity:.8}.storage-positions-list{display:flex;flex-direction:column;gap:.6rem}.storage-position-row{display:flex;align-items:center;gap:.75rem;background:#ffffff08;border:1px solid var(--glass-border);border-radius:8px;padding:.6rem .875rem;flex-wrap:wrap}.storage-position-rack{font-size:.88rem;font-weight:600;color:var(--text-main);flex:1}.storage-position-slot{font-size:.82rem;color:var(--accent-gold);background:#e0b46a1a;border:1px solid rgba(224,180,106,.25);border-radius:999px;padding:.15rem .6rem}.storage-position-bottle{font-size:.78rem;color:var(--text-dim)}.storage-position-notes{font-size:.78rem;color:var(--text-dim);font-style:italic;width:100%}.producer-map-link{font-size:12px;color:var(--accent-gold);text-decoration:none;margin-left:6px;transition:opacity .15s}.producer-map-link:hover{opacity:.75}.detail-audit{display:flex;align-items:center;gap:10px;padding:28px 48px 0;font-size:12px;color:var(--text-dim)}@media(max-width:1024px){.detail-hero{grid-template-columns:160px 1fr;padding:28px}.detail-body{padding:24px 28px}.detail-audit{padding:20px 28px 0}}@media(max-width:640px){.detail-hero{grid-template-columns:1fr;padding:20px}.detail-hero-left{flex-direction:row;align-items:flex-start}.bottle-photo,.bottle-photo-placeholder{width:100px;height:160px}.detail-title{font-size:26px}.detail-body{padding:16px 20px;grid-template-columns:1fr}.detail-audit{padding:16px 20px 0}}.bottle-photo-wrap{position:relative;cursor:pointer}.bottle-photo-zoom-hint{position:absolute;bottom:8px;right:8px;background:#00000080;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .2s}.bottle-photo-wrap:hover .bottle-photo-zoom-hint{opacity:1}:root{--bg-warm-dark: #15100f;--bg-warm-mid: #2a1f1b;--accent-burgundy: #8b2b3b;--accent-gold: #e0b46a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--text-dim: #8a7a6e;--glass-bg: rgba(255,255,255,.08);--glass-border: rgba(255,200,150,.25)}.storage-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.storage-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted);font-size:1.1rem}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-back:hover{transform:translateY(-2px);box-shadow:0 12px 24px #000000b3}.btn-primary{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #0009}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px #000000b3}.storage-summary{display:flex;align-items:center;gap:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.25rem 2rem;margin-bottom:2.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.summary-stat{display:flex;flex-direction:column;align-items:center;gap:.2rem}.summary-value{font-size:1.8rem;font-weight:700;color:var(--accent-gold);line-height:1}.summary-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.summary-divider{width:1px;height:36px;background:var(--glass-border)}.storage-section{margin-bottom:2.5rem}.storage-section-title{font-size:1rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.25rem}.storage-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.storage-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:18px;padding:1.5rem;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.storage-card:hover{transform:translateY(-3px);border-color:#e0b46a66;box-shadow:0 12px 32px #00000080}.storage-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.storage-card-name{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.storage-card-actions{display:flex;gap:.5rem}.btn-icon{background:#00000080;border:1px solid var(--accent-gold);color:var(--accent-gold);font-size:1rem;padding:.4rem .6rem;border-radius:8px;cursor:pointer;transition:all .15s}.btn-icon:hover{background:#e0b46a33;transform:translateY(-1px)}.storage-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.rack-dims{font-size:.85rem;color:var(--text-muted)}.rack-type-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .6rem;border-radius:999px;background:#8b2b3b33;border:1px solid rgba(139,43,59,.4);color:#e87a8a}.rack-type-shelf{background:#4285f426;border-color:#4285f459;color:#7ab3f5}.storage-card-desc{font-size:.85rem;color:var(--text-dim);margin:0 0 .75rem;font-style:italic}.util-bar-wrap{margin-top:.75rem}.util-bar-track{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;margin-bottom:.4rem}.util-bar-fill{height:100%;border-radius:3px;transition:width .4s ease}.util-low{background:linear-gradient(90deg,#4ecdb4,#2ecc71)}.util-mid{background:linear-gradient(90deg,var(--accent-gold),#f0a500)}.util-high{background:linear-gradient(90deg,#e87a8a,var(--accent-burgundy))}.util-label{font-size:.75rem;color:var(--text-dim)}.shelf-items-count{display:flex;align-items:baseline;gap:.5rem;margin-top:.75rem}.shelf-count-value{font-size:1.8rem;font-weight:700;color:var(--accent-gold);line-height:1}.shelf-count-label{font-size:.85rem;color:var(--text-dim)}.storage-empty{text-align:center;padding:4rem 2rem;color:var(--text-muted)}.storage-empty p{font-size:1.1rem;margin-bottom:1.5rem}@media(max-width:640px){.storage-page{padding:1.75rem 1.25rem}.page-header{flex-wrap:wrap;gap:1rem}.storage-summary{flex-wrap:wrap;gap:1rem;padding:1rem}.storage-grid{grid-template-columns:1fr}}:root{--bg-warm-dark: #15100f;--bg-warm-mid: #2a1f1b;--accent-burgundy: #8b2b3b;--accent-gold: #e0b46a;--accent-gold-dim: #b8894a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--text-dim: #8a7a6e;--glass-bg: rgba(255,255,255,.08);--glass-border: rgba(255,200,150,.25);--slot-empty: rgba(255,255,255,.04);--slot-empty-border: rgba(255,200,150,.12);--slot-occupied: rgba(139,43,59,.35);--slot-occupied-border: rgba(139,43,59,.6)}.rack-detail-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.rack-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-muted)}.rack-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.75rem}.rack-header-info{flex:1}.rack-title{font-size:clamp(1.6rem,3vw,2.2rem);margin:0;letter-spacing:.02em}.rack-type-tag{font-size:.85rem;color:var(--text-muted)}.btn-back{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #0009;white-space:nowrap}.btn-edit{background:transparent;border:1px solid var(--accent-gold);color:var(--accent-gold);padding:.65rem 1.25rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-edit:hover{background:#e0b46a1f}.rack-stats{display:flex;align-items:center;gap:1.5rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:1rem 1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-wrap:wrap}.rack-stat{display:flex;flex-direction:column;align-items:center;gap:.15rem}.rack-stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-gold);line-height:1}.rack-stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.rack-stat-divider{width:1px;height:32px;background:var(--glass-border)}.rack-util-bar-wrap{display:flex;align-items:center;gap:.75rem;flex:1;min-width:120px}.rack-util-track{flex:1;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.rack-util-fill{height:100%;background:linear-gradient(90deg,var(--accent-gold),#f0a500);border-radius:3px;transition:width .5s ease}.rack-util-pct{font-size:.85rem;color:var(--accent-gold);font-weight:600;white-space:nowrap}.rack-grid-wrap{overflow-x:auto;padding-bottom:1rem}.rack-grid{display:inline-grid;gap:4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-width:max-content}.grid-corner{width:28px;height:28px}.grid-col-header{width:52px;height:28px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.grid-row-header{width:28px;height:52px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--text-dim);letter-spacing:.05em}.slot-cell{width:52px;height:52px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden;position:relative}.slot-empty{background:var(--slot-empty);border:1px solid var(--slot-empty-border)}.slot-empty:hover{background:#e0b46a14;border-color:#e0b46a4d;transform:scale(1.05);box-shadow:0 4px 12px #0006}.slot-occupied{background:var(--slot-occupied);border:1px solid var(--slot-occupied-border)}.slot-occupied:hover{background:#8b2b3b80;border-color:#e87a8ab3;transform:scale(1.05);box-shadow:0 4px 16px #8b2b3b66}.slot-label{font-size:.6rem;color:var(--text-dim);letter-spacing:.03em}.slot-content{display:flex;flex-direction:column;align-items:center;gap:1px;padding:2px;width:100%}.slot-emoji{font-size:14px;line-height:1}.slot-producer{font-size:.5rem;color:var(--text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;padding:0 2px}.slot-vintage{font-size:.5rem;color:var(--accent-gold-dim)}.rack-legend{display:flex;align-items:center;gap:1.5rem;margin-top:1rem;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text-muted)}.legend-dot{width:12px;height:12px;border-radius:3px}.legend-empty{background:var(--slot-empty);border:1px solid var(--slot-empty-border)}.legend-occupied{background:var(--slot-occupied);border:1px solid var(--slot-occupied-border)}.legend-hint{font-size:.75rem;color:var(--text-dim);font-style:italic}.slot-detail-panel{position:fixed;right:2rem;top:50%;transform:translateY(-50%);width:280px;background:var(--bg-warm-mid);border:1px solid var(--glass-border);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 16px 48px #000000b3;z-index:100;overflow:hidden}.slot-detail-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--glass-border)}.slot-detail-header h3{margin:0;font-size:1rem}.slot-detail-body{padding:1.25rem}.slot-detail-producer{font-size:1rem;font-weight:700;margin:0 0 .25rem}.slot-detail-product{font-size:.9rem;color:var(--accent-gold);margin:0 0 .5rem}.slot-detail-meta{font-size:.85rem;color:var(--text-muted);margin:0 0 .25rem}.slot-detail-notes{font-size:.85rem;color:var(--text-dim);font-style:italic;margin:.5rem 0 0}.slot-detail-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.btn-consume-slot{background:transparent;border:1px solid rgba(16,163,127,.4);color:#4ecdb4;padding:.65rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-consume-slot:hover{background:#10a37f1f;border-color:#4ecdb4}.btn-view-item{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.65rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;text-align:center;transition:all .15s}.btn-view-item:hover{filter:brightness(1.15)}.btn-unassign-slot{background:transparent;border:1px solid rgba(234,67,53,.4);color:#f47c7c;padding:.65rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-unassign-slot:hover{background:#ea43351f;border-color:#ef5350}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.4rem;cursor:pointer;line-height:1;padding:0;transition:color .15s}.modal-close:hover{color:var(--text-main)}.open-shelf-view{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.open-shelf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;font-size:.9rem;color:var(--text-muted)}.btn-assign-open{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-assign-open:hover{filter:brightness(1.15)}.open-shelf-empty{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.open-shelf-empty p{margin-bottom:1rem}.open-shelf-list{display:flex;flex-direction:column;gap:.75rem}.shelf-item-row{display:flex;align-items:center;gap:1rem;background:#ffffff0a;border:1px solid rgba(255,200,150,.1);border-radius:10px;padding:.75rem 1rem;transition:border-color .15s}.shelf-item-row:hover{border-color:#e0b46a40}.shelf-item-photo{width:44px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.shelf-item-photo-placeholder{width:44px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffffff0f;border-radius:6px;flex-shrink:0}.shelf-item-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.shelf-item-producer{font-size:.95rem;font-weight:700;color:var(--text-main)}.shelf-item-product{font-size:.85rem;color:var(--accent-gold)}.shelf-item-meta{font-size:.78rem;color:var(--text-dim)}.shelf-item-index{font-size:.8rem;color:var(--text-dim);background:#ffffff0f;border-radius:999px;padding:.2rem .6rem;white-space:nowrap}.btn-unassign{background:transparent;border:none;color:var(--text-dim);font-size:1.3rem;cursor:pointer;padding:.2rem .4rem;border-radius:50%;transition:all .15s;line-height:1}.btn-unassign:hover{color:#f47c7c;background:#ea43351a}.selection-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;background:#2a1f1b;border:1px solid rgba(224,180,106,.45);border-radius:999px;padding:.75rem 1.5rem;gap:1rem;box-shadow:0 8px 32px #0009;z-index:200;min-width:320px}.selection-count{font-size:.9rem;color:var(--accent-gold);font-weight:500}.selection-actions{display:flex;gap:.75rem}.btn-clear-selection{background:transparent;border:1px solid rgba(224,180,106,.3);color:var(--text-muted);padding:.5rem 1rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .15s}.btn-clear-selection:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-assign-selected{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-assign-selected:hover{filter:brightness(1.15)}.slot-selected{background:#e0b46a33!important;border-color:#e0b46ab3!important;box-shadow:0 0 0 2px #e0b46a4d}.slot-selected .slot-label{color:var(--accent-gold);font-weight:700;font-size:.75rem}.legend-selected{background:#e0b46a33;border:1px solid rgba(224,180,106,.7)}.modal-inventory{margin-top:1rem;border-radius:10px;padding:.875rem 1rem;border:1px solid transparent}.modal-inventory-ok{background:#10a37f14;border-color:#10a37f40}.modal-inventory-warn{background:#ea433514;border-color:#ea433540}.modal-inventory-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text-muted);padding:.2rem 0}.modal-inventory-row strong{color:var(--text-main)}.modal-inventory-divider{border-top:1px solid var(--glass-border);margin:.5rem 0}.modal-inventory-warning{font-size:.8rem;color:#f47c7c;margin:.5rem 0 0}.inv-zero{color:#f47c7c!important}.modal-auto-index{font-size:.78rem;color:var(--text-dim);font-style:italic;margin:.5rem 0 0}.modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--bg-warm-mid);border:1px solid var(--glass-border);border-radius:20px;width:100%;max-width:520px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000c}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--glass-border)}.modal-header h3{margin:0;font-size:1.1rem}.modal-body{flex:1;overflow-y:auto;padding:1.25rem 1.5rem}.modal-search{margin-bottom:1rem;position:relative}.modal-searching{display:block;font-size:.75rem;color:var(--text-dim);font-style:italic;margin-top:.35rem;padding-left:.5rem}.modal-search-input{width:100%;padding:.75rem 1rem;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:999px;color:var(--text-main);font-size:.9rem;box-sizing:border-box}.modal-search-input:focus{outline:none;border-color:var(--accent-gold);box-shadow:0 0 0 3px #e0b46a26}.modal-item-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto}.modal-empty{text-align:center;color:var(--text-dim);padding:1rem;font-style:italic}.modal-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:all .15s}.modal-item:hover{background:#ffffff0d;border-color:#ffc89626}.modal-item-selected{background:#8b2b3b33!important;border-color:#8b2b3b80!important}.modal-item-photo{width:40px;height:56px;object-fit:cover;border-radius:6px;flex-shrink:0}.modal-item-photo-placeholder{width:40px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#ffffff0d;border-radius:6px;flex-shrink:0}.modal-item-info{display:flex;flex-direction:column;gap:.15rem}.modal-item-producer{font-size:.9rem;font-weight:700;color:var(--text-main)}.modal-item-product{font-size:.82rem;color:var(--accent-gold)}.modal-item-meta{font-size:.75rem;color:var(--text-dim)}.modal-extras{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.modal-field label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.35rem;font-weight:600}.modal-field input{width:100%;padding:.6rem .9rem;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:8px;color:var(--text-main);font-size:.9rem;box-sizing:border-box}.modal-field input:focus{outline:none;border-color:var(--accent-gold)}.modal-footer{display:flex;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--glass-border)}.btn-cancel{flex:1;background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);padding:.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-cancel:hover{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-submit{flex:2;background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.btn-submit:hover:not(:disabled){filter:brightness(1.15)}.btn-submit:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.rack-detail-page{padding:1.75rem 1.25rem}.rack-header{flex-wrap:wrap;gap:.75rem}.slot-detail-panel{position:relative;right:auto;top:auto;transform:none;width:100%;margin-top:1.5rem}.rack-stats{gap:1rem}}.open-shelf-sort{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid var(--glass-border)}.sort-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-right:4px}.sort-btn{background:transparent;border:1px solid var(--glass-border);color:var(--text-muted);font-size:12px;padding:4px 12px;border-radius:999px;cursor:pointer;transition:all .15s}.sort-btn:hover{color:var(--accent-gold);border-color:var(--accent-gold)}.sort-btn.active{background:#e0b46a1a;border-color:#e0b46a66;color:var(--accent-gold);font-weight:600}.slot-move-target{border-color:var(--accent-gold)!important;background:#e0b46a26!important;cursor:crosshair!important;animation:pulse-gold 1s ease-in-out infinite}.slot-move-dim{opacity:.35;cursor:not-allowed!important}@keyframes pulse-gold{0%,to{box-shadow:0 0 #e0b46a66}50%{box-shadow:0 0 0 4px #e0b46a26}}.move-mode-banner{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 16px;background:#e0b46a14;border:1px solid rgba(224,180,106,.25);border-radius:8px;margin:8px 0;font-size:13px;color:var(--accent-gold)}.move-mode-cancel{background:transparent;border:1px solid rgba(224,180,106,.4);color:var(--accent-gold);padding:4px 14px;border-radius:999px;cursor:pointer;font-size:12px;transition:all .15s}.move-mode-cancel:hover{background:#e0b46a1a}.btn-move-slot{background:transparent;border:1px solid rgba(224,180,106,.4);color:var(--accent-gold);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;transition:all .15s}.btn-move-slot:hover{background:#e0b46a1a;border-color:var(--accent-gold)}.slot-dragging{opacity:.3}.slot-drag-over{border-color:var(--accent-gold)!important;background:#e0b46a33!important;transform:scale(1.05)}.slot-drag-ghost{opacity:.9;transform:rotate(3deg) scale(1.1);box-shadow:0 8px 24px #00000080;cursor:grabbing;pointer-events:none}.slot-occupied{cursor:grab}.slot-occupied:active{cursor:grabbing}:root{--bg-warm-dark: #15100f;--bg-warm-mid: #2a1f1b;--accent-burgundy: #8b2b3b;--accent-gold: #e0b46a;--text-main: #f7f2ec;--text-muted: #d0c3b5;--text-dim: #8a7a6e;--glass-bg: rgba(255,255,255,.06);--glass-border: rgba(255,200,150,.2)}.consumption-page{min-height:100vh;background:radial-gradient(circle at top left,#3b241a,#120c0a 45%,#050304);color:var(--text-main);padding:2.5rem clamp(1.5rem,4vw,4rem)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem}.page-header h1{margin:0;font-size:clamp(1.9rem,3vw,2.4rem);letter-spacing:.03em}.btn-back{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 8px 18px #0009}.btn-back:hover{transform:translateY(-2px)}.header-actions{display:flex;gap:.5rem}.btn-view-toggle{display:none}.clog-toggle{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);padding:.5rem 1rem;border-radius:999px;font-size:.85rem;cursor:pointer;transition:all .15s}.clog-toggle-active{background:#8b2b3b40;border-color:#8b2b3b80;color:var(--text-main)}.clog-toggle:hover:not(.clog-toggle-active){border-color:var(--accent-gold);color:var(--accent-gold)}.consumption-filters{display:flex;gap:.75rem;flex-wrap:nowrap;margin-bottom:1rem;align-items:center;overflow-x:auto;padding-bottom:.25rem}.filter-search{flex:1;min-width:180px;padding:.65rem 1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-main);font-size:.9rem}.filter-search:focus{outline:none;border-color:var(--accent-gold)}.filter-select{padding:.65rem 2.25rem .65rem .875rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-main);font-size:.85rem;cursor:pointer;width:auto;flex-shrink:0;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a7a6e' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .875rem center}.filter-date{padding:.65rem .875rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;color:var(--text-main);font-size:.85rem;cursor:pointer;width:148px;flex-shrink:0}.filter-select:focus,.filter-date:focus{outline:none;border-color:var(--accent-gold)}.filter-label{font-size:.78rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;white-space:nowrap}.filter-sep{color:var(--text-dim);font-size:.85rem;flex-shrink:0}.filter-rating{width:150px!important}.btn-clear-filters{background:linear-gradient(135deg,var(--accent-burgundy),#5f1b28);border:none;color:#fff;padding:.65rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0;box-shadow:0 4px 12px #0006}.btn-clear-filters:hover{filter:brightness(1.15);transform:translateY(-1px)}.consumption-count{font-size:.85rem;color:var(--text-dim);margin-bottom:1.25rem}.consumption-cards{display:flex;flex-direction:column;gap:.75rem}.consumption-card{display:flex;align-items:center;gap:1rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:14px;padding:1rem 1.25rem;transition:border-color .15s}.consumption-card:hover{border-color:#e0b46a4d}.cc-photo{width:52px;height:68px;flex-shrink:0;border-radius:8px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.cc-photo img{width:100%;height:100%;object-fit:cover}.cc-content{flex:1;min-width:0}.cc-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.cc-title{display:flex;flex-direction:column;gap:.1rem}.cc-producer{font-size:.95rem;font-weight:700;color:var(--text-main)}.cc-product{font-size:.85rem;color:var(--accent-gold)}.cc-badges{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.cc-meta{display:flex;gap:.5rem;font-size:.8rem;color:var(--text-dim);flex-wrap:wrap;margin-bottom:.35rem}.cc-notes{font-size:.82rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-actions{display:flex;flex-direction:column;gap:.4rem;flex-shrink:0}.cc-btn-view{background:transparent;border:1px solid var(--glass-border);color:var(--accent-gold);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.cc-btn-view:hover{background:#e0b46a1a;border-color:var(--accent-gold)}.cc-btn-delete{background:transparent;border:none;color:var(--text-dim);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .15s}.cc-btn-delete:hover{color:#f47c7c;background:#ea43351a}.rating-badge{font-size:1rem;font-weight:700}.wba-badge{font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:999px}.wba-yes{background:#10a37f26;border:1px solid rgba(16,163,127,.35);color:#4ecdb4}.wba-no{background:#ea43351f;border:1px solid rgba(234,67,53,.3);color:#f47c7c}.consumption-table-wrap{overflow-x:auto}.consumption-table{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;min-width:700px}.ct-header{display:grid;grid-template-columns:110px 2fr 120px 70px 90px 2fr 50px;gap:1rem;padding:1rem 1.25rem;background:#00000040;border-bottom:1px solid var(--glass-border);font-size:.75rem;font-weight:700;color:var(--accent-gold);text-transform:uppercase;letter-spacing:.08em}.ct-row{display:grid;grid-template-columns:110px 2fr 120px 70px 90px 2fr 50px;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,200,150,.08);align-items:center;cursor:pointer;transition:background .15s;font-size:.9rem}.ct-row:hover{background:#e0b46a0d}.ct-row:last-child{border-bottom:none}.ct-row .ct-col-item{display:flex;flex-direction:column;gap:.1rem}.ct-row .ct-col-item strong{color:var(--text-main)}.ct-product{font-size:.8rem;color:var(--accent-gold)}.ct-vintage{font-size:.78rem;color:var(--text-dim)}.ct-col-occasion,.ct-col-rating{text-align:center}.ct-col-wba{text-align:center;display:flex;align-items:center;justify-content:center}.ct-row .ct-col-date,.ct-row .ct-col-occasion{color:var(--text-muted);font-size:.85rem}.ct-row .ct-notes-text{color:var(--text-dim);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.consumption-empty{text-align:center;padding:3rem 2rem;color:var(--text-muted)}.consumption-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2rem;font-size:.9rem;color:var(--text-muted)}.btn-page{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-muted);padding:.5rem 1.25rem;border-radius:999px;cursor:pointer;font-size:.85rem;transition:all .15s}.btn-page:hover:not(:disabled){border-color:var(--accent-gold);color:var(--accent-gold)}.btn-page:disabled{opacity:.35;cursor:not-allowed}@media(max-width:640px){.consumption-page{padding:1.75rem 1.25rem}.consumption-filters{gap:.5rem}.filter-search{min-width:100%}}.reports-page{min-height:100vh;background-color:#15100f;background-image:radial-gradient(ellipse 80% 50% at 20% 0%,rgba(139,43,59,.08) 0%,transparent 70%),radial-gradient(ellipse 60% 40% at 80% 100%,rgba(224,180,106,.05) 0%,transparent 70%);color:#f7f2ec;padding:0 0 64px}.reports-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:16px;color:#d0c3b5}.reports-spinner{width:36px;height:36px;border:3px solid rgba(255,200,150,.18);border-top-color:#e0b46a;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reports-header{display:flex;align-items:center;gap:24px;padding:40px 48px 32px;border-bottom:1px solid rgba(255,200,150,.18);background:linear-gradient(180deg,rgba(139,43,59,.06) 0%,transparent 100%)}.btn-back-report{background:transparent;border:1px solid rgba(255,200,150,.18);color:#d0c3b5;padding:8px 16px;border-radius:999px;cursor:pointer;font-size:13px;transition:all .2s;white-space:nowrap}.btn-back-report:hover{color:#e0b46a;border-color:#e0b46a;background:#ffffff0f}.reports-title-block{flex:1}.reports-title{font-size:32px;font-weight:700;color:#f7f2ec;margin:0;letter-spacing:-.02em}.reports-subtitle{font-size:14px;color:#d0c3b5;margin:4px 0 0}.reports-tabs{display:flex;gap:4px;padding:20px 48px 0;border-bottom:1px solid rgba(255,200,150,.12)}.reports-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#8a7a6e;padding:10px 20px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:-1px}.reports-tab:hover{color:#d0c3b5}.reports-tab.active{color:#e0b46a;border-bottom-color:#e0b46a}.reports-content{padding:32px 48px;display:flex;flex-direction:column;gap:24px}.report-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.report-stat-card{background:#ffffff0f;border:1px solid rgba(255,200,150,.18);border-radius:14px;padding:20px 24px;display:flex;flex-direction:column;gap:4px;transition:border-color .2s}.report-stat-card:hover{border-color:#e0b46a59}.stat-label{font-size:11px;color:#8a7a6e;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.stat-value{font-size:36px;font-weight:700;color:#e0b46a;line-height:1.1}.stat-sub{font-size:12px;color:#8a7a6e}.report-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-chart-card{background:#ffffff0f;border:1px solid rgba(255,200,150,.18);border-radius:18px;padding:24px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.report-chart-card.full-width{grid-column:1 / -1}.chart-title{font-size:13px;font-weight:700;color:#d0c3b5;text-transform:uppercase;letter-spacing:.1em;margin:0 0 20px}.chart-hint{font-size:11px;color:#8a7a6e;font-weight:400;text-transform:none;letter-spacing:0}.recharts-default-tooltip{background:#2a1f1b!important;border:1px solid rgba(255,200,150,.25)!important;border-radius:8px!important}.chart-tooltip{background:#2a1f1b;border:1px solid rgba(255,200,150,.25);border-radius:8px;padding:10px 14px}.tooltip-label{font-size:12px;font-weight:700;color:#f7f2ec;margin:0 0 4px;text-transform:capitalize}.tooltip-value{font-size:12px;margin:2px 0}.recharts-tooltip-cursor{display:none!important}.report-alert-card{background:#ffffff0a;border-radius:14px;padding:20px 24px;border:1px solid}.report-alert-card.low{border-color:#f443364d}.report-alert-card.high{border-color:#10a37f4d}.alert-title{font-size:13px;font-weight:700;color:#d0c3b5;margin:0 0 16px;text-transform:uppercase;letter-spacing:.08em}.alert-list{display:flex;flex-direction:column;gap:8px}.alert-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff08;border-radius:8px;cursor:pointer;transition:background .15s}.alert-row:hover{background:#ffffff12}.alert-producer{font-size:14px;font-weight:600;color:#f7f2ec;flex:1}.alert-product{font-size:13px;color:#d0c3b5;flex:2}.alert-qty{font-size:13px;font-weight:700;margin-left:auto}.alert-qty.low{color:#f47c7c}.alert-qty.high{color:#4ecdb4}.drill-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:4px}.drill-crumb{background:transparent;border:none;color:#8a7a6e;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s}.drill-crumb:hover{color:#d0c3b5;background:#ffffff0d}.drill-crumb.active{color:#e0b46a;font-weight:600;cursor:default}.crumb-sep{color:#6e5e52;font-size:14px}.drill-table{margin-top:20px}.drill-table-header{display:grid;grid-template-columns:1fr 80px 80px;padding:8px 14px;font-size:11px;color:#e0b46a;text-transform:uppercase;letter-spacing:.1em;font-weight:700;border-bottom:1px solid rgba(255,200,150,.18)}.drill-table-header span:first-child{text-align:left}.drill-table-header span:not(:first-child){text-align:center}.drill-table-row{display:grid;grid-template-columns:1fr 80px 80px;padding:10px 14px;border-bottom:1px solid rgba(255,200,150,.06);transition:background .15s;align-items:center}.drill-table-row.clickable{cursor:pointer}.drill-table-row.clickable:hover{background:#ffffff0a}.drill-name{font-size:14px;color:#f7f2ec;text-transform:capitalize;display:flex;align-items:center}.drill-items{font-size:13px;color:#f7f2ec;text-align:center}.drill-bottles{font-size:14px;font-weight:600;color:#e0b46a;text-align:center}.drill-up-row{cursor:pointer;border-bottom:1px solid rgba(255,200,150,.12)!important;margin-bottom:4px}.drill-up-row:hover{background:#10a37f0d!important}.drill-dir-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:13px;font-weight:700;margin-right:8px;flex-shrink:0;transition:all .15s}.drill-dir-arrow.down{color:#e0b46a;background:#e0b46a1f;border:1px solid rgba(224,180,106,.25)}.drill-dir-arrow.up{color:#4ecdb4;background:#10a37f1f;border:1px solid rgba(16,163,127,.25)}.drill-table-row.clickable:hover .drill-dir-arrow.down{background:#e0b46a40;border-color:#e0b46a}.crumb-active{font-size:13px;font-weight:700;color:#e0b46a;text-transform:uppercase;letter-spacing:.1em}.clickable-crumb{font-size:13px;font-weight:700;color:#d0c3b5;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#e0b46a66;transition:color .15s}.clickable-crumb:hover{color:#e0b46a}.crumb-sep{color:#6e5e52;font-weight:300}.windows-empty{text-align:center;padding:60px 20px;color:#8a7a6e}.windows-empty-hint{font-size:13px;margin-top:8px;font-style:italic}.window-section{margin-bottom:8px}.window-section-title{font-size:13px;font-weight:700;color:#d0c3b5;text-transform:uppercase;letter-spacing:.08em;margin:0 0 12px}.window-list{display:flex;flex-direction:column;gap:8px}.window-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#ffffff0a;border:1px solid rgba(255,200,150,.12);border-radius:10px;cursor:pointer;transition:all .15s;gap:16px}.window-row:hover{background:#ffffff12;border-color:#e0b46a47}.window-row-info{display:flex;align-items:center;gap:10px;flex:1}.window-producer{font-size:14px;font-weight:600;color:#f7f2ec}.window-product{font-size:13px;color:#d0c3b5}.window-vintage{font-size:12px;color:#8a7a6e}.window-row-meta{display:flex;align-items:center;gap:10px}.window-range{font-size:13px;font-weight:600;color:#e0b46a;background:#e0b46a1a;border:1px solid rgba(224,180,106,.25);border-radius:999px;padding:2px 10px}.window-peak{font-size:12px;color:#8a7a6e}.window-qty{font-size:12px;color:#d0c3b5;white-space:nowrap}.window-ai{font-size:10px;color:#b8894a;font-style:italic}@media(max-width:1024px){.reports-header,.reports-tabs,.reports-content{padding-left:28px;padding-right:28px}.report-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.reports-header,.reports-tabs,.reports-content{padding-left:16px;padding-right:16px}.report-charts-row{grid-template-columns:1fr}.report-stats-row{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:28px}}