: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:75px 20px 20px;overflow-y:auto}}.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}.sidebar-header{color:#fdf8f5;background:#4a332a;border-bottom:4px solid #4a332a;flex-shrink:0;align-items:center;gap:10px;padding:15px;display:flex}.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){.cozy-sidebar{left:-280px;transform:translate(-280px)}.cozy-sidebar.show-sidebar{left:20px;transform:translate(0)}.sidebar-toggle-btn{display:flex}.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{height:auto!important}.subpage-body .card-body,.protected-layout .card-body{height:auto!important;overflow-y:visible!important}}.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}.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)}.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){.profile-banner{text-align:center;flex-direction:column;gap:12px}.role-badges{justify-content:center}.quick-action-bar{text-align:center;flex-direction:column;gap:15px}}.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{border:2px dashed #e8d8d0;border-radius:12px;max-height:200px;margin-top:15px;padding:10px;overflow-y:auto}.movement-item{border-bottom:1px dashed #e8d8d0;justify-content:space-between;align-items:center;padding:6px 0;font-size:.8rem;font-weight:700;display:flex}.movement-item:last-child{border-bottom:none}.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 pulseText{0%{opacity:.5}to{opacity:1}}@keyframes dotsAnim{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}