:root{--brand-primary: #7da27b;--brand-secondary: #e6b800;--brand-accent: #a3c9a8;--brand-yellow: #fff3c6;--brand-bg: #fff8e6;--brand-text: #243024;--brand-muted: #5e6a5e;--brand-card: #ffffff;--brand-border: #e3eadf;--brand-shadow: 0 8px 20px rgba(36, 48, 36, .08);--footer-height: 72px}*{box-sizing:border-box}html,body,#root{height:100%}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--brand-text);background-color:var(--brand-bg);background-image:url(/images/bandeaulateral.png);background-repeat:no-repeat;background-position:left top;background-size:cover}#root>div{min-height:100vh;display:flex;flex-direction:column}main{padding:16px;padding-bottom:calc(16px + var(--footer-height));flex:1 1 auto}.container{max-width:1080px;margin:0 auto}.badge{display:inline-block;padding:2px 8px;border-radius:12px;background:var(--brand-secondary);color:#3a2b00;font-size:12px}.banner-nav .navlink-btn .badge{margin-left:6px}.badge.status{color:#fff;font-weight:700;letter-spacing:.2px}.badge.pending{background:#f59e0b}.badge.processed{background:#16a34a}.badge.canceled{background:#dc2626}.toasts-container{position:fixed;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:9999}.toast{padding:10px 12px;border-radius:8px;color:var(--brand-text);background:#f1f5f9;box-shadow:var(--brand-shadow);cursor:pointer;border:1px solid var(--brand-border)}.toast.success{background:#dcfce7;color:#065f46}.toast.error{background:#fee2e2;color:#991b1b}.toast.info{background:#e0f2fe;color:#075985}.banner-header{position:relative;z-index:100;height:280px;background-color:transparent;background-image:url(/images/Banner-Naming.png);background-repeat:no-repeat;background-position:center 10%;background-size:cover;color:#fff}.banner-header .banner-inner{position:relative;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.banner-title{display:none}.banner-nav{position:sticky;top:0;z-index:1000;background:#a4b494f7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:0;display:flex;justify-content:center;width:100%;box-shadow:0 2px 12px #24302426}.banner-nav .nav-row{display:flex;align-items:center;gap:12px;padding:10px 16px;width:100%;max-width:1080px;margin:0 auto;flex-wrap:nowrap}.banner-nav .nav-row+.nav-row{padding-top:0}.banner-nav .nav-row-secondary{border-top:0;margin-top:6px;padding-top:6px}.nav-greeting{display:inline-block;max-width:180px;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3a2b00;background:#f8ead3;border:1px dashed #DAA06D;border-radius:14px;padding:6px 10px;font-size:14px;flex-shrink:0}.banner-nav .nav-actions{display:flex;align-items:center;white-space:nowrap}.banner-nav .nav-actions-inner{display:flex;flex-direction:row;align-items:center;gap:8px}.banner-nav .nav-actions-row{display:flex;align-items:center;gap:10px}.nav-links{display:flex;gap:12px}.nav-links a,.nav-links button.navlink-btn{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;white-space:nowrap}.nav-links a:hover,.nav-links button.navlink-btn:hover{text-decoration:none}.banner-nav .navlink-btn,.banner-nav .nav-logout-btn{outline:none;color:#fff8e7;padding:1em 3em;border:2px dashed #fff8e7;border-radius:15px;background-color:#a4b494;box-shadow:0 0 0 4px #a4b494,2px 2px 4px 2px #00000080;transition:.1s ease-in-out,.4s color;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.banner-nav .navlink-btn:active,.banner-nav .nav-logout-btn:active{transform:translate(.1em) translateY(.1em);box-shadow:0 0 0 4px #fff8e7,1.5px 1.5px 2.5px 1.5px #00000080}.banner-nav .nav-logout-btn{padding-left:1em;padding-right:1em;min-width:44px;height:44px}.banner-nav .nav-logout-btn svg{pointer-events:none}.dropdown{position:relative}.dropdown-toggle{display:inline-flex;align-items:center;gap:6px}.dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:200px;background:var(--brand-card);color:#222;border:1px solid var(--brand-border);border-radius:8px;box-shadow:var(--brand-shadow);padding:6px 0}.dropdown:hover .dropdown-menu{display:block}.dropdown-menu a{display:block;padding:10px 12px;color:#222;text-decoration:none}.dropdown-menu a:hover{background:#f6faef}.polaroid-card{background:var(--brand-card);border:1px solid var(--brand-border);border-radius:12px;box-shadow:var(--brand-shadow);overflow:hidden;display:flex;flex-direction:column;transform:rotate(calc(var(--tilt, 0deg)));position:relative;transition:transform .16s ease,box-shadow .16s ease}.polaroid-card:hover{transform:rotate(0) translateY(-2px);box-shadow:0 12px 28px #11182724}.polaroid-photo{width:100%;aspect-ratio:1/1;background:#fff;padding:8px 8px 0;border-bottom:1px solid var(--brand-border);display:flex;align-items:center;justify-content:center}.polaroid-photo img{max-width:100%;max-height:100%;object-fit:cover}.polaroid-info{background:var(--brand-card);padding:12px 12px 16px;box-shadow:inset 0 -8px 0 var(--brand-card)}.polaroid-card:before{display:none}.polaroid-title{margin:0 0 4px;font-size:16px;font-weight:800;color:var(--brand-primary)}.polaroid-desc{margin:0 0 8px;color:var(--brand-muted);font-size:14px;min-height:38px}.polaroid-meta{display:flex;justify-content:space-between;align-items:center}.polaroid-actions{display:flex;gap:8px;align-items:center;margin-top:8px}button,.button{border:none;background:var(--brand-primary);color:#fff;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer;box-shadow:var(--brand-shadow);transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}button:hover{filter:brightness(1.05);transform:translateY(-1px)}.banner-nav button:hover{filter:none;transform:none}button:active{transform:translateY(0)}button[disabled]{background:#c7c7c7;cursor:not-allowed;box-shadow:none}input,select,textarea{border:1px solid var(--brand-border);padding:8px 10px;border-radius:8px;background:#fff;color:var(--brand-text)}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand-accent);outline-offset:2px}@media (max-width: 640px){.banner-header{height:180px}}.back-to-top{position:fixed;bottom:calc(var(--footer-height) + 16px);right:20px;z-index:1050;width:48px;height:48px;border-radius:50%;background:var(--brand-primary);color:#fff8e7;border:2px dashed #fff8e7;box-shadow:0 0 0 4px var(--brand-primary),2px 2px 8px #00000040;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .3s ease,visibility .3s ease,transform .3s ease}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{filter:brightness(1.1);transform:translateY(-2px)}.back-to-top:active{transform:translateY(0);box-shadow:0 0 0 4px #fff8e7,1.5px 1.5px 2.5px 1.5px #00000080}.back-to-top svg{width:24px;height:24px;stroke:currentColor;stroke-width:2.5;fill:none}.catalog-toolbar{position:sticky;top:66px;z-index:900;background:#fff8e6f2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:10px 12px;margin:0 -16px 24px;border-bottom:1px solid var(--brand-border);box-shadow:0 2px 8px #2430240f}.site-footer{position:fixed;left:0;right:0;bottom:0;background:#a4b494;color:#fff8e7;padding:20px 0;width:100%;z-index:1100;min-height:var(--footer-height);box-shadow:0 -4px 12px #00000014}.site-footer .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.footer-brand{font-weight:800;letter-spacing:.2px;font-family:Edwardian Script ITC,Great Vibes,Playfair Display,Georgia,cursive;font-size:40px;line-height:1.1}.footer-links{display:flex;gap:10px}.footer-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#fff8e7;border:1px solid rgba(255,248,231,.35);border-radius:10px;background:linear-gradient(180deg,#ffffff1a,#0000001a)}.footer-icon:hover{background:linear-gradient(180deg,#ffffff29,#00000029)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px}.modal{background:var(--brand-card);color:var(--brand-text);border-radius:12px;border:1px solid var(--brand-border);box-shadow:var(--brand-shadow);width:100%;max-width:640px;max-height:80vh;overflow:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--brand-border)}.modal-body{padding:12px 16px}.modal-footer{padding:12px 16px;border-top:1px solid var(--brand-border);display:flex;justify-content:flex-end;gap:8px}@media (max-width: 640px){.footer-brand{font-size:32px}}.skeleton{background:linear-gradient(90deg,var(--brand-border) 25%,rgba(255,255,255,.5) 50%,var(--brand-border) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{pointer-events:none}.page-transition{animation:page-fade-in .3s ease-out}@keyframes page-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-exit{animation:page-fade-out .2s ease-in forwards}@keyframes page-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.modal-transition{animation:modal-fade-in .25s ease-out}@keyframes modal-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.item-fade-in{animation:item-appear .4s ease-out backwards}.item-fade-in:nth-child(1){animation-delay:.05s}.item-fade-in:nth-child(2){animation-delay:.1s}.item-fade-in:nth-child(3){animation-delay:.15s}.item-fade-in:nth-child(4){animation-delay:.2s}.item-fade-in:nth-child(5){animation-delay:.25s}.item-fade-in:nth-child(6){animation-delay:.3s}.item-fade-in:nth-child(7){animation-delay:.35s}.item-fade-in:nth-child(8){animation-delay:.4s}.item-fade-in:nth-child(n+9){animation-delay:.45s}@keyframes item-appear{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}