@import"https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Outfit:wght@400;600;800&family=Cinzel:wght@700;800&display=swap";:root{--color-bg: #1C140E;--color-text: #FAF6ED;--color-text-muted: #D3C2B0;--color-primary: #D97706;--color-primary-hover: #F59E0B;--color-primary-contrast: #1C140E;--color-secondary: #8B7355;--color-accent: #B45309;--color-success: #10B981;--color-error: #EF4444;--color-border: #8B5A2B;--color-card-bg: #2B1E17;--color-bg-alt: #231913;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-title: "Cinzel", serif;--font-size-base: 16px;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-weight-bold: 700;--border-radius: 12px;--border-width: 2px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 50% 50%,#2d2018,#120c08);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-title);letter-spacing:.05em;color:var(--color-primary);text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:800}.container{max-width:600px;margin:0 auto;padding:var(--spacing-md)}.card{background-color:var(--color-card-bg);background-image:linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.12) 1px,transparent 1px);background-size:8px 8px;border:3px double var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);box-shadow:0 10px 25px #0000008c,inset 0 0 15px #0009;position:relative}.card:before,.card:after{content:"";position:absolute;top:8px;width:8px;height:8px;background:radial-gradient(circle,#ecc94b,#d97706 70%,#92400e);border:1px solid rgba(0,0,0,.4);border-radius:50%;box-shadow:0 1px 2px #00000080;z-index:2}.card:before{left:8px}.card:after{right:8px}input[type=text],input[type=password],textarea{background-color:#faf6ed!important;color:#1c140e!important;border:2px solid var(--color-border)!important;border-radius:var(--border-radius)!important;font-family:var(--font-family)!important;box-shadow:inset 0 2px 4px #00000026!important}input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:none!important;border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #d9770659,inset 0 2px 4px #00000026!important}input[type=text]::placeholder,input[type=password]::placeholder,textarea::placeholder{color:#8c7d6d!important;opacity:.8}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);font-weight:800;text-transform:uppercase;letter-spacing:.05em;text-align:center;text-decoration:none;border-radius:var(--border-radius);border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;box-shadow:0 4px 8px #0006}.btn-primary{background-color:var(--color-primary)!important;color:var(--color-primary-contrast)!important;border:1px solid rgba(0,0,0,.2)!important}.btn-primary:hover{background-color:var(--color-primary-hover)!important;transform:translateY(-1px);box-shadow:0 6px 14px #d9770666!important}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background-color:var(--color-secondary)!important;color:#1c140e80!important;cursor:not-allowed;box-shadow:none;transform:none}.btn:not(.btn-primary){background-color:#2d2018;color:var(--color-text-muted);border:2px solid var(--color-border)}.btn:not(.btn-primary):hover{background-color:#3d2d23;color:var(--color-text);border-color:var(--color-primary);box-shadow:0 6px 12px #0000004d}.input-file{display:block;width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:var(--border-width) dashed var(--color-primary);border-radius:var(--border-radius);text-align:center;background-color:#d977060d;color:var(--color-primary);font-weight:700;cursor:pointer;transition:all .2s ease}.input-file:hover{background-color:#d977061a;border-style:solid}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;font-weight:var(--font-weight-bold);text-transform:uppercase;font-size:.875rem;letter-spacing:.05em;box-shadow:0 2px 4px #00000026}.status-pending{background-color:var(--color-accent);color:#faf6ed}.status-approved{background-color:var(--color-success);color:#faf6ed}.status-rejected{background-color:var(--color-error);color:#faf6ed}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-white{color:#faf6ed!important}.text-gray-400{color:#d3c2b0!important}.text-gray-500{color:#faf6ed!important;opacity:.75}.text-gray-600,.text-gray-700{color:#faf6ed!important}.text-blue-800{color:#d97706!important;font-weight:700}.text-green-600{color:#10b981!important;font-weight:700}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.italic{font-style:italic}.bg-white{background-color:var(--color-card-bg)!important;border:3px double var(--color-border)!important;box-shadow:0 10px 25px #0000008c,inset 0 0 15px #0009!important;position:relative}.bg-white:before,.bg-white:after{content:"";position:absolute;top:8px;width:8px;height:8px;background:radial-gradient(circle,#ecc94b,#d97706 70%,#92400e);border:1px solid rgba(0,0,0,.4);border-radius:50%;box-shadow:0 1px 2px #00000080;z-index:2}.bg-white:before{left:8px}.bg-white:after{right:8px}.bg-gray-50{background-color:#231913!important}.bg-gray-100{background-color:#1a120d!important}.bg-gray-900{background-color:#150e0a!important;border:2px solid var(--color-border)}.bg-gray-950{background-color:#0e0a07!important;border:1px solid var(--color-border)}.bg-yellow-50{background-color:#d977061f!important;border:1px solid rgba(217,119,6,.3)!important}.bg-blue-100{background-color:#d977062e!important}.bg-green-600{background-color:var(--color-success)!important}.bg-red-600{background-color:var(--color-error)!important}.bg-black{background-color:#0e0a07!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--border-radius)}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.w-full{width:100%}.w-80{width:20rem}.h-full{height:100%}.h-64{height:16rem}.h-80{height:20rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-h-full{max-height:100%}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.space-x-4>*+*{margin-left:1rem}.space-y-4>*+*{margin-top:1rem}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.items-center{align-items:center}.items-end{align-items:flex-end}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.border-t{border-top:1px solid var(--color-border)}.border-collapse{border-collapse:collapse}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.object-contain{object-fit:contain}.relative{position:relative}.absolute{position:absolute}.inset-0{top:0;right:0;bottom:0;left:0}.bg-opacity-0{--tw-bg-opacity: 0;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity: .4;background-color:rgba(0,0,0,var(--tw-bg-opacity))}.opacity-0{opacity:0}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.aspect-square{aspect-ratio:1 / 1}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:flex-row{flex-direction:row}.md\:w-1\/3{width:33.333333%}.md\:w-2\/3{width:66.666667%}.md\:w-80{width:20rem}.md\:h-auto{height:auto}.md\:h-80{height:20rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.group:hover .group-hover\:bg-opacity-40{--tw-bg-opacity: .4}.group:hover .group-hover\:opacity-100{opacity:1}.font-handwritten{font-family:"Caveat",cursive,var(--font-family)}.bg-scrapbook{background-color:#221812;background-image:radial-gradient(#32241C 1.5px,transparent 1.5px),radial-gradient(#32241c 1.5px,#221812 1.5px);background-size:28px 28px;background-position:0 0,14px 14px}.polaroid{background-color:#faf6ed;color:#1c140e;padding:1rem 1rem 2.5rem;border-radius:4px;box-shadow:0 12px 28px #00000073,0 2px 8px #00000040;position:relative;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s ease;border:1px solid rgba(0,0,0,.1)}.polaroid:hover{transform:rotate(0) scale(1.05)!important;box-shadow:0 20px 40px #000000a6,0 4px 12px #0000004d;z-index:10}.polaroid h2,.polaroid h3,.polaroid p,.polaroid span,.polaroid div{color:#2b1e17!important;text-shadow:none!important;font-family:Caveat,cursive,sans-serif!important}.tape{position:absolute;top:-14px;left:50%;transform:translate(-50%) rotate(-2deg);width:90px;height:28px;background-color:#d9770640;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:0 1px 3px #00000026;border-left:1px dashed rgba(0,0,0,.2);border-right:1px dashed rgba(0,0,0,.2);z-index:5}.stamp{color:#dc3545d9!important;font-size:.9rem!important;font-weight:700!important;letter-spacing:.1em!important;border:3px double rgba(220,53,69,.85)!important;border-radius:6px!important;padding:3px 8px!important;text-transform:uppercase!important;transform:rotate(-10deg)!important;display:inline-block!important;font-family:Caveat,cursive,sans-serif!important;box-shadow:0 0 1px #0000000d}.rotate-left-1{transform:rotate(-1.2deg)}.rotate-right-1{transform:rotate(1deg)}.rotate-left-2{transform:rotate(-2deg)}.rotate-right-2{transform:rotate(1.8deg)}.rotate-left-3{transform:rotate(-1.5deg)}.rotate-right-3{transform:rotate(2.2deg)}.badge-filter{display:inline-block;padding:.5rem 1rem;border-radius:9999px;font-weight:700;font-size:.875rem;border:2px solid var(--color-border);background-color:var(--color-card-bg);cursor:pointer;transition:all .2s ease;white-space:nowrap}.badge-filter:hover{border-color:var(--color-primary);background-color:var(--color-bg)}.badge-filter.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-primary-contrast);box-shadow:0 4px 6px #d9770640}@keyframes pulse-attention{0%{box-shadow:0 0 #ef4444cc;transform:scale(1)}70%{box-shadow:0 0 0 8px #ef444400;transform:scale(1.03)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.animate-pulse-red{animation:pulse-attention 1.6s infinite}.trail-board{background-color:var(--color-card-bg);background-image:linear-gradient(90deg,rgba(255,255,255,.01) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.12) 1px,transparent 1px);background-size:8px 8px;border:3px double var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 10px 25px #0000008c,inset 0 0 15px #0009;position:relative;overflow:hidden}.trail-board:before,.trail-board:after{content:"";position:absolute;top:8px;width:8px;height:8px;background:radial-gradient(circle,#ecc94b,#d97706 70%,#92400e);border:1px solid rgba(0,0,0,.4);border-radius:50%;box-shadow:0 1px 2px #00000080;z-index:2}.trail-board:before{left:8px}.trail-board:after{right:8px}.trail-board h3{font-family:var(--font-family-title)!important;color:var(--color-primary)!important;text-shadow:0 2px 4px rgba(0,0,0,.5)!important;font-size:1.25rem!important}.trail-stepper{display:flex;justify-content:space-between;align-items:center;position:relative;margin:var(--spacing-md) 0 var(--spacing-lg) 0;padding:0 var(--spacing-xs)}.trail-line{position:absolute;top:50%;left:0;right:0;height:4px;border-top:3px dashed var(--color-border);transform:translateY(-50%);z-index:1}.trail-node{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;z-index:2;position:relative;box-shadow:0 3px 6px #0000004d;transition:all .3s ease}.trail-node.completed{background-color:var(--color-success);color:#1c140e;border:2px solid #fff;box-shadow:0 0 0 2px var(--color-success),0 3px 6px #00000059}.trail-node.active{background-color:var(--color-primary);color:#1c140e;border:2px solid #fff;box-shadow:0 0 0 2px var(--color-primary),0 0 10px var(--color-primary);animation:pulse-node 1.6s infinite}.trail-node.locked{background-color:#231913;color:#8b7355;border:2px solid #5C4033}@keyframes pulse-node{0%{box-shadow:0 0 #d97706d9,0 0 4px #d9770666}70%{box-shadow:0 0 0 8px #d9770600,0 0 14px #d9770600}to{box-shadow:0 0 #d9770600,0 0 4px #d9770600}}.trail-list{display:flex;flex-direction:column;gap:var(--spacing-xs);text-align:left;border-top:1px dashed rgba(139,90,43,.35);padding-top:var(--spacing-sm)}.trail-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;font-size:.9rem;transition:background-color .2s ease;font-family:var(--font-family)}.trail-item.completed{color:var(--color-success);font-weight:600;background-color:#10b9811f}.trail-item.active{color:var(--color-primary);font-weight:700;background-color:#d9770626;border-left:3px solid var(--color-primary);padding-left:calc(var(--spacing-sm) - 3px)}.trail-item.locked{color:var(--color-text-muted);opacity:.5}@keyframes pendingPulse{0%,to{box-shadow:0 0 20px #ef444459,0 4px 12px #0000004d;border-color:#ef4444}50%{box-shadow:0 0 35px #ef4444a6,0 4px 16px #0006;border-color:#fca5a5}}@keyframes pendingShake{0%,to{transform:translate(0)}15%{transform:translate(-4px)}30%{transform:translate(4px)}45%{transform:translate(-3px)}60%{transform:translate(3px)}75%{transform:translate(-1px)}90%{transform:translate(1px)}}