@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";html,body,#root{min-height:100vh}:root{--bg:#f6efe6;--bg-accent:#ece1d5;--surface:#fff8ef;--surface-2:#f8eddf;--surface-elevated:#fff8eee0;--border:#d6bea0;--text:#2f2114;--muted:#6e5a45;--accent:#0f5f66;--accent-2:#b96a31;--accent-soft:#d9eef0;--danger:#be433b;--success:#1f8f63;--shadow-sm:0 6px 18px #462e181a;--shadow-md:0 18px 44px #462e1826;--radius-sm:10px;--radius-md:16px;--radius-lg:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 8% 8%, #fff7ea 0%, transparent 38%), radial-gradient(circle at 94% 6%, #d8ebf0 0%, transparent 44%), radial-gradient(circle at 78% 72%, #f5dbc6 0%, transparent 36%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);color:var(--text);margin:0;font-family:Plus Jakarta Sans,Segoe UI,sans-serif;line-height:1.45;position:relative}body:before{content:"";pointer-events:none;z-index:-1;background:conic-gradient(from 120deg,#b96a3114,#0f5f6614,#b96a3114);animation:24s linear infinite ambient-spin;position:fixed;inset:-30% -20%}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;color:#241f18;font-family:Space Grotesk,Plus Jakarta Sans,sans-serif}a{color:var(--accent-2);text-decoration:none;transition:color .18s}a:hover{color:var(--accent);text-decoration:underline}button{background:linear-gradient(135deg, var(--accent) 0%, #18808b 60%, #2698a5 100%);color:#f3fffc;border-radius:var(--radius-sm);cursor:pointer;font:inherit;box-shadow:var(--shadow-sm);border:0;padding:.56rem 1rem;font-weight:600;transition:transform .18s,box-shadow .18s,filter .18s}button:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 8px 18px #0f766e3d}button:active{transform:translateY(0)}button:disabled{opacity:.58;cursor:not-allowed;box-shadow:none}input,select,textarea{color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font:inherit;background:#fffefa;width:100%;padding:.56rem .7rem;transition:border-color .16s,box-shadow .16s,transform .16s}input:focus,select:focus,textarea:focus{border-color:#9ec8c2;outline:none;box-shadow:0 0 0 4px #0f766e24}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #2f978f}label{color:#312a22;margin-bottom:.65rem;font-weight:500;display:block}label.inline{align-items:center;gap:.38rem;margin-right:.82rem;font-weight:500;display:inline-flex}fieldset{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);padding:.82rem 1rem}.navbar{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffbf4f2 0%,#f4e7d6e6 100%);border-bottom:1px solid #ae97758c;align-items:center;gap:.85rem;padding:.82rem 1.4rem;display:flex;position:sticky;top:0;box-shadow:0 10px 32px #553c221a}.navbar-brand-wrap{align-items:center;gap:.7rem;display:inline-flex}.navbar-brand-mark{color:#f3fffc;background:linear-gradient(155deg,#0f5f66 0%,#17848d 52%,#2ca1ac 100%);border-radius:11px;place-items:center;width:38px;height:38px;font-family:Space Grotesk,sans-serif;font-size:.86rem;font-weight:700;display:grid;box-shadow:0 7px 16px #095b555c}.navbar-brand{flex-direction:column;align-items:flex-start;gap:.02rem;display:flex}.navbar-brand a{color:#2b2015;font-family:Space Grotesk,sans-serif;font-size:1.08rem;font-weight:700;line-height:1}.navbar-brand small{color:#6f624f;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.navbar-menu-toggle{display:none}.navbar-menu{flex:1;align-items:center;gap:.75rem;display:flex}.navbar-links{flex-wrap:wrap;flex:1;gap:.33rem;margin:0;padding:0;list-style:none;display:flex}.navbar-links a{color:#5e5240;border:1px solid #0000;border-radius:999px;padding:.42rem .68rem;font-size:.86rem}.navbar-links a:hover{color:#32281d;background:#f4e8d3;border-color:#e0cfaf;text-decoration:none}.navbar-links a.active{color:#1f5e64;background:linear-gradient(#e6f5f7 0%,#d3edf0 100%);border-color:#9acdc5;font-weight:600}.navbar-auth{align-items:center;gap:.42rem;display:flex}.navbar-email{color:var(--muted);background:#d6c6a96b;border:1px solid #af9d8266;border-radius:999px;padding:.25rem .55rem;font-size:.82rem}.navbar-cta{color:#3c3227;background:#f0e8d9;border:1px solid #dbc8a9;border-radius:10px;justify-content:center;align-items:center;padding:.42rem .76rem;font-size:.84rem;font-weight:600;display:inline-flex}.navbar-cta:hover{background:#f7f0e3;text-decoration:none}.navbar-cta.ghost{background:linear-gradient(140deg, var(--accent) 0%, #18808b 100%);color:#f3fffc;border-color:#176f79}.app-main{width:min(1200px,100% - 2.2rem);margin:0 auto;padding:1.65rem 0 2.2rem;animation:.62s cubic-bezier(.16,1,.3,1) page-rise}.app-main>section{background:var(--surface-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #beab8e75;padding:1.3rem 1.45rem 1.45rem}.home-page{gap:1.2rem;display:grid}.home-hero{background:linear-gradient(120deg,#faecd9f5 0%,#e3f2f5f2 100%);border:1px solid #b09d7e75;border-radius:18px;grid-template-columns:1.4fr 1fr;gap:1rem;padding:1.1rem;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:#5b685b;margin:0;font-size:.75rem}.home-hero h1{margin:.4rem 0 .45rem;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.08}.home-hero-copy{color:#584e40;max-width:60ch;margin:0}.home-hero-actions{flex-wrap:wrap;gap:.55rem;margin-top:.9rem;display:flex}.home-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.home-kpis li{background:#ffffffa6;border:1px solid #bcaa8e73;border-radius:12px;padding:.6rem .68rem}.home-kpis strong{font-family:Space Grotesk,sans-serif;font-size:1.12rem;display:block}.home-kpis span{color:#6f6250;font-size:.74rem}.home-highlight{box-shadow:var(--shadow-sm);background:#fffdf8;border:1px solid #dfcfb3;border-radius:14px;padding:.7rem}.home-highlight-label{letter-spacing:.08em;text-transform:uppercase;color:#6f6453;margin:0 0 .45rem;font-size:.7rem}.home-highlight img,.home-highlight-poster-placeholder{aspect-ratio:16/10;object-fit:cover;background:#f0e4d1;border-radius:10px;width:100%}.home-highlight-poster-placeholder{color:var(--muted);place-items:center;font-size:.82rem;display:grid}.home-highlight h2{margin:.65rem 0 .3rem;font-size:1.1rem}.home-highlight p{color:#665b4a;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.86rem;display:-webkit-box;overflow:hidden}.home-highlight-link{margin-top:.55rem;font-weight:600;display:inline-flex}.home-section-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.home-section-head h2{margin:0}.home-grid{gap:.9rem}.page-header{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.form-page{max-width:650px}.vstack>*+*{margin-top:.68rem}.hstack{align-items:center;gap:.55rem;margin:.5rem 0 1rem;display:flex}.hstack input,.hstack select{flex:1;width:auto}.autocomplete{flex:1;position:relative}.autocomplete-list{z-index:40;background:#fffefb;border:1px solid #b7a07eb8;border-radius:14px;margin:0;padding:.28rem;list-style:none;position:absolute;top:calc(100% + .35rem);left:0;right:0;box-shadow:0 16px 30px #3523102e}.autocomplete-item{width:100%;color:var(--text);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:10px;align-items:center;gap:.75rem;padding:.45rem .6rem;display:flex}.autocomplete-poster{object-fit:cover;background:var(--surface-2);border-radius:7px;flex-shrink:0;width:36px;height:52px}.autocomplete-poster.placeholder{color:var(--muted);justify-content:center;align-items:center;font-size:.65rem;display:flex}.autocomplete-content{flex-direction:column;gap:.15rem;min-width:0;display:flex}.autocomplete-content>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.autocomplete-item:hover,.autocomplete-item.active{background:var(--accent-soft)}.filters{border:1px solid var(--border);border-radius:var(--radius-md);background:#f7ecdba6;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));align-items:end;gap:.55rem 1rem;margin-bottom:1rem;padding:1.05rem;display:grid}.filters button{height:40px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1rem;display:grid}.media-card{border-radius:var(--radius-md);color:var(--text);box-shadow:var(--shadow-sm);background:#fffdf9;border:1px solid #e4d8c1;transition:transform .21s,box-shadow .21s,border-color .21s;animation:.65s cubic-bezier(.16,1,.3,1) both card-rise;display:block;overflow:hidden}.media-card:nth-child(2n){animation-delay:40ms}.media-card:nth-child(3n){animation-delay:85ms}.media-card:hover{border-color:#8bc8c0;text-decoration:none;transform:translateY(-4px);box-shadow:0 14px 28px #3827102e}.media-card-poster{aspect-ratio:2/3;object-fit:cover;background:#efe5d8;width:100%;display:block}.media-card-poster.placeholder{color:var(--muted);justify-content:center;align-items:center;display:flex}.media-card-body{padding:.75rem .82rem}.media-card-body h3{margin:0 0 .3rem;font-size:1rem}.media-card-meta{flex-wrap:wrap;gap:.35rem;margin-bottom:.42rem;display:flex}.media-card-meta span{color:#655644;background:#f7efdf;border:1px solid #dcc9a9;border-radius:999px;align-items:center;padding:.16rem .46rem;font-size:.72rem;font-weight:600;display:inline-flex}.media-card-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;display:-webkit-box;overflow:hidden}.media-hover-link-wrap{display:inline-flex;position:relative}.media-hover-card{z-index:80;pointer-events:none;transform-origin:0 0;background:#fffdf8;border:1px solid #d9c2a5;border-radius:12px;width:210px;animation:.18s cubic-bezier(.16,1,.3,1) preview-in;position:absolute;top:calc(100% + .5rem);left:0;overflow:hidden;box-shadow:0 16px 28px #3b251233}.media-hover-poster{object-fit:cover;background:#efe4d5;width:100%;height:126px;display:block}.media-hover-poster.placeholder{color:var(--muted);place-items:center;font-size:.8rem;display:grid}.media-hover-meta{gap:.2rem;padding:.52rem .58rem .6rem;display:grid}.media-hover-meta strong{font-size:.84rem;line-height:1.2}.media-hover-meta small{color:#6b5945;font-size:.74rem}.media-hover-empty{color:#6c5b46;padding:.48rem .58rem;font-size:.76rem;display:inline-flex}.data-table{border-collapse:separate;border-spacing:0;border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-sm);background:#fffdfa;border:1px solid #e0d1b7;margin-top:1rem;overflow:hidden}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eddcc0;padding:.64rem .75rem}.data-table tr:last-child td{border-bottom:0}.data-table th{color:#655748;background:#f4ead9;font-weight:600}.data-table tbody tr{transition:background-color .17s}.data-table tbody tr:hover{background:#fbf4e7}.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.form-help{color:var(--muted);display:block}.list{border-radius:var(--radius-md);background:#fffdfa;border:1px solid #e2d4bc;margin:1rem 0;padding:0;list-style:none;overflow:hidden}.list li{border-bottom:1px solid #efdebf;justify-content:space-between;align-items:center;gap:.5rem;padding:.62rem .82rem;display:flex}.list li:last-child{border-bottom:0}.reviews{padding:0;list-style:none}.reviews li{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);background:#fffdf8;border:1px solid #e4d5ba;margin-bottom:.78rem;padding:.8rem 1rem}.details-header{grid-template-columns:240px 1fr;gap:1.6rem;margin-bottom:1.5rem;display:grid}.details-header .poster{border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-md)}.meta{color:var(--muted);padding:0;list-style:none}.muted{color:var(--muted)}.status{color:#5f5444;background:#f6ebd8;border-radius:10px;margin:.6rem 0;padding:.5rem .72rem;display:inline-block}.status.error{color:#7a1f1f;background:#fde6e2}.status.loading,.status.empty{color:#5f5444;background:#efe5d2}.button-link{background:linear-gradient(135deg, var(--accent) 0%, #18808b 100%);color:#f3fffc;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:.46rem .86rem;font-weight:600;display:inline-flex}.button-link.ghost{color:#3e3326;box-shadow:none;background:linear-gradient(#fbf4e7 0%,#f0deca 100%);border:1px solid #d5c1a2}.button-link.ghost:hover{filter:none;background:#f7efe1}.auth-shell,.profile-shell,.admin-page{position:relative;overflow:hidden}.auth-shell:after,.profile-shell:after,.admin-page:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#b96a312e,#0f5f660f);border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;right:-120px}.auth-links{color:var(--muted);margin:.5rem 0 0}.profile-panel{background:#fffcf7d1;border:1px solid #bca5898a;border-radius:14px;padding:.95rem}.logout-button{margin-top:1.5rem}.status{align-items:center;gap:.45rem;display:inline-flex}.status.loading.inline{padding:.35rem .58rem}.spinner{border:2px solid #343c4140;border-top-color:var(--accent);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.shimmer{background:linear-gradient(90deg,#efe5d7 0%,#f7efe3 48%,#efe5d7 100%);position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffffad,#0000);animation:1.3s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-grid{margin-top:.8rem}.skeleton-card{border-radius:var(--radius-md);background:#fffdf8;border:1px solid #e0cfb3;overflow:hidden}.skeleton-card-poster{aspect-ratio:2/3;width:100%}.skeleton-card-body{gap:.35rem;padding:.7rem;display:grid}.skeleton-line{border-radius:999px;height:12px}.skeleton-line.short{width:52%}.skeleton-line.mid{width:72%}.skeleton-table{gap:.48rem;margin-top:.85rem;display:grid}.skeleton-table-row{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.5rem;display:grid}.skeleton-cell{border-radius:11px;height:36px}.skeleton-details{border-radius:var(--radius-md);background:#fffcf7;border:1px solid #e0cfb3;grid-template-columns:220px 1fr;gap:1rem;padding:.95rem;display:grid}.skeleton-details-poster{border-radius:12px;min-height:300px}.skeleton-details-copy{align-content:start;gap:.48rem;display:grid}.button-link:hover{filter:brightness(1.04);text-decoration:none}.actions{margin-top:1rem}.profile-divider{border:0;border-top:1px solid #e3d5bd;margin:1.2rem 0}.profile-image-preview{object-fit:cover;width:132px;height:132px;box-shadow:var(--shadow-sm);border:1px solid #d8c8ae;border-radius:14px}.profile-image-preview.placeholder{color:var(--muted);background:#f4ead7;justify-content:center;align-items:center;font-size:.86rem;display:flex}.crop-modal-backdrop{z-index:120;background:#19130b85;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.crop-modal-card{border-radius:var(--radius-md);width:min(540px,100%);box-shadow:var(--shadow-md);background:#fffdf8;border:1px solid #dfcfb3;padding:1rem}.crop-stage{background:#2a2319;border-radius:14px;width:100%;height:320px;position:relative;overflow:hidden}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ambient-spin{to{transform:rotate(360deg)}}@keyframes preview-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-rise{0%{opacity:0;transform:translateY(10px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=900px){.app-main{width:min(1100px,100% - 1.35rem);padding-top:1.1rem}.navbar{padding:.7rem .9rem}.navbar-brand small{display:none}.navbar-menu-toggle{border-radius:9px;margin-left:auto;padding:.4rem .74rem;font-size:.84rem;display:inline-flex}.navbar-menu{flex-direction:column;align-items:stretch;gap:.7rem;width:100%;padding-top:.4rem;display:none}.navbar-menu.open{display:flex}.navbar-links{gap:.42rem}.navbar-links a{padding:.35rem .55rem;font-size:.84rem;display:inline-flex}.navbar-auth{justify-content:flex-start}.app-main>section{padding:1rem 1rem 1.1rem}.home-hero{grid-template-columns:1fr}.details-header{grid-template-columns:170px 1fr;gap:1rem}}@media (width<=700px){.hstack{flex-direction:column;align-items:stretch}.hstack input,.hstack select,.hstack .autocomplete{width:100%}.page-header{flex-direction:column;align-items:flex-start}.details-header{grid-template-columns:1fr}.details-header .poster{max-width:260px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(156px,1fr))}.skeleton-details{grid-template-columns:1fr}.skeleton-details-poster{min-height:180px}.home-kpis{grid-template-columns:1fr}.home-section-head{flex-direction:column;align-items:flex-start}.data-table{display:block;overflow-x:auto}}@media (width<=560px){.navbar{padding:.66rem .7rem}.navbar-brand-mark{width:34px;height:34px;font-size:.78rem}.navbar-brand a{font-size:.98rem}.data-table{box-shadow:none;background:0 0;border:0}.data-table thead{display:none}.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table tr{box-shadow:var(--shadow-sm);background:#fffdf8;border:1px solid #dfcfb3;border-radius:12px;margin-bottom:.65rem;padding:.35rem .55rem}.data-table td{border:0;border-bottom:1px dashed #ead9bc;padding:.45rem .2rem}.data-table td:last-child{border-bottom:0}.data-table td[data-label]:before{content:attr(data-label);letter-spacing:.05em;text-transform:uppercase;color:#7b6954;margin-bottom:.2rem;font-size:.72rem;display:block}.data-table td.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}}@media (hover:none){.media-hover-card{display:none}}