:root{--bg-color:#12100e;--card-bg:#1c191799;--border-color:#ffffff0f;--text-primary:#f7f5f3;--text-muted:#a8a29e;--cozy-accent:#d97706;--cozy-warm:#f59e0b;--cozy-terracotta:#c2410c;--font-serif:"Lora", serif;--font-sans:"Nunito", sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);cursor:default;width:100vw;overflow-x:hidden}.cursor-glow{pointer-events:none;z-index:9999;mix-blend-mode:screen;background:radial-gradient(circle,#d977061a 0%,#f59e0b08 50%,#0000 100%);border-radius:50%;width:300px;height:300px;transition:width .3s,height .3s;position:fixed;transform:translate(-50%,-50%)}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000005e}.badge{border:1px solid var(--cozy-accent);color:var(--cozy-accent);font-family:var(--font-sans);letter-spacing:1px;background:#d9770614;border-radius:50px;margin-bottom:1rem;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.header{z-index:100;background-color:#4a332a;border-bottom:4px solid #3a261d;justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;padding:12px 20px;display:flex;position:relative;box-shadow:0 4px #0003}.window-dots-container{gap:6px;margin-right:15px;display:flex}.window-dots-container .dot{opacity:.5;background-color:#fdf8f5;border:2px solid #0003;border-radius:50%;width:12px;height:12px}.window-dots-container .dot:first-child{opacity:1;background-color:#ff5f56}.window-dots-container .dot:nth-child(2){opacity:1;background-color:#ffbd2e}.window-dots-container .dot:nth-child(3){opacity:1;background-color:#27c93f}.logo{font-family:var(--font-sans);letter-spacing:1.5px;flex-direction:column;margin-right:auto;font-weight:900;display:flex}.logo-top{color:#fdf8f5;text-transform:uppercase;font-size:1.2rem}.header-clock{color:#fdf8f5;font-size:1.1rem;font-weight:900;font-family:var(--font-sans);letter-spacing:2px;background:#3a261d;border:3px solid #2b1d16;border-radius:12px;justify-content:center;align-items:center;padding:8px 18px;display:flex;box-shadow:inset 0 2px 4px #0006}.container{flex-direction:column;width:100%;display:flex}.hero-section,.section-two{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.hero-bg,.section-bg{z-index:0;background-position:50%;background-size:100% 100%;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay,.section-overlay{z-index:1;pointer-events:none;background:radial-gradient(circle,#0b0b1333 0%,#0b0b13cc 100%);width:100%;height:100%;position:absolute;top:0;left:0}.grid-overlay{z-index:2;pointer-events:none;background-image:linear-gradient(#bd00ff05 1px,#0000 1px),linear-gradient(90deg,#bd00ff05 1px,#0000 1px);background-position:50%;background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:10;max-width:500px;position:absolute;top:15%;left:5%}.hero-text-block{padding:2rem}.hero-text-block h1{margin-bottom:.8rem;font-size:2.2rem;font-weight:800;line-height:1.2}.hero-text-block p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.hero-actions{gap:1rem;display:flex}.btn-primary{background:linear-gradient(135deg, var(--neon-blue), var(--neon-purple));color:#0b0b13;font-family:var(--font-mono);cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-weight:700;transition:transform .2s,box-shadow .3s;box-shadow:0 0 15px #00f0ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #00f0ff99}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-mono);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 24px;font-weight:700;transition:background .3s,border-color .3s,transform .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.interactive-stage{z-index:5;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.hero-table-container{z-index:20;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.hero-table-img{object-fit:fill;width:100%;height:100%}.cashier-zone-trigger{cursor:pointer;z-index:25;pointer-events:auto;width:16%;height:35%;position:absolute;bottom:35%;left:8%}.character-wrapper{aspect-ratio:1;z-index:15;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;height:55%;display:flex;position:absolute;bottom:22%;left:50%;transform:translate(-50%)}.character-wrapper img{object-fit:contain;filter:drop-shadow(0 8px 16px #0009);width:auto;height:100%}.char-shadow{filter:blur(4px);z-index:-1;background:#00000080;border-radius:50%;width:50%;height:8%;position:absolute;bottom:-2%;left:50%;transform:translate(-50%)}.char-bubble{border:1px solid var(--cozy-accent);font-size:.7rem;font-family:var(--font-sans);color:var(--text-primary);text-align:center;opacity:0;pointer-events:none;background:#1c1917f2;border-radius:12px;width:max-content;max-width:200px;padding:6px 12px;transition:opacity .3s,transform .3s;position:absolute;top:-15%;transform:scale(.8)translateY(10px)}.char-bubble.visible{opacity:1;transform:scale(1)translateY(0)}.char-bubble:after{content:"";border-right:1px solid var(--cozy-accent);border-bottom:1px solid var(--cozy-accent);background:#1c1917f2;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.section-two-container{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.info-peeking-char{z-index:30;pointer-events:none;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.info-peeking-char.hidden{opacity:0;pointer-events:none}.peeking-img{object-fit:fill;pointer-events:none;width:100%;height:100%;transition:transform .3s,filter .3s}.peeking-trigger{cursor:pointer;pointer-events:auto;z-index:35;width:15%;height:62.04%;position:absolute;top:24.44%;left:85%}.info-peeking-char:hover .peeking-img{filter:drop-shadow(0 0 20px var(--cozy-warm));transform:scale(1.02)}.info-whiteboard-container{z-index:25;opacity:0;pointer-events:none;width:100%;height:100%;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease-out;position:absolute;top:0;left:0;transform:translate(100%)}.info-whiteboard-container.active{opacity:1;pointer-events:auto;transform:translate(0)}.whiteboard-image-wrapper{width:100%;height:100%;position:relative}.whiteboard-bg-img{object-fit:fill;width:100%;height:100%}.whiteboard-overlay-content{width:65.5%;height:58%;font-family:var(--font-sans);color:#3d352e;border-radius:8px;flex-direction:column;justify-content:flex-start;padding:1% 4%;display:flex;position:absolute;top:20%;left:29.5%;overflow-y:auto}.whiteboard-overlay-content::-webkit-scrollbar{width:6px}.whiteboard-overlay-content::-webkit-scrollbar-track{background:0 0}.whiteboard-overlay-content::-webkit-scrollbar-thumb{background:#2b262233;border-radius:10px}.whiteboard-overlay-content::-webkit-scrollbar-thumb:hover{background:#2b262266}.whiteboard-close-btn{color:#2b2622;cursor:pointer;opacity:.7;z-index:35;background:0 0;border:none;font-size:2rem;font-weight:300;line-height:1;transition:transform .2s,color .2s;position:absolute;top:15px;right:15px}.whiteboard-close-btn:hover{color:#d32f2f;opacity:1;transform:scale(1.2)rotate(90deg)}.whiteboard-header{border-bottom:2px dashed #3d352e33;width:100%;padding-bottom:clamp(6px,1vw,12px)}.poster-board-area{flex-flow:wrap;flex-grow:1;justify-content:center;align-items:center;gap:clamp(10px,2vw,30px);width:100%;height:100%;padding:2% 5%;display:flex}.a4-poster{aspect-ratio:1/1.414;cursor:zoom-in;background:#fdfcf7;border:1px solid #dfd9c0;flex-direction:column;flex-shrink:0;justify-content:space-between;width:clamp(80px,12vw,170px);height:auto;padding:clamp(6px,1vw,12px) clamp(8px,1.2vw,16px);transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative;box-shadow:0 5px 15px #0000001f}#poster-1{z-index:2;transform:rotate(-3deg)translate(-3px,2px)}#poster-2{z-index:2;transform:rotate(2deg)translate(2px,-3px)}#poster-3{z-index:2;transform:rotate(1deg)translate(-2px,3px)}#poster-4{z-index:2;transform:rotate(-2deg)translate(3px,-1px)}.a4-poster:hover{z-index:10;box-shadow:0 15px 35px #00000040;transform:scale(1.12)rotate(0)!important}.image-poster{background:#fdfcf7;overflow:hidden;padding:clamp(8px,1.2vw,16px)!important}.poster-jpg-img{object-fit:contain;width:100%;height:100%;display:block}.tape-decor{z-index:15;width:12px;height:12px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.tape-decor:before{content:"";background:radial-gradient(circle,#8b7355 0%,#6b5844 100%);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d,inset 0 1px 2px #ffffff4d}.tape-decor:after{content:"";background:#4a3f35;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.poster-header{font-family:var(--font-serif);text-align:center;color:var(--cozy-terracotta);letter-spacing:.5px;font-size:clamp(9px,1.3vw,16px);font-weight:900}.poster-sub{font-family:var(--font-sans);text-align:center;color:#5c5246;text-transform:uppercase;letter-spacing:.5px;margin-top:1px;font-size:clamp(6px,.7vw,9px);font-weight:800}.poster-divider{border-top:1px dashed #3d352e33;height:1px;margin:clamp(3px,.6vw,6px) 0}.poster-body{flex-direction:column;flex-grow:1;justify-content:center;gap:clamp(4px,.8vw,10px);display:flex}.poster-item{flex-direction:column;display:flex}.poster-item-title{font-family:var(--font-sans);color:#2b231d;font-size:clamp(7px,1vw,11px);font-weight:800}.poster-item-text{font-family:var(--font-sans);color:#5c5044;margin-top:2px;font-size:clamp(7px,1vw,11px);font-weight:600;line-height:1.35}.poster-footer{border-top:1px solid #3d352e1a;justify-content:space-between;align-items:flex-end;margin-top:clamp(4px,1vw,10px);padding-top:clamp(4px,1vw,10px);display:flex}.poster-sign{font-family:var(--font-sans);color:#6d6051;font-size:clamp(6px,.9vw,10px);line-height:1.3}.poster-stamp{font-family:var(--font-serif);color:#c2410c2e;text-transform:uppercase;border:2px double #c2410c2e;border-radius:3px;padding:1px 4px;font-size:clamp(8px,1.1vw,13px);font-weight:900;transform:rotate(-12deg)}.poster-zoom-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#12100ee0;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.poster-zoom-overlay.active{opacity:1;pointer-events:auto}.zoomed-poster-container{transition:transform .4s cubic-bezier(.16,1,.3,1);position:relative;transform:scale(.92)}.poster-zoom-overlay.active .zoomed-poster-container{transform:scale(1)}.poster-zoom-overlay .a4-poster.large-version{cursor:zoom-out;background:#fdfcf7;width:clamp(280px,35vw,420px);box-shadow:0 25px 60px #00000080;transform:none!important}.poster-zoom-overlay .large-version .poster-header{font-size:24px}.poster-zoom-overlay .large-version .poster-sub{font-size:13px}.poster-zoom-overlay .large-version .poster-item-title{font-size:16px}.poster-zoom-overlay .large-version .poster-item-text{font-size:13px}.poster-zoom-overlay .large-version .poster-sign{font-size:12px}.poster-zoom-overlay .large-version .poster-stamp{font-size:16px}.poster-zoom-overlay .large-version .tape-decor{width:100px;height:22px;top:-14px}.close-zoom-btn{color:#f7f5f3;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:3rem;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:-45px;right:-45px}.close-zoom-btn:hover{opacity:1;transform:scale(1.1)rotate(90deg)}.footer{z-index:10;text-align:center;color:#fdf8f5;letter-spacing:1px;font-size:.85rem;font-weight:700;font-family:var(--font-sans);background:#3a261d;border-top:6px solid #4a332a;padding:2rem 5%;position:relative}.interactive-object{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.object-img{object-fit:fill;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .3s,filter .3s;position:absolute;top:0;left:0}#obj-menu .object-img,#obj-booking .object-img,#obj-clockin .object-img,#obj-kasir .object-img,#obj-bell .object-img{z-index:22}.interactive-object:hover .object-img{opacity:1;filter:drop-shadow(0 0 12px var(--cozy-accent))}.object-trigger{pointer-events:auto;cursor:pointer;z-index:30;position:absolute}.object-trigger:not([data-label]):after,.object-trigger[data-label=""]:after{display:none!important}.object-trigger:after{content:attr(data-label);border:1px solid var(--cozy-accent);color:var(--text-primary);font-size:.75rem;font-family:var(--font-sans);white-space:nowrap;opacity:0;pointer-events:none;background:#1c1917f2;border-radius:6px;padding:6px 12px;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);position:absolute;top:-45px;left:50%;transform:translate(-50%,5px)scale(.9);box-shadow:0 4px 15px #00000080}.object-trigger:hover:after{opacity:1;transform:translate(-50%)scale(1)}#obj-bell .object-trigger{width:3.12%;height:4.35%;top:50.83%;left:53.18%}#obj-booking .object-trigger{width:8.59%;height:23.89%;top:31.2%;left:70.05%}#obj-clockin .object-trigger{width:27.45%;height:48.61%;top:11.57%;left:71.98%}#obj-kasir .object-trigger{width:12.34%;height:32.69%;top:22.87%;left:4.64%}#obj-menu .object-trigger{width:17.81%;height:30.65%;top:25.28%;left:19.9%}@media (width<=768px){.header{flex-direction:column;gap:.8rem;margin-bottom:1rem;padding:1rem 3%}.logo{align-items:center}.logo-top{font-size:1.3rem}.logo-bottom{font-size:1rem}.nav-links{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.nav-links a{margin:0 .5rem;font-size:.8rem}.btn-login-neon{padding:4px 12px;font-size:.7rem}}:root{--bg-dark:#1e1512;--bg-warm:#3a261d;--panel-bg:#fdf8f5;--panel-border:#4a332a;--panel-header:#4a332a;--text-main:#4a332a;--text-muted:#9a7b6d;--accent-primary:#d66d40;--accent-shadow:#b25028;--accent-yellow:#f4ba41;--accent-green:#5d8a56;--accent-blue:#4a90e2;--input-bg:#fff;--input-border:#e8d8d0;--font-game:"Nunito", sans-serif}.subpage-body{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow-x:hidden;background:radial-gradient(circle at 50% 40%, var(--bg-warm) 0%, var(--bg-dark) 100%)!important;color:var(--text-main)!important;font-family:var(--font-game)!important}.subpage-body .particle{pointer-events:none;background:#fdf8f54d;border-radius:50%;animation:15s linear infinite floatUpSub;position:absolute}@keyframes floatUpSub{0%{opacity:0;transform:translateY(100vh)scale(.5)}30%{opacity:.6}70%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1.5)}}.subpage-body .p1{width:6px;height:6px;animation-duration:14s;animation-delay:0s;left:15%}.subpage-body .p2{width:10px;height:10px;animation-duration:19s;animation-delay:4s;left:35%}.subpage-body .p3{width:5px;height:5px;animation-duration:11s;animation-delay:2s;left:65%}.subpage-body .p4{background:#f4ba4126;width:12px;height:12px;animation-duration:22s;animation-delay:7s;left:82%}.subpage-body .p5{width:8px;height:8px;animation-duration:16s;animation-delay:9s;left:55%}.subpage-body .game-window{width:100%;max-width:950px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards popInSub}@keyframes popInSub{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.subpage-body .game-ui-card{background-color:var(--panel-bg);border:4px solid var(--panel-border);box-shadow:0 10px 0 var(--panel-border), 0 20px 30px #00000080;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.subpage-body .window-header{background-color:var(--panel-header);border-bottom:4px solid var(--panel-border);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.subpage-body .window-dots{gap:6px;display:flex}.subpage-body .dot{background-color:var(--panel-bg);opacity:.5;border:2px solid #0003;border-radius:50%;width:12px;height:12px}.subpage-body .dot:first-child{opacity:1;background-color:#ff5f56}.subpage-body .dot:nth-child(2){opacity:1;background-color:#ffbd2e}.subpage-body .dot:nth-child(3){opacity:1;background-color:#27c93f}.subpage-body .window-title{color:var(--panel-bg);letter-spacing:1.5px;text-transform:uppercase;font-size:.8rem;font-weight:800}.subpage-body .card-body{flex-direction:column;height:85vh;max-height:750px;padding:2rem;display:flex;overflow-y:auto}.subpage-body .card-body::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:10px}.subpage-body .page-title{color:var(--text-main);align-items:center;gap:10px;margin-bottom:1rem;font-size:1.8rem;font-weight:900;display:flex}.subpage-body .tester-bar{border:3px solid var(--accent-yellow);background:#fff9c4;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:12px 16px;display:flex}.subpage-body .tester-title{color:var(--panel-border);text-transform:uppercase;align-items:center;gap:6px;font-size:.85rem;font-weight:900;display:flex}.subpage-body .grid-layout{grid-template-columns:1.5fr 1.1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=768px){.subpage-body .grid-layout{grid-template-columns:1fr}}.subpage-body .panel-box{background:var(--input-bg);border:3px solid var(--input-border);border-radius:20px;padding:20px}.subpage-body .panel-title{color:var(--text-main);align-items:center;gap:8px;margin-bottom:15px;font-size:1.1rem;font-weight:900;display:flex}.subpage-body .data-table{border-collapse:separate;border-spacing:0;width:100%}.subpage-body .data-table th,.subpage-body .data-table td{text-align:left;border-bottom:2px dashed var(--input-border);padding:12px}.subpage-body .data-table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem;font-weight:900}.subpage-body .data-table td{color:var(--text-main);font-size:.95rem;font-weight:700}.subpage-body .form-group{margin-bottom:15px}.subpage-body .form-group label{color:var(--text-main);margin-bottom:6px;font-size:.8rem;font-weight:800;display:block}.subpage-body .form-group input,.subpage-body .form-group select,.subpage-body .form-group textarea{border:3px solid var(--input-border);width:100%;font-family:var(--font-game);color:var(--text-main);border-radius:12px;outline:none;padding:10px 14px;font-weight:700}.subpage-body .form-group input:focus,.subpage-body .form-group select:focus,.subpage-body .form-group textarea:focus{border-color:var(--panel-border)}.subpage-body .btn-game{color:#fff;font-size:1rem;font-weight:900;font-family:var(--font-game);text-transform:uppercase;letter-spacing:1px;border:3px solid var(--panel-border);cursor:pointer;box-shadow:0 5px 0 var(--panel-border);border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;transition:all .1s;display:inline-flex}.subpage-body .btn-game:active{margin-bottom:5px;transform:translateY(5px);box-shadow:0 0 #0000}.subpage-body .btn-primary{background:var(--accent-primary);box-shadow:0 5px 0 var(--accent-shadow)}.subpage-body .btn-secondary{background:var(--input-border);color:var(--text-main);box-shadow:0 5px 0 var(--input-border);border-color:var(--input-border)}.subpage-body .bottom-actions,.public-booking-body .bottom-actions{border-top:3px dashed var(--input-border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:1.5rem;display:flex}.subpage-body .back-link,.public-booking-body .back-link{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.subpage-body .back-link:hover,.public-booking-body .back-link:hover{color:var(--accent-primary)}.subpage-body .forbidden-overlay{text-align:center;background:#fdf8f5f2;border:3px dashed #e74c3c;border-radius:20px;flex-direction:column;flex-grow:1;justify-content:center;align-items:center;margin:20px 0;padding:50px 20px;display:none}.subpage-body .badge-outlet{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900}.subpage-body .b-lakehouse{color:var(--accent-blue);border:1.5px solid var(--accent-blue);background:#e3f2fd}.subpage-body .b-seaside{color:var(--accent-primary);border:1.5px solid var(--accent-primary);background:#fff3e0}.subpage-body .btn-action{background:var(--input-bg);border:2px solid var(--panel-border);font-family:var(--font-game);cursor:pointer;border-radius:8px;margin-right:4px;padding:4px 8px;font-size:.7rem;font-weight:900}.subpage-body .btn-edit{color:var(--accent-blue)}.subpage-body .btn-delete{color:#e74c3c}.subpage-body .badge-status{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900}.subpage-body .badge-working{color:var(--accent-green);border:1.5px solid var(--accent-green);background:#e8f5e9}.subpage-body .badge-completed{color:var(--accent-primary);border:1.5px solid var(--accent-primary);background:#fff3e0}.subpage-body .badge-autoclose{color:#c62828;background:#ffebee;border:1.5px solid #c62828}.subpage-body .clock-section{border:3px solid var(--accent-green);background:#e8f5e9;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:15px;display:flex}.subpage-body .clock-title{color:var(--accent-green);font-size:1.1rem;font-weight:900}.subpage-body .clock-subtitle{color:#4a6e44;font-size:.85rem;font-weight:700}.subpage-body .balance-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:20px;display:grid}@media (width<=600px){.subpage-body .balance-grid{grid-template-columns:1fr}}.subpage-body .bal-card{background:var(--input-bg);border:3px solid var(--input-border);border-radius:16px;flex-direction:column;padding:15px;display:flex}.subpage-body .bal-title{text-transform:uppercase;color:var(--text-muted);margin-bottom:5px;font-size:.75rem;font-weight:900}.subpage-body .bal-value{font-size:1.4rem;font-weight:900}.subpage-body .bal-card.b-capital{border-color:var(--accent-blue);color:var(--accent-blue);background:#ebf3fb}.subpage-body .bal-card.b-income{border-color:var(--accent-green);color:var(--accent-green);background:#e8f5e9}.subpage-body .bal-card.b-expense{color:#e74c3c;background:#fdedec;border-color:#e74c3c}.subpage-body .filter-tabs{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.subpage-body .filter-tabs .tab-btn{background:var(--input-border);border:2px solid var(--panel-border);color:var(--text-main);font-family:var(--font-game);cursor:pointer;border-radius:10px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:900;display:flex}.subpage-body .filter-tabs .tab-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 2px #0000001a}.subpage-body .badge-type{text-transform:uppercase;border:1.5px solid;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900}.subpage-body .badge-capital{color:var(--accent-blue);border-color:var(--accent-blue);background:#ebf3fb}.subpage-body .badge-income{color:var(--accent-green);border-color:var(--accent-green);background:#e8f5e9}.subpage-body .badge-expense{color:#e74c3c;background:#fdedec;border-color:#e74c3c}.subpage-body .source-tabs{background:var(--input-border);border:2px solid var(--panel-border);border-radius:16px;gap:10px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.subpage-body .source-tabs .tab-btn{color:var(--text-muted);font-family:var(--font-game);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-size:.95rem;font-weight:900;transition:all .2s;display:flex}.subpage-body .source-tabs .tab-btn.active{background:var(--panel-bg);color:var(--accent-primary);border:2px solid var(--panel-border);box-shadow:0 3px #0000001a}.subpage-body .inv-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-bottom:20px;display:grid}.subpage-body .inv-card{background:var(--panel-bg);border:3px solid var(--input-border);text-align:center;border-radius:16px;flex-direction:column;align-items:center;padding:15px;display:flex;position:relative}.subpage-body .inv-card.selected{border-color:var(--accent-primary);box-shadow:0 0 10px #d66d4033}.subpage-body .inv-icon{color:var(--text-muted);margin-bottom:10px;font-size:2.5rem}.subpage-body .inv-name{justify-content:center;align-items:center;height:40px;margin-bottom:8px;font-size:1rem;font-weight:900;display:flex}.subpage-body .inv-qty{color:var(--text-main);margin-bottom:10px;font-size:1.4rem;font-weight:900}.subpage-body .btn-select-card{background:var(--input-border);border:2px solid var(--panel-border);cursor:pointer;font-size:.75rem;font-weight:800;font-family:var(--font-game);border-radius:8px;padding:6px 12px}.subpage-body .btn-select-card.active{background:var(--accent-primary);color:#fff;border-color:var(--panel-border)}.subpage-body .btn-green{background:var(--accent-green);border-color:var(--panel-border);box-shadow:0 5px #3e5e39}.subpage-body .movement-list{border:2px dashed var(--input-border);border-radius:12px;max-height:200px;margin-top:15px;padding:10px;overflow-y:auto}.subpage-body .movement-item{border-bottom:1px dashed var(--input-border);justify-content:space-between;align-items:center;padding:6px 0;font-size:.8rem;font-weight:700;display:flex}.subpage-body .movement-item:last-child{border-bottom:none}.subpage-body .m-in{color:var(--accent-green)}.subpage-body .m-out{color:#e74c3c}.subpage-body .badge-warning{color:#d32f2f;text-transform:uppercase;background:#ffebee;border:1.5px solid #d32f2f;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900}.subpage-body .badge-fixed{color:var(--accent-green);border:1.5px solid var(--accent-green);text-transform:uppercase;background:#e8f5e9;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900}.subpage-body .btn-view-slip{background:var(--accent-blue);color:#fff;border:2px solid var(--panel-border);font-family:var(--font-game);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:800}.subpage-body .payslip-ticket{border:4px solid var(--panel-border);box-shadow:0 8px 0 var(--panel-border);font-family:var(--font-game);color:var(--text-main);background:#fffdf9;border-radius:20px;padding:25px}.subpage-body .payslip-header{text-align:center;border-bottom:3px dashed var(--input-border);margin-bottom:15px;padding-bottom:15px}.subpage-body .payslip-row{justify-content:space-between;margin-bottom:8px;font-size:.9rem;font-weight:700;display:flex}.subpage-body .payslip-total{border-top:3px dashed var(--input-border);color:var(--accent-primary);justify-content:space-between;margin-top:15px;padding-top:12px;font-size:1.1rem;font-weight:900;display:flex}.subpage-body .dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-bottom:20px;display:grid}.subpage-body .dash-card{background:var(--panel-bg);border:4px solid var(--panel-border);text-align:center;box-shadow:0 6px 0 var(--panel-border);cursor:pointer;color:var(--text-main);border-radius:20px;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.subpage-body .dash-card:hover{box-shadow:0 10px 0 var(--panel-border);transform:translateY(-4px)}.subpage-body .dash-card:active{box-shadow:0 4px 0 var(--panel-border);transform:translateY(2px)}.subpage-body .dash-icon{margin-bottom:12px;font-size:3rem}.subpage-body .dash-name{margin-bottom:8px;font-size:1.1rem;font-weight:900}.subpage-body .dash-desc{color:var(--text-muted);font-size:.8rem;font-weight:700;line-height:1.4}.subpage-body .calendar-container{flex-direction:column;gap:15px;display:flex}.subpage-body .calendar-item{background:var(--panel-bg);border:3px solid var(--input-border);border-radius:16px;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.subpage-body .calendar-details{flex-direction:column;gap:5px;display:flex}.subpage-body .badge-booking-status{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900}.subpage-body .badge-pending{color:#f57f17;background:#fff9c4;border:1.5px solid #f57f17}.subpage-body .badge-approved{color:var(--accent-green);border:1.5px solid var(--accent-green);background:#e8f5e9}.subpage-body .badge-rejected{color:#c62828;background:#ffebee;border:1.5px solid #c62828}.subpage-body .booking-actions-btn{gap:8px;display:flex}.subpage-body .btn-approve{background:var(--accent-green);color:#fff;border:2px solid var(--panel-border);font-family:var(--font-game);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:800}.subpage-body .btn-reject{color:#fff;border:2px solid var(--panel-border);font-family:var(--font-game);cursor:pointer;background:#e74c3c;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:800}.game-window{width:100%;max-width:380px;margin:0 20px;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(.85)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.game-ui-card{background-color:#fdf8f5;border:4px solid #4a332a;border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 10px #4a332a,0 20px 30px #00000080}.window-header{background-color:#4a332a;border-bottom:4px solid #4a332a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.window-dots{gap:6px;display:flex}.dot{opacity:.5;background-color:#fdf8f5;border:2px solid #0003;border-radius:50%;width:12px;height:12px}.dot:first-child{opacity:1;background-color:#ff5f56}.dot:nth-child(2){opacity:1;background-color:#ffbd2e}.dot:nth-child(3){opacity:1;background-color:#27c93f}.window-title{color:#fdf8f5;letter-spacing:1.5px;text-transform:uppercase;font-size:.8rem;font-weight:800}.card-body{text-align:center;padding:2.5rem 2rem}.cafe-icon-wrapper{background:#fff;border:4px solid #4a332a;border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 1.5rem;display:flex;transform:rotate(-3deg);box-shadow:0 4px #e8d8d0}.cafe-icon-wrapper i{color:#d66d40;font-size:2.2rem}.brand-title{color:#4a332a;letter-spacing:.5px;margin-bottom:.5rem;font-size:2rem;font-weight:900;line-height:1}.brand-badge{color:#4a332a;text-transform:uppercase;letter-spacing:1px;background:#f4ba41;border:2px solid #4a332a;border-radius:12px;align-items:center;gap:4px;margin-bottom:2rem;padding:4px 12px;font-size:.75rem;font-weight:900;display:inline-flex}.form-group{text-align:left;margin-bottom:1.2rem}.form-group label{color:#4a332a;margin-bottom:.4rem;padding-left:4px;font-size:.8rem;font-weight:800;display:block}.input-wrapper{width:100%;position:relative}.btn-password-toggle{cursor:pointer;color:#9a7b6d;z-index:10;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.btn-password-toggle:hover{color:#4a332a}.input-wrapper>i{color:#9a7b6d;z-index:2;font-size:1.2rem;transition:color .2s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.btn-password-toggle i{font-size:1.2rem!important;position:static!important;transform:none!important}.form-group input{color:#4a332a;background:#fff;border:3px solid #e8d8d0;border-radius:16px;outline:none;width:100%;padding:12px 16px 12px 44px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:inset 0 2px 4px #00000005}.form-group input::placeholder{color:#c2b6ae;font-weight:600}.form-group input:focus{background:#fff;border-color:#4a332a}.form-group input:focus+i{color:#d66d40}.btn-submit{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:#d66d40;border:4px solid #4a332a;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:1.5rem;padding:14px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:900;transition:transform .1s,box-shadow .1s,background .2s;display:flex;transform:translateY(0);box-shadow:0 6px #b25028}.btn-submit:hover{background:#e3794d}.btn-submit:active{margin-bottom:6px;transform:translateY(6px);box-shadow:0 0 #b25028}.tab-btn{color:#9a7b6d;cursor:pointer;background:#fff;border:3px solid #e8d8d0;border-radius:12px;padding:6px 16px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;transition:all .1s;box-shadow:0 4px #e8d8d0}.tab-btn:hover{color:#4a332a;transform:translateY(-2px);box-shadow:0 6px #e8d8d0}.tab-btn.active{color:#4a332a;background:#f4ba41;border-color:#4a332a;box-shadow:0 4px #4a332a}.tab-btn.active:active{transform:translateY(4px);box-shadow:0 0 #4a332a}@media (width<=480px){.category-tabs{width:100%!important}.tab-btn{text-align:center!important;flex:1!important;padding:6px 2px!important;font-size:.75rem!important}}.booking-ticket{background:#fff;border:3px solid #e8d8d0;border-radius:20px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 4px #00000005}.booking-ticket:hover{border-color:#4a332a;transform:translateY(-2px);box-shadow:0 6px #4a332a26}.ticket-info{flex-direction:column;flex-grow:1;display:flex}.ticket-header{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.ticket-badge{text-transform:uppercase;letter-spacing:1px;border:2px solid;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:900;display:flex}.badge-katering{color:#d66d40;background:#fff3e0;border-color:#d66d40}.badge-venue{color:#5d8a56;background:#e8f5e9;border-color:#5d8a56}.ticket-date{color:#4a332a;background:#e8d8d0;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;font-weight:900;display:flex}.ticket-name{color:#4a332a;margin-bottom:4px;font-size:1.2rem;font-weight:900}.ticket-details{color:#9a7b6d;flex-wrap:wrap;gap:15px;font-size:.85rem;font-weight:700;display:flex}.detail-item{align-items:center;gap:4px;display:flex}.status-indicator{text-align:center;background:#fdf8f5;border:2px dashed #e8d8d0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:120px;padding:10px 16px;display:flex}.status-icon{margin-bottom:4px;font-size:1.5rem}.status-text{text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:900}.booked{color:#5d8a56}.pending{color:#d66d40}.btn-new{color:#4a332a;cursor:pointer;background:#f4ba41;border:3px solid #4a332a;border-radius:12px;align-items:center;gap:6px;padding:10px 20px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;text-decoration:none;transition:all .1s;display:flex;box-shadow:0 4px #4a332a}.btn-new:hover{color:#4a332a;transform:translateY(-2px);box-shadow:0 6px #4a332a}.btn-new:active{transform:translateY(4px);box-shadow:0 0 #4a332a}.menu-grid::-webkit-scrollbar{width:10px}.menu-grid::-webkit-scrollbar-track{background:#e8d8d0;border-radius:10px}.menu-grid::-webkit-scrollbar-thumb{background:#9a7b6d;border:2px solid #e8d8d0;border-radius:10px}.menu-grid::-webkit-scrollbar-thumb:hover{background:#4a332a}.category-tabs{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.menu-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:10px 10px 20px;display:grid;overflow-y:auto}.menu-item{cursor:pointer;background:#fff;border:4px solid #e8d8d0;border-radius:20px;flex-direction:column;padding:16px;transition:all .2s;display:flex;box-shadow:0 6px #00000008}.menu-item:hover{border-color:#4a332a;transform:translateY(-4px);box-shadow:0 10px #4a332a26}.item-image-box{color:#d66d40;background:#f4ebe6;border:2px dashed #4a332a26;border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:12px;font-size:3.5rem;transition:all .3s;display:flex}.menu-item:hover .item-image-box{color:#b25028;background:#fdf1e5;transform:scale(1.02)}.item-details{flex-direction:column;flex-grow:1;display:flex}.item-title{color:#4a332a;margin-bottom:4px;font-size:1.1rem;font-weight:900;line-height:1.2}.item-desc{color:#9a7b6d;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.8rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.item-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.item-price{color:#d66d40;font-size:1.1rem;font-weight:900}.subpage-body .input-wrapper input{padding-left:44px!important}.subpage-body{box-sizing:border-box;background:radial-gradient(circle at 50% 40%,#3a261d 0%,#1e1512 100%);justify-content:flex-start;align-items:flex-start;width:100%;height:100vh;min-height:100vh;padding:20px 20px 20px 290px;font-family:Nunito,sans-serif;display:flex;position:relative;overflow:hidden}@media (width<=992px){.subpage-body{height:auto;min-height:100vh;padding:76px 16px 20px;overflow-y:auto}}@media (width<=768px){.mobile-top-bar{color:#fdf8f5;z-index:1000;background:#4a332a;border-bottom:4px solid #35221a;justify-content:space-between;align-items:center;height:60px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 10px #00000040}.mobile-menu-toggle{color:#fff;cursor:pointer;background:#d66d40;border:2px solid #4a332a;border-radius:10px;outline:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .1s;display:flex;box-shadow:0 3px #4a332a}.mobile-menu-toggle:active{box-shadow:none;transform:translateY(3px)}.mobile-top-bar-title{letter-spacing:.5px;align-items:center;gap:8px;font-size:1.1rem;font-weight:900;display:flex}.mobile-top-bar-logo{object-fit:contain;background:#fff;border:1.5px solid #fdf8f5;border-radius:6px;width:28px;height:28px}.sidebar-toggle-btn{display:none!important}}.sidebar-header{color:#fdf8f5;background:#4a332a;border-bottom:4px solid #4a332a;flex-shrink:0;align-items:center;gap:10px;padding:15px;display:flex}.sidebar-close-btn{display:none}.sidebar-logo{object-fit:contain;background:#fff;border:2px solid #fdf8f5;border-radius:8px;width:38px;height:38px}.sidebar-brand-name{letter-spacing:.5px;color:#fdf8f5;font-size:1.1rem;font-weight:900}.sidebar-profile{background:#fffbf9;border-bottom:2px dashed #e8d8d0;flex-direction:column;flex-shrink:0;gap:5px;padding:15px;display:flex}.profile-name{color:#4a332a;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.profile-role-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:8px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:.75rem;font-weight:900;display:flex}.sidebar-nav{flex-direction:column;flex-grow:1;gap:6px;padding:15px 10px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#e8d8d0;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#4a332a}.nav-item{color:#4a332a;border:2px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.9rem;font-weight:800;text-decoration:none;transition:all .25s cubic-bezier(.175,.885,.32,1.275);display:flex}.nav-item-content{align-items:center;gap:10px;display:flex}.nav-item:hover{background-color:#fff2eb;border-color:#4a332a;transform:translate(6px)scale(1.02)}.nav-item.active{color:#fff;background-color:#d66d40;border-color:#4a332a;box-shadow:0 4px #4a332a}.nav-item.active i{color:#fff!important}.nav-item.locked{opacity:.5;cursor:not-allowed;background-color:#f1ece9}.nav-item.locked:hover{background-color:#f1ece9;border-color:#0000;transform:none}.lock-icon{color:#9a7b6d;font-size:1rem}.sidebar-footer{background:#fdf8f5;border-top:3px dashed #e8d8d0;flex-direction:column;flex-shrink:0;gap:8px;padding:15px;display:flex}.btn-sidebar-logout{cursor:pointer;text-align:left;color:#e74c3c;background:0 0;border:2px solid #0000;width:100%;font-family:inherit}.btn-sidebar-logout i{color:#e74c3c}.btn-sidebar-logout:hover{color:#e74c3c;background-color:#fdedec;border-color:#e74c3c}.simulator-selector-label{color:#9a7b6d;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:900}.simulator-select{cursor:pointer;color:#4a332a;background:#fff;border:2px solid #4a332a;border-radius:10px;width:100%;padding:8px;font-family:Nunito,sans-serif;font-size:.82rem;font-weight:800}.sidebar-toggle-btn{z-index:1000;color:#fff;cursor:pointer;background:#d66d40;border:3px solid #4a332a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.4rem;display:none;position:fixed;top:15px;left:15px;box-shadow:0 4px #4a332a}.sidebar-toggle-btn:active{transform:translateY(4px);box-shadow:0 0 #0000}.subpage-body .game-window,.protected-layout .game-window{flex-direction:column!important;width:100%!important;max-width:100%!important;height:calc(100vh - 40px)!important;margin:0!important;animation:.7s cubic-bezier(.175,.885,.32,1.275) forwards cozyPopIn!important;display:flex!important}@keyframes cozyPopIn{0%{opacity:0;transform:scale(.93)translateY(30px)rotate(-.5deg)}to{opacity:1;transform:scale(1)translateY(0)rotate(0)}}.subpage-body .game-ui-card,.protected-layout .game-ui-card{flex-direction:column!important;height:100%!important;display:flex!important}.subpage-body .card-body,.protected-layout .card-body{height:calc(100% - 50px)!important;max-height:none!important;overflow-y:auto!important}.subpage-body .card-body::-webkit-scrollbar{width:8px}.subpage-body .card-body::-webkit-scrollbar-track{background:0 0}.subpage-body .card-body::-webkit-scrollbar-thumb{background:#e8d8d0;border:2px solid #fdf8f5;border-radius:10px}.subpage-body .card-body::-webkit-scrollbar-thumb:hover{background:#d66d40}@media (width<=992px){.subpage-body{height:auto;min-height:100vh;padding:80px 16px 20px;overflow-y:auto}}.mobile-top-bar{display:none}@media (width<=768px){.mobile-top-bar{color:#fdf8f5;z-index:1000;background:#2a1a12;border-bottom:2px solid #3e291f;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 15px #00000040}.mobile-menu-toggle{color:#fff9e6;cursor:pointer;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.55rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.mobile-menu-toggle:hover{background:#ffffff14}.mobile-menu-toggle:active{color:#d66d40;background:#ffffff26;transform:scale(.9)}.mobile-top-bar-title{letter-spacing:.5px;color:#fff9e6;align-items:center;gap:10px;font-size:1.15rem;font-weight:800;display:flex}.mobile-top-bar-logo{object-fit:contain;background:#fff;border:1.5px solid #ffffff26;border-radius:8px;width:32px;height:32px}.sidebar-toggle-btn{display:none!important}}.cozy-sidebar{z-index:999;background:#fdf8f5;border:4px solid #4a332a;border-radius:24px;flex-direction:column;width:250px;font-family:Nunito,sans-serif;transition:transform .3s,left .3s;display:flex;position:fixed;top:20px;bottom:20px;left:20px;overflow:hidden;box-shadow:0 10px #4a332a,0 15px 25px #0006}@media (width<=992px){.cozy-sidebar{z-index:1001!important;border:none!important;border-right:4px solid #4a332a!important;border-radius:0 24px 24px 0!important;width:270px!important;height:100vh!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-100%)!important;box-shadow:10px 0 25px #00000073!important}.cozy-sidebar.show-sidebar{transform:translate(0)!important}.sidebar-toggle-btn{display:none!important}.sidebar-close-btn{color:#fdf8f5!important;cursor:pointer!important;background:#ffffff14!important;border:1.5px solid #ffffff26!important;border-radius:10px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;margin-left:auto!important;padding:0!important;font-size:1.2rem!important;transition:all .2s!important;display:flex!important}.sidebar-close-btn:hover{background:#ffffff26!important}.sidebar-close-btn:active{transform:scale(.9)!important}.subpage-body .game-window,.protected-layout .game-window{height:auto!important;min-height:100%!important}.subpage-body .game-ui-card,.protected-layout .game-ui-card{border:3px solid #4a332a!important;border-radius:20px!important;height:auto!important;box-shadow:0 6px #4a332a,0 10px 20px #0000004d!important}.subpage-body .card-body,.protected-layout .card-body{height:auto!important;padding:16px!important;overflow-y:visible!important}.subpage-body .window-header{display:none!important}}.sidebar-backdrop{z-index:1000;-webkit-backdrop-filter:blur(5px);background:#2a1c158c;animation:.25s ease-out forwards cozyFadeIn;position:fixed;inset:0}@keyframes cozyFadeIn{0%{opacity:0}to{opacity:1}}.profile-banner{background:#fff9e6;border:3px solid #4a332a;border-radius:20px;flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:20px;padding:15px 20px;display:flex;box-shadow:inset 0 2px 4px #0000000d}.profile-banner-user{align-items:center;gap:20px;display:flex}.profile-banner-outlet{flex-direction:column;gap:5px;min-width:150px;margin-left:auto;display:flex}.profile-banner-outlet label{color:#9a7b6d;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:900}.profile-banner-outlet select{cursor:pointer;color:#4a332a;background:#fff;border:3px solid #4a332a;border-radius:10px;outline:none;padding:8px 12px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;transition:all .2s;box-shadow:0 3px #4a332a}.profile-banner-outlet select:disabled{cursor:not-allowed;box-shadow:none;opacity:.7;background:#f1ece9}@media (width<=768px){.profile-banner{border-width:3px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:16px!important}.profile-banner-user{text-align:left!important;flex-direction:row!important;align-items:center!important;gap:14px!important;width:100%!important}.profile-banner-user .avatar-box{border-width:3px!important;width:56px!important;height:56px!important;margin-bottom:0!important;font-size:2rem!important}.profile-banner-user .profile-info{text-align:left!important;gap:2px!important}.profile-banner-user .greeting{font-size:.75rem!important}.profile-banner-user .user-name{font-size:1.15rem!important;line-height:1.2!important}.profile-banner-user .role-badges{justify-content:flex-start!important;gap:6px!important}.profile-banner-user .badge-role,.profile-banner-user .badge-outlet{padding:2px 6px!important;font-size:.65rem!important}.profile-banner-outlet{border-top:2px dashed #4a332a26!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;margin-top:4px!important;margin-left:0!important;padding-top:12px!important;display:flex!important}.profile-banner-outlet label{color:#9a7b6d!important;margin:0!important;font-size:.75rem!important;font-weight:800!important}.profile-banner-outlet select{border-width:2px!important;border-radius:8px!important;width:auto!important;min-width:130px!important;padding:6px 10px!important;font-size:.8rem!important;box-shadow:0 2px #4a332a!important}}.avatar-box{color:#d66d40;background:#fff;border:3px solid #4a332a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.2rem;display:flex}.profile-info{text-align:left;flex-direction:column;gap:4px;display:flex}.greeting{color:#9a7b6d;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:900}.user-name{color:#4a332a;font-size:1.4rem;font-weight:900}.role-badges{flex-wrap:wrap;gap:8px;display:flex}.badge-role{color:#fff;background:#d66d40;border:2px solid #4a332a;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:900;display:inline-flex}.badge-outlet{color:#4a332a;background:#fff;border:2px solid #4a332a;border-radius:8px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:900;display:inline-flex}.quick-action-bar{background:#e8f5e9;border:3px solid #5d8a56;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:15px 20px;transition:all .2s;display:flex}.action-text{flex-direction:column;gap:4px;display:flex}.action-title{color:#5d8a56;font-size:1.1rem;font-weight:900}.action-subtitle{color:#9a7b6d;font-size:.85rem;font-weight:700}.btn-clockin{background:#5d8a56;box-shadow:0 5px #3e5e39}.btn-clockout{background:#d66d40;box-shadow:0 5px #b25028}.btn-game{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;white-space:nowrap;border:3px solid #4a332a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:900;transition:all .1s;display:inline-flex;box-shadow:0 5px #4a332a}.btn-game:active{transform:translateY(5px);box-shadow:0 0 #0000}.btn-game:hover{transform:translateY(-3px)}.dashboard-stats-grid{grid-template-columns:repeat(3,1fr);gap:15px;width:100%;margin-bottom:25px;display:grid}.stats-card{text-align:center;border:3px solid #4a332a;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:15px 10px;transition:all .2s;display:flex;box-shadow:0 4px #4a332a}.stats-card.card-bookings{background:#fff9e6}.stats-card.card-staff{background:#ebf5fb}.stats-card.card-balance{background:#e8f5e9}.stats-card-label{color:#9a7b6d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:900}.stats-card-value{font-size:1.6rem;font-weight:900}.section-title{color:#4a332a;align-items:center;gap:8px;margin-bottom:15px;font-size:1.1rem;font-weight:900;display:flex}.dashboard-menu-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;width:100%;margin-bottom:20px;display:grid;flex-grow:0!important;overflow-y:visible!important}.module-card{color:#4a332a;text-align:center;cursor:pointer;background:#fff;border:3px solid #4a332a;border-radius:20px;flex-direction:column;align-items:center;padding:20px;text-decoration:none;transition:all .15s;display:flex;position:relative;box-shadow:0 6px #4a332a}.module-card:hover{transform:translateY(-4px);box-shadow:0 10px #4a332a}.module-card:active{transform:translateY(6px);box-shadow:0 0 #0000}.module-icon{border:2px solid #4a332a;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:12px;font-size:1.6rem;display:flex}.ic-attendance{color:#e74c3c;background:#ffe8e8}.ic-inventory{color:#f4ba41;background:#fff9e6}.ic-booking{color:#5d8a56;background:#e8f8f5}.ic-finance{color:#4a90e2;background:#ebf5fb}.ic-payroll{color:#e74c3c;background:#fdedec}.ic-users{color:#8e44ad;background:#f4ecf7}.module-title{color:#4a332a;margin-bottom:6px;font-size:1.05rem;font-weight:900}.module-desc{color:#9a7b6d;font-size:.8rem;font-weight:700;line-height:1.3}.access-tag{color:#fff;text-transform:uppercase;background:#4a332a;border-radius:6px;padding:2px 6px;font-size:.65rem;font-weight:900;position:absolute;top:15px;right:15px}.bottom-actions{border-top:3px dashed #e8d8d0;justify-content:space-between;align-items:center;margin-top:10px;padding-top:1.5rem;display:flex}.btn-back-main{color:#4a332a;cursor:pointer;background:#fff;border:3px solid #4a332a;border-radius:12px;align-items:center;gap:6px;padding:10px 18px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:800;text-decoration:none;transition:background .2s;display:inline-flex}.btn-back-main:hover{color:#d66d40;background:#fff9e6}@media (width<=768px){.quick-action-bar{text-align:center!important;border-width:3px!important;flex-direction:column!important;align-items:stretch!important;gap:16px!important;padding:16px!important}.quick-action-bar .action-text{text-align:center!important;align-items:center!important;width:100%!important}.quick-action-bar .action-title{justify-content:center!important;width:100%!important;font-size:1.05rem!important}.quick-action-bar .action-subtitle{width:100%!important;font-size:.8rem!important}.quick-action-bar button{justify-content:center!important;width:100%!important}.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:20px!important}.stats-card{border-width:2.5px!important;border-radius:14px!important;padding:12px 6px!important;box-shadow:0 4px #4a332a!important}.stats-card-label{letter-spacing:0!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin-bottom:3px!important;font-size:.62rem!important;overflow:hidden!important}.stats-card-value{font-size:1.35rem!important;line-height:1.1!important}.dashboard-menu-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.module-card{border-width:2px!important;border-radius:14px!important;padding:12px 8px!important;box-shadow:0 4px #4a332a!important}.module-card:hover{transform:translateY(-2px)!important;box-shadow:0 6px #4a332a!important}.module-card:active{transform:translateY(4px)!important;box-shadow:0 0 #0000!important}.module-icon{border-radius:10px!important;width:38px!important;height:38px!important;margin-bottom:8px!important;font-size:1.25rem!important}.module-title{margin-bottom:4px!important;font-size:.85rem!important}.module-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;font-size:.7rem!important;line-height:1.2!important}.access-tag{border-radius:4px!important;padding:1px 4px!important;font-size:.55rem!important;top:8px!important;right:8px!important}.page-title{text-align:left!important;justify-content:flex-start!important;align-items:center!important;gap:8px!important;width:100%!important;margin-bottom:15px!important;font-size:1.3rem!important;line-height:1.2!important;display:flex!important}.page-title i{flex-shrink:0!important;font-size:1.5rem!important}.data-table{box-shadow:none!important;background:0 0!important;border:none!important;width:100%!important;display:block!important}.data-table thead{display:none!important}.data-table tbody{width:100%!important;display:block!important}.data-table tr{box-sizing:border-box!important;background:#fff!important;border:3px solid #4a332a!important;border-radius:20px!important;width:100%!important;margin-bottom:16px!important;padding:14px 16px!important;display:block!important;box-shadow:0 5px #4a332a!important}.data-table td{box-sizing:border-box!important;text-align:right!important;border-bottom:2px dashed #fff3e3!important;justify-content:space-between!important;align-items:center!important;width:100%!important;padding:10px 0!important;font-size:.88rem!important;display:flex!important}.data-table td:last-child{border-bottom:none!important;justify-content:space-between!important;margin-top:4px!important;padding-bottom:0!important}.data-table td:before{content:attr(data-label)!important;color:#9a7b6d!important;text-transform:uppercase!important;text-align:left!important;flex-shrink:0!important;margin-right:15px!important;font-size:.72rem!important;font-weight:900!important}.filter-toggle-btn{display:flex!important}.attendance-filter-section{background:#fff9e6!important;border:2.5px dashed #4a332a!important;border-radius:14px!important;margin-top:10px!important;padding:14px!important;display:none!important}.attendance-filter-section.show{animation:.25s ease-out forwards cozySlideDown!important;display:grid!important}@keyframes cozySlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.clock-section{border-width:2.5px!important;border-radius:14px!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:12px 14px!important}.clock-title{gap:5px!important;font-size:.95rem!important}.clock-subtitle{margin-top:2px!important;font-size:.78rem!important}.clock-section .btn-game{border-radius:10px!important;width:100%!important;margin-top:4px!important;padding:10px 14px!important;font-size:.85rem!important;box-shadow:0 3px #00000026!important}.panel-box{border-radius:16px!important;padding:14px!important}.desktop-attendance-table{display:none!important}.mobile-attendance-list{flex-direction:column!important;gap:14px!important;width:100%!important;margin-top:10px!important;display:flex!important}.attendance-mobile-card{box-sizing:border-box!important;background:#fff!important;border:2.5px solid #4a332a!important;border-radius:18px!important;flex-direction:column!important;gap:10px!important;width:100%!important;padding:14px!important;display:flex!important;box-shadow:0 4px #4a332a!important}.card-header-flex{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.user-info{align-items:center!important;gap:10px!important;display:flex!important}.user-avatar{color:#d66d40!important;background:#fff9e6!important;border:2px solid #4a332a!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;font-size:1.05rem!important;font-weight:900!important;display:flex!important}.user-name{color:#4a332a!important;font-size:.95rem!important;font-weight:800!important;line-height:1.2!important}.outlet-name{color:#9a7b6d!important;align-items:center!important;gap:3px!important;margin-top:2px!important;font-size:.72rem!important;display:flex!important}.card-divider{border-top:1.5px dashed #e8d8d0!important;width:100%!important;height:1px!important;margin:2px 0!important}.card-timings-grid{box-sizing:border-box!important;background:#fffdfb!important;border:1.5px solid #e8d8d0!important;border-radius:12px!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;padding:8px!important;display:grid!important}.timing-item{text-align:center!important;flex-direction:column!important;align-items:center!important;display:flex!important}.timing-label{color:#9a7b6d!important;text-transform:uppercase!important;letter-spacing:.2px!important;margin-bottom:2px!important;font-size:.62rem!important;font-weight:850!important}.timing-value{font-size:.82rem!important;font-weight:800!important;line-height:1.1!important}.timing-value.val-in{color:#27ae60!important}.timing-value.val-out{color:#4a332a!important}.timing-value.val-dur{color:#d66d40!important}.notes-box{color:#7d6608!important;box-sizing:border-box!important;background:#fff9e6!important;border:1.5px solid #f4ba41!important;border-radius:10px!important;align-items:flex-start!important;gap:6px!important;width:100%!important;padding:8px 10px!important;font-size:.78rem!important;line-height:1.35!important;display:flex!important}.notes-box i{color:#f4ba41!important;flex-shrink:0!important;margin-top:2px!important;font-size:.9rem!important}.notes-text{text-align:left!important;font-style:italic!important}.card-actions-wrapper{justify-content:space-between!important;align-items:center!important;width:100%!important;margin-top:4px!important;display:flex!important}.date-badge{color:#9a7b6d!important;background:#fff3e3!important;border-radius:6px!important;padding:2px 8px!important;font-size:.75rem!important;font-weight:800!important}.actions-buttons{gap:8px!important;display:flex!important}.btn-action{cursor:pointer!important;border:2px solid #4a332a!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;font-size:.95rem!important;transition:transform .1s!important;display:flex!important;box-shadow:0 2px #4a332a!important}.btn-action:active{box-shadow:none!important;transform:translateY(2px)!important}.btn-action.edit{color:#2196f3!important;background:#e3f2fd!important}.btn-action.info{color:#ff9800!important;background:#fff3e0!important}.btn-action.delete{color:#f44336!important;background:#ffebee!important}.hide-mobile{display:none!important}.pagination-container{flex-direction:column!important;align-items:center!important;gap:12px!important;padding-top:12px!important}.source-tabs{box-sizing:border-box!important;width:100%!important;display:flex!important}.source-tabs .tab-btn{white-space:nowrap!important;flex:1!important;justify-content:center!important;gap:4px!important;padding:8px 4px!important;font-size:.8rem!important}.inv-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.inv-card{border-width:2px!important;border-radius:12px!important;padding:10px!important}.inv-icon{margin-bottom:5px!important;font-size:1.8rem!important}.inv-name{height:32px!important;margin-bottom:4px!important;font-size:.82rem!important}.inv-qty{margin-bottom:6px!important;font-size:.8rem!important}.btn-select-card{border-radius:6px!important;padding:4px 8px!important;font-size:.75rem!important}.mobile-sub-tabs{box-sizing:border-box!important;background:#e8d8d0!important;border:2px solid #4a332a!important;border-radius:14px!important;gap:4px!important;width:100%!important;margin-bottom:16px!important;padding:4px!important;display:flex!important}.mobile-sub-tabs .sub-tab{color:#9a7b6d!important;cursor:pointer!important;white-space:nowrap!important;background:0 0!important;border:none!important;border-radius:10px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:8px 4px!important;font-family:inherit!important;font-size:.78rem!important;font-weight:900!important;display:flex!important}.mobile-sub-tabs .sub-tab.active{color:#d66d40!important;background:#fff!important;border:2px solid #4a332a!important;box-shadow:0 2px #4a332a1a!important}.grid-layout{width:100%!important;display:block!important}.grid-layout>div{display:none!important}.grid-layout>div.active-mobile-panel{box-sizing:border-box!important;flex-direction:column!important;width:100%!important;display:flex!important}.panel-box.mobile-hidden{display:none!important}.panel-box.mobile-visible{display:block!important}.btn-select-card{display:none!important}.inv-card{cursor:pointer!important;border-width:2.5px!important;transition:transform .1s!important}.desktop-booking-table{display:none!important}.booking-table-container{box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important}.mobile-booking-list{box-sizing:border-box!important;flex-direction:column!important;gap:12px!important;width:100%!important;margin:0!important;padding:0!important;display:flex!important}.booking-mobile-card{box-sizing:border-box!important;background:#fff!important;border:2.5px solid #4a332a!important;border-radius:16px!important;flex-direction:column!important;gap:10px!important;width:100%!important;margin:0!important;padding:12px!important;display:flex!important;box-shadow:0 4px #4a332a!important}.card-details-grid{box-sizing:border-box!important;background:#fffdfb!important;border:1.5px solid #e8d8d0!important;border-radius:12px!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;padding:8px!important;display:grid!important}.detail-item{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;display:flex!important}.detail-label{color:#9a7b6d!important;text-transform:uppercase!important;margin-bottom:2px!important;font-size:.62rem!important;font-weight:850!important}.detail-value{color:#4a332a!important;font-size:.8rem!important;font-weight:800!important;line-height:1.1!important}.status-select-container{align-items:center!important;display:flex!important}.status-dropdown{cursor:pointer!important;box-sizing:border-box!important;border-radius:8px!important;outline:none!important;height:32px!important;padding:4px 10px!important;font-family:inherit!important;font-size:.75rem!important;font-weight:900!important;box-shadow:0 2px #0000001a!important}}.booking-table-container{background:#fff;border:3.5px solid #4a332a;border-radius:20px;overflow:hidden;box-shadow:0 6px #4a332a}.mobile-booking-list,.mobile-attendance-list,.filter-toggle-btn{display:none}.btn-pagination-arrow{color:#4a332a;cursor:pointer;background:#fff;border:2px solid #4a332a;border-radius:8px;outline:none;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.15rem;transition:all .15s;display:flex;box-shadow:0 2px #4a332a}.btn-pagination-arrow:hover:not(:disabled){color:#d66d40;background:#fff9e6}.btn-pagination-arrow:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.btn-pagination-arrow:disabled{color:#c8b1a6;box-shadow:none;cursor:not-allowed;background:#f5ebe6;border-color:#c8b1a6}.mobile-sub-tabs{display:none}.selected-badge{color:#fff;z-index:2;background:#d66d40;border:2px solid #4a332a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 1px #4a332a}.hide-mobile{display:inline}.grid-layout{grid-template-columns:1.5fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=992px){.grid-layout{grid-template-columns:1fr}}.panel-box{background:#fff;border:3px solid #e8d8d0;border-radius:20px;padding:20px;box-shadow:0 4px #00000005}.panel-title{color:#4a332a;align-items:center;gap:8px;margin-bottom:15px;font-size:1.1rem;font-weight:900;display:flex}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th,.data-table td{text-align:left;border-bottom:2px dashed #e8d8d0;padding:12px}.data-table th{color:#9a7b6d;text-transform:uppercase;font-size:.8rem;font-weight:900}.data-table td{color:#4a332a;font-size:.9rem;font-weight:700}.badge-status{text-transform:uppercase;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:900;display:inline-block}.badge-working{color:#5d8a56;background:#e8f5e9;border:1.5px solid #5d8a56}.badge-completed{color:#d66d40;background:#fff3e0;border:1.5px solid #d66d40}.badge-autoclose{color:#c62828;background:#ffebee;border:1.5px solid #c62828}.clock-section{background:#e8f5e9;border:3px solid #5d8a56;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;padding:15px;display:flex}.clock-title{color:#5d8a56;align-items:center;gap:6px;font-size:1.1rem;font-weight:900;display:flex}.clock-subtitle{color:#4a6e44;font-size:.85rem;font-weight:700}.source-tabs{background:#e8d8d0;border:2px solid #4a332a;border-radius:16px;gap:10px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.source-tabs .tab-btn{color:#9a7b6d;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 20px;font-family:Nunito,sans-serif;font-size:.95rem;font-weight:900;transition:all .2s;display:flex}.source-tabs .tab-btn.active{color:#d66d40;background:#fdf8f5;border:2px solid #4a332a;box-shadow:0 3px #0000001a}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;margin-bottom:20px;display:grid}.inv-card{text-align:center;background:#fdf8f5;border:3px solid #e8d8d0;border-radius:16px;flex-direction:column;align-items:center;padding:15px;transition:all .2s;display:flex}.inv-card.selected{border-color:#d66d40;box-shadow:0 0 10px #d66d4033}.inv-icon{color:#9a7b6d;margin-bottom:10px;font-size:2.5rem}.inv-name{color:#4a332a;justify-content:center;align-items:center;height:40px;margin-bottom:8px;font-size:1rem;font-weight:900;display:flex}.inv-qty{color:#4a332a;margin-bottom:10px;font-size:1.4rem;font-weight:900}.btn-select-card{cursor:pointer;color:#4a332a;background:#e8d8d0;border:2px solid #4a332a;border-radius:8px;padding:6px 12px;font-family:Nunito,sans-serif;font-size:.75rem;font-weight:800}.btn-select-card.active{color:#fff;background:#d66d40}.movement-list{background:#fffdfb;border:2.5px solid #4a332a;border-radius:16px;max-height:250px;margin-top:15px;padding:12px;overflow-y:auto;box-shadow:inset 0 2px #4a332a08}.movement-item{border-bottom:2px solid #f5ebe6;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.82rem;font-weight:700;transition:background .15s;display:flex}.movement-item:hover{background:#fdf8f5}.movement-item:last-child{border-bottom:none}.inventory-filters-grid{background:#fffdfb;border:2.5px solid #4a332a;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px;padding:14px;display:grid;box-shadow:0 4px #4a332a0d}@media (width>=769px){.inventory-filters-grid{grid-template-columns:repeat(4,1fr);gap:15px}}.inventory-filters-grid .form-group label{color:#9a7b6d;margin-bottom:4px!important;font-size:.72rem!important}.inventory-filters-grid .filter-input,.inventory-filters-grid .filter-input-date{font-family:inherit;color:#4a332a!important;box-sizing:border-box!important;background:#fff!important;border:2.5px solid #4a332a!important;border-radius:10px!important;width:100%!important;height:38px!important;padding:6px 12px!important;font-size:.82rem!important;font-weight:700!important;box-shadow:inset 0 2px #4a332a0d!important}.filter-clear-wrapper{flex-direction:column;justify-content:flex-end;width:100%;display:flex}.btn-clear-filters{cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;font-family:inherit;transition:transform .1s,box-shadow .1s;display:flex;color:#c0392b!important;box-sizing:border-box!important;background:#fadbd8!important;border:2.5px solid #4a332a!important;border-radius:10px!important;height:38px!important;padding:0!important;font-size:.82rem!important;font-weight:900!important;box-shadow:0 3px #4a332a!important}.btn-clear-filters:active{box-shadow:none!important;transform:translateY(3px)!important}.m-in{color:#5d8a56}.m-out{color:#e74c3c}.forbidden-overlay{text-align:center;background:#fdf8f5f2;border:3px dashed #e74c3c;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:40px 20px;display:flex}#loading-screen{z-index:99999;background:#3a261d radial-gradient(circle at 50% 40%,#3a261d 0%,#1e1512 100%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .6s,visibility .6s;display:flex;position:fixed;top:0;left:0}#loading-screen.hidden-loader{opacity:0;visibility:hidden}.loading-icon-wrapper{flex-direction:column;align-items:center;display:flex;position:relative}.loading-icon{color:#d66d40;z-index:2;font-size:5rem;animation:.6s cubic-bezier(.5,.05,1,.5) infinite alternate bounceCup;position:relative}.loading-shadow{background:#0006;border-radius:50%;width:50px;height:10px;margin-top:5px;animation:.6s cubic-bezier(.5,.05,1,.5) infinite alternate shadowScale}.loading-text{color:#fdf8f5;letter-spacing:2px;text-transform:uppercase;margin-top:25px;font-size:1.2rem;font-weight:900;animation:1s infinite alternate pulseText}.loading-dots:after{content:"";animation:1.5s steps(4,end) infinite dotsAnim}@keyframes bounceCup{0%{transform:translateY(0)}to{transform:translateY(-40px)}}@keyframes shadowScale{0%{opacity:.6;transform:scale(1)}to{opacity:.1;transform:scale(.4)}}@keyframes dotsAnim{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.mobile-stage-layout{display:none}.desktop-only-stage{display:block}@media (width<=768px){.desktop-only-stage{display:none!important}.mobile-stage-layout{box-sizing:border-box;color:#4a332a;background:radial-gradient(circle at 50% 30%,#3a261d 0%,#1e1512 100%);flex-direction:column;width:100%;min-height:100vh;padding:15px;font-family:Nunito,sans-serif;display:flex!important}.mobile-header{color:#fdf8f5;background:#4a332a;border:3px solid #4a332a;border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:10px 15px;display:flex;box-shadow:0 4px #00000026}.mobile-brand{letter-spacing:.5px;align-items:center;gap:8px;font-size:1rem;font-weight:900;display:flex}.mobile-logo-img{background:#fff;border:1.5px solid #fdf8f5;border-radius:6px;width:28px;height:28px}.mobile-clock{color:#fff9e6;background:#1e1512;border-radius:6px;padding:2px 8px;font-family:monospace;font-size:.9rem;font-weight:900}.mobile-char-card{cursor:pointer;background:#fff9e6;border:4px solid #4a332a;border-radius:24px;flex-direction:column;align-items:center;margin-bottom:25px;padding:20px 15px 15px;display:flex;position:relative;box-shadow:0 8px #4a332a}.mobile-bubble-wrapper{justify-content:center;width:100%;min-height:50px;margin-bottom:12px;display:flex}.mobile-bubble{color:#fff9e6;text-align:center;background:#1c1512;border:2px solid #d66d40;border-radius:16px;width:fit-content;max-width:85%;padding:8px 14px;font-size:.82rem;font-weight:800;position:relative;box-shadow:0 4px #0000001a}.mobile-bubble:after{content:"";background:#1c1512;border-bottom:2px solid #d66d40;border-right:2px solid #d66d40;width:10px;height:10px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.mobile-avatar-wrapper{justify-content:center;align-items:center;width:110px;height:110px;display:flex;position:relative}.mobile-avatar-img{object-fit:contain;filter:drop-shadow(0 4px 8px #0000004d);width:auto;height:100%}.mobile-bell-btn{color:#4a332a;background:#f4ba41;border:3px solid #4a332a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;animation:2s ease-in-out infinite alternate rotateBell;display:flex;position:absolute;bottom:0;right:0;box-shadow:0 3px #4a332a}@keyframes rotateBell{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.mobile-tap-tip{color:#9a7b6d;text-transform:uppercase;letter-spacing:.5px;margin-top:10px;font-size:.72rem;font-weight:900}.mobile-action-grid{grid-template-columns:1fr;gap:12px;margin-bottom:25px;display:grid}.mobile-action-card{cursor:pointer;background:#fff;border:3px solid #4a332a;border-radius:18px;align-items:center;gap:15px;padding:12px 15px;transition:transform .15s;display:flex;box-shadow:0 5px #4a332a}.mobile-action-card:active{transform:translateY(3px);box-shadow:0 2px #4a332a}.mobile-action-card .card-icon{color:#fff;border:2px solid #4a332a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.4rem;display:flex}.mobile-action-card.card-book .card-icon{background:#e74c3c}.mobile-action-card.card-menu .card-icon{background:#d66d40}.mobile-action-card.card-booking .card-icon{background:#5d8a56}.mobile-action-card.card-login .card-icon{background:#4a90e2}.mobile-action-card .card-info{flex-grow:1}.mobile-action-card .card-title{color:#4a332a;font-size:.95rem;font-weight:900}.mobile-action-card .card-desc{color:#9a7b6d;margin-top:2px;font-size:.75rem;font-weight:700}.mobile-action-card .card-arrow{color:#4a332a;font-size:1.1rem}.mobile-bulletin-section{margin-bottom:20px}.bulletin-header{color:#fff9e6;align-items:center;gap:8px;margin-bottom:12px;font-size:1rem;font-weight:900;display:flex}.bulletin-header i{color:#e74c3c}.mobile-posters-list{flex-direction:column;gap:15px;display:flex}.mobile-poster-card{background:#fdf8f5;border:3px solid #4a332a;border-radius:18px;padding:15px;position:relative;box-shadow:0 5px #4a332a}.mobile-poster-card.image-poster{aspect-ratio:4/3;padding:0;overflow:hidden}.mobile-poster-img{object-fit:cover;width:100%;height:100%}.poster-header-bar{letter-spacing:1px;color:#9a7b6d;text-transform:uppercase;margin-bottom:4px;font-size:.68rem;font-weight:900}.poster-title-text{color:#4a332a;margin-bottom:8px;font-size:1rem;font-weight:900}.poster-body-text{color:#5d463e;white-space:pre-line;margin-bottom:10px;font-size:.8rem;font-weight:700;line-height:1.4}.poster-footer-bar{color:#9a7b6d;border-top:1.5px dashed #e8d8d0;justify-content:space-between;align-items:center;margin-top:5px;padding-top:8px;font-size:.72rem;font-weight:900;display:flex}.poster-stamp-badge{color:#e74c3c;background:#fdedec;border:1.5px solid #e74c3c;border-radius:6px;padding:2px 6px;font-size:.65rem}}.booking-form-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15px;width:100%;display:grid}.booking-form-grid .btn-submit{grid-column:span 2}@media (width<=768px){.booking-form-grid{grid-template-columns:1fr}.booking-form-grid .form-group,.booking-form-grid .btn-submit{grid-column:span 1!important}}.desktop-only-text{display:inline}.mobile-only-text{display:none}@media (width<=640px){.desktop-only-text{display:none}.mobile-only-text{display:inline}}@media (width<=768px){.payroll-mobile-stack{flex-direction:column!important;align-items:flex-start!important;gap:15px!important}.payroll-mobile-form{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important}.payroll-mobile-field-group{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;width:100%!important;display:flex!important}.payroll-mobile-field-group label{text-transform:uppercase!important;color:#7e685a!important;font-size:.78rem!important;font-weight:900!important}.payroll-mobile-field-group input,.payroll-mobile-field-group select{box-sizing:border-box!important;border-radius:10px!important;width:100%!important;height:42px!important;padding:10px 12px!important;font-size:.85rem!important}.payroll-mobile-btn{justify-content:center!important;width:100%!important;height:42px!important;margin-top:5px!important}}.split-mobile-tabs{display:none!important}@media (width<=768px){.split-mobile-tabs{box-sizing:border-box;background:#f0e6df;border:2.5px solid #4a332a;border-radius:30px;gap:4px;width:100%;margin-bottom:15px;padding:4px;display:flex!important}.split-mobile-tabs .tab-btn{color:#7e685a;cursor:pointer;background:0 0;border:none;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.8rem;font-weight:900;transition:all .15s;display:flex}.split-mobile-tabs .tab-btn.active{color:#fff;background:#d66d40;box-shadow:0 2px 4px #0000001a}.mobile-tab-hidden{display:none!important}}