.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 6vw;flex:1;width:100%}.home-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;animation:fadeInPage .8s cubic-bezier(.16,1,.3,1) both}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.logo{height:85px;margin-bottom:40px;filter:drop-shadow(0 0 18px rgba(38,166,149,.25));animation:fadeInUp .6s ease both}.tally{display:flex;align-items:center;gap:10px;margin-bottom:14px;justify-content:center;animation:fadeInUp .6s .1s ease both}@keyframes dotPulseGlow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px var(--teal-light)}50%{opacity:.4;transform:scale(.85);box-shadow:0 0 2px var(--teal)}}.tally .dot{width:11px;height:11px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 14px var(--teal);animation:dotPulseGlow 2s ease-in-out infinite}.tally span{font-family:Space Mono,monospace;letter-spacing:.2em;font-size:11px;color:var(--teal-light);text-transform:uppercase}h1{font-family:Bebas Neue,sans-serif;font-size:clamp(48px,8vw,80px);text-align:center;line-height:.95;margin-top:0;margin-bottom:6px;letter-spacing:.03em;animation:fadeInUp .6s .18s ease both}.sub{font-family:Space Mono,monospace;font-size:12px;color:var(--sub);text-align:center;margin-bottom:32px;line-height:1.7;animation:fadeInUp .6s .26s ease both}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;width:100%;max-width:820px;perspective:1000px}.card{background:linear-gradient(135deg,#ffffff0f,#ffffff03),var(--panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:18px;padding:32px 26px;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s,box-shadow .4s;box-shadow:0 10px 30px #00000026;animation:fadeInUp .5s ease both}.card:nth-child(1){animation-delay:.34s}.card:nth-child(2){animation-delay:.4s}.card:nth-child(3){animation-delay:.46s}.card:nth-child(n+4){animation-delay:.52s}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;padding:1.5px;background:linear-gradient(135deg,var(--teal-light),transparent 50%,var(--teal-dark));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.card:after{content:"";position:absolute;inset:-50% -50% auto auto;width:70%;height:70%;background:radial-gradient(circle,rgba(38,166,149,.25),transparent 70%);opacity:0;transition:opacity .5s ease,transform .5s ease;pointer-events:none;transform:scale(.8)}.card:hover{border-color:transparent;transform:translateY(-8px) scale(1.02);box-shadow:0 20px 45px -15px #26a69566}.card:hover:before,.card:hover:after{opacity:1}.card:hover:after{transform:scale(1)}.card:hover .card-icon svg{transform:translateY(-3px) scale(1.15);filter:drop-shadow(0 0 12px rgba(38,166,149,.8));color:var(--teal)}.card:active{transform:translateY(-2px) scale(.99)}.card-icon{width:36px;height:36px;color:var(--teal-light)}.card-icon svg{width:100%;height:100%;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s,color .4s}.card-title{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:1px;display:flex;align-items:center;gap:8px}.card-title .arrow{margin-left:auto;font-family:Inter,sans-serif;font-size:16px;color:var(--sub);transition:transform .4s,color .4s}.card:hover .card-title .arrow{transform:translate(6px);color:var(--teal-light)}.card-desc{font-family:Space Mono,monospace;font-size:11.5px;color:var(--sub);line-height:1.6}.card.primary{border-color:var(--teal-dark)}.card.primary:before{opacity:.5}footer{margin-top:60px;font-family:Space Mono,monospace;font-size:10px;color:var(--sub);letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:8px;animation:fadeInUp .6s .6s ease both}footer:before,footer:after{content:"";width:24px;height:1px;background:var(--line)}.theme-toggle:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 4px 14px #26a69540}@media (max-width: 640px){h1{font-size:clamp(36px,12vw,56px);margin-bottom:8px}.sub{margin-bottom:32px;font-size:11px}.cards{grid-template-columns:1fr;gap:12px}.logo{height:44px;margin-bottom:16px}.tally{flex-direction:row;gap:8px;margin-bottom:14px}.card{padding:20px 16px}.theme-toggle{top:12px;right:12px;width:36px;height:36px}footer{margin-top:40px;margin-bottom:20px}}.global-navbar{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#04080ba6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff0d inset;width:90%;max-width:800px;animation:navbarDrop .6s cubic-bezier(.16,1,.3,1) forwards}[data-theme=light] .global-navbar{background:#ffffffd9;border-color:#00000014;box-shadow:0 10px 30px #00000014,0 0 0 1px #00000005 inset}@keyframes navbarDrop{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}.nav-left,.nav-right{display:flex;align-items:center;gap:8px}.nav-logo{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--teal-dark);color:#fff;border-radius:50%;text-decoration:none;transition:.3s}.nav-logo:hover{background:var(--teal);transform:scale(1.05);box-shadow:0 0 15px #17c9ae66}.nav-link{color:var(--sub);text-decoration:none;font-family:Space Mono,monospace;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;border-radius:999px;transition:.2s}.nav-link:hover{color:var(--text);background:#ffffff0d}[data-theme=light] .nav-link:hover{background:#0000000a}.nav-btn{display:flex;align-items:center;gap:6px;background:transparent;color:var(--sub);border:1px solid transparent;font-family:Space Mono,monospace;font-size:11px;font-weight:700;padding:8px 12px;border-radius:999px;cursor:pointer;transition:.2s;text-decoration:none}.nav-btn:hover{color:var(--text);background:#ffffff0d}[data-theme=light] .nav-btn:hover{background:#0000000a}.nav-btn-wa{color:#fb4a54}.nav-btn-wa:hover{color:#fff;background:#fb4a54;box-shadow:0 4px 12px #fb4a5466}.nav-btn-cart.has-items{background:var(--teal-dark);color:#fff;border-color:var(--teal);box-shadow:0 4px 14px #17c9ae4d}.nav-btn-cart.has-items:hover{background:var(--teal);transform:translateY(-1px)}.nav-badge{background:#fff;color:var(--teal-dark);padding:2px 6px;border-radius:999px;font-size:10px;font-weight:900}.nav-btn-login{background:var(--teal-dark);color:#fff}.nav-btn-login:hover{background:var(--teal);color:#fff;box-shadow:0 4px 12px #17c9ae4d}@media (max-width: 640px){.global-navbar{top:auto;bottom:20px;width:calc(100% - 32px);padding:8px 12px;animation:navbarRise .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes navbarRise{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.nav-text{display:none}.nav-link{font-size:9px;padding:6px 8px}.nav-btn{padding:8px}}:root{--font-display: "Bebas Neue", sans-serif;--font-body: "Plus Jakarta Sans", "Inter", -apple-system, sans-serif;--font-mono: "Plus Jakarta Sans", "Inter", sans-serif;--font-code: "Space Mono", monospace;--bg: #070d0c;--bg-rgb: 7, 13, 12;--panel: #0e1a18;--panel2: #0b1512;--line: #1e3330;--teal: #17c9ae;--teal-light: #6ff0d6;--teal-dark: #0f7a69;--warn: #fb4a54;--amber: #ffbe3d;--green: #3fe08e;--text: #f1f6f4;--sub: #7fa39b;--glow: 0 0 20px rgba(23, 201, 174, .35);--thumb-bg: #0f2620}[data-theme=light]{--bg: #f4faf8;--bg-rgb: 244, 250, 248;--panel: #ffffff;--panel2: #f0f7f5;--line: #d9e6e2;--teal: #0f9c85;--teal-light: #0d8570;--teal-dark: #0b6b58;--warn: #d93843;--amber: #a5760a;--green: #118c4f;--thumb-bg: #ffffff;--text: #0e211d;--sub: #5c7a73;--glow: 0 0 20px rgba(15, 156, 133, .2)}.pemantau-container{color:var(--text);font-family:Archivo,sans-serif;padding:36px 6vw 90px;position:relative;min-height:100vh;transition:background .3s,color .3s}.pemantau-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at 50% -10%,rgba(23,201,174,.1),transparent 60%)}.pemantau-container>*{position:relative;z-index:1}.pemantau-container .doodle-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background-image:url(/doodle_seamless.png);background-size:380px;background-repeat:repeat;opacity:.4}.pemantau-container ::-webkit-scrollbar{width:10px;height:10px}.pemantau-container ::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}.pemantau-container ::-webkit-scrollbar-thumb:hover{background:var(--teal-dark)}.pemantau-container ::selection{background:var(--teal-dark);color:#fff}.pemantau-container *:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){.pemantau-container *{animation-duration:.001ms!important;transition-duration:.001ms!important}}.pemantau-container .tally .dot{animation:tallyPulse 2.2s ease-in-out infinite}.pemantau-container .header{animation:fadeInUp .6s ease both;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);position:relative;padding-bottom:20px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.pemantau-container .header>div{display:flex;flex-direction:column;align-items:flex-start}.pemantau-container .header:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--teal),transparent)}.pemantau-container .stats{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.pemantau-container .stat{flex:1;min-width:180px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 20px #0000001a}.pemantau-container .stat-label{font-size:11px;font-family:var(--font-mono);color:var(--sub);text-transform:uppercase;margin-bottom:8px;font-weight:700;letter-spacing:.05em}.pemantau-container .stat-val{font-size:32px;font-family:var(--font-display);font-weight:700}.pemantau-container .stat-val.blue{color:var(--text)}.pemantau-container .stat-val.green{color:var(--green)}.pemantau-container .stat-val.amber{color:var(--amber)}.pemantau-container .stat-val.warn{color:var(--warn)}.pemantau-container .controls{animation:fadeInUp .5s .08s ease both;position:sticky;top:0;background:rgba(var(--bg-rgb),.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 0;z-index:5;border-bottom:1px solid var(--line);margin-bottom:30px}.pemantau-container .cat{animation:fadeInUp .5s ease both;margin-bottom:46px}.pemantau-container .cat:nth-of-type(1){animation-delay:.1s}.pemantau-container .cat:nth-of-type(2){animation-delay:.16s}.pemantau-container .cat:nth-of-type(3){animation-delay:.22s}.pemantau-container .cat:nth-of-type(n+4){animation-delay:.28s}.pemantau-container .item{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;background:var(--panel);padding:16px 18px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between}.pemantau-container .item:hover{transform:translateY(-3px);box-shadow:var(--glow);position:relative;z-index:2}.pemantau-container .item.hidden{display:none}.pemantau-container .logo{height:50px;width:auto;margin-bottom:14px;display:block;filter:drop-shadow(0 0 14px rgba(23,201,174,.2))}[data-theme=light] .pemantau-container .logo{filter:drop-shadow(0 0 14px rgba(23,201,174,.2)) brightness(0) invert(18%) sepia(50%) saturate(615%) hue-rotate(124deg) brightness(85%) contrast(92%)}.pemantau-container .tally{display:flex;align-items:center;gap:10px;margin-bottom:10px;margin-left:4px}.pemantau-container .tally .dot{width:11px;height:11px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 14px var(--teal)}.pemantau-container .tally span{font-family:var(--font-mono);letter-spacing:.2em;font-size:11px;color:var(--teal-light);text-transform:uppercase}.pemantau-container h1{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em;font-size:clamp(38px,6vw,68px);line-height:.95;margin:0}.pemantau-container h1 span{background:linear-gradient(120deg,var(--teal-light),var(--teal-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.pemantau-container .meta{font-family:var(--font-mono);font-size:12px;color:var(--sub);text-align:right;line-height:1.7}.pemantau-container .meta b{color:var(--text)}.pemantau-container .search{width:100%;padding:12px 16px 12px 40px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font-family:var(--font-body);font-size:13px;margin-bottom:14px;transition:border-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fa39b' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-repeat:no-repeat;background-position:12px center;background-size:15px}.pemantau-container .search:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #17c9ae26}.pemantau-container .filters{display:flex;gap:10px;flex-wrap:wrap}.pemantau-container .chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--sub);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.pemantau-container .chip .n{font-weight:700;color:var(--text);transition:color .2s}.pemantau-container .chip:hover{border-color:var(--teal);color:var(--text)}.pemantau-container .chip.active{background:var(--teal-dark);border-color:var(--teal);color:#fff;box-shadow:0 0 16px #17c9ae4d}.pemantau-container .chip.active .n{color:#fff}.pemantau-container .chip[data-f=attention].active{background:#5a4400;border-color:var(--amber);color:#fff}.pemantau-container .chip[data-f=unavailable].active{background:#5a1410;border-color:var(--warn);color:#fff}.pemantau-container .dot-ind{width:8px;height:8px;border-radius:50%}.pemantau-container .chip[data-f=ready] .dot-ind{background:var(--green)}.pemantau-container .chip[data-f=attention] .dot-ind{background:var(--amber)}.pemantau-container .chip[data-f=unavailable] .dot-ind{background:var(--warn)}.pemantau-container .chip[data-f=all] .dot-ind,.pemantau-container .chip[data-f=gantt] .dot-ind{background:var(--teal-light)}.pemantau-container .cat-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.pemantau-container .cat-num{font-family:var(--font-mono);color:var(--teal-light);font-size:13px;font-weight:700}.pemantau-container .cat-title{font-family:var(--font-display);font-weight:700;font-size:24px;letter-spacing:-.01em;text-transform:uppercase}.pemantau-container .cat-rule{flex:1;height:1px;background:var(--line)}.pemantau-container .cat-count{font-family:var(--font-mono);font-size:10px;color:var(--sub)}.pemantau-container .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(254px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.pemantau-container .item-thumb{width:100%;height:130px;border-radius:8px;overflow:hidden;margin-bottom:10px;background:var(--thumb-bg);display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box}.pemantau-container .item-thumb.no-photo{background:var(--panel)}.pemantau-container .item-thumb .no-photo-mark{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--warn);animation:noPhotoBlink 1s ease-in-out infinite}.pemantau-container .item-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pemantau-container .group{font-family:var(--font-mono);font-size:9px;color:var(--sub);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;display:block}.pemantau-container .top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.pemantau-container .name{font-size:14px;font-weight:700;line-height:1.3}.pemantau-container .qty{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--amber);white-space:nowrap;flex-shrink:0}.pemantau-container .note{font-family:var(--font-mono);font-size:10px;color:var(--sub);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line)}@keyframes dotPulseGlow{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 7px currentColor}50%{opacity:.35;transform:scale(.82);box-shadow:0 0 1px currentColor}}.pemantau-container .badge .d,.pemantau-container .dot-ind,.pemantau-container .tally .dot{animation:dotPulseGlow 1.8s ease-in-out infinite;display:inline-block;flex-shrink:0}.pemantau-container .badge.ready .d,.pemantau-container .chip[data-f=ready] .dot-ind{animation-duration:2s}.pemantau-container .badge.attention .d,.pemantau-container .chip[data-f=attention] .dot-ind{animation-duration:1.4s}.pemantau-container .badge.unavailable .d,.pemantau-container .chip[data-f=unavailable] .dot-ind{animation-duration:1s}.pemantau-container .badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:var(--font-mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:3px 6px;border-radius:5px;transition:.25s}.pemantau-container .badge .d{width:7px;height:7px;border-radius:50%}.pemantau-container .badge.ready{color:var(--green)}.pemantau-container .badge.ready .d{background:var(--green)}.pemantau-container .badge.attention{color:var(--amber)}.pemantau-container .badge.attention .d{background:var(--amber)}.pemantau-container .badge.unavailable{color:var(--warn)}.pemantau-container .badge.unavailable .d{background:var(--warn)}.pemantau-container .empty{display:none;text-align:center;padding:60px 0;font-family:Space Mono,monospace;color:var(--sub);font-size:13px}.pemantau-container footer{margin-top:70px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:10px;color:var(--sub);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px}@media (max-width: 640px){.pemantau-container .header{flex-direction:column;align-items:flex-start}.pemantau-container .meta{text-align:left}}.pemantau-container .theme-toggle{position:fixed;top:20px;right:20px;z-index:20;width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.pemantau-container .theme-toggle:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 4px 14px #17c9ae40}.pemantau-container .theme-toggle svg{width:18px;height:18px}.pemantau-container .announcement-banner-wrap{display:flex;flex-direction:column;gap:8px;margin:16px 0}.pemantau-container .announcement-banner-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#17c9ae1f;border:1px solid var(--teal-dark);color:var(--teal-light);padding:10px 16px;border-radius:10px;font-family:Space Mono,monospace;font-size:12px;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 14px #00000026}.pemantau-container .announcement-banner-card:hover{transform:translate(3px);background:#17c9ae2e}.pemantau-container .announcement-banner-card .ann-badge{background:var(--teal-dark);color:#fff;font-weight:800;font-size:10px;padding:4px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em;flex-shrink:0;text-transform:uppercase}.pemantau-container .announcement-banner-card .ann-text{font-weight:600;font-size:12.5px;color:var(--text);flex:1}.pemantau-container .t-cell{height:24px;border-bottom:1px solid var(--line);border-right:1px dashed var(--line);transition:opacity .15s}.pemantau-container .bg-ready{background:#3fe08e2e}.pemantau-container .bg-booked{background:#fb4a54bf}.pemantau-container .bg-pending{background:#ffbe3dbf}.pemantau-container .bg-maint{background:#ff7828bf}.pemantau-container .svg-ic{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.15em;fill:currentColor;transition:color .2s,fill .2s}.katalog-container{padding:40px 6vw 120px;width:100%;animation:fadePageIn .85s cubic-bezier(.19,1,.22,1) both}@keyframes fadePageIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.katalog-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);position:relative;padding-bottom:20px;margin-bottom:24px;flex-wrap:wrap;gap:16px;animation:fadeInUp .6s ease both}.katalog-header:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--teal),transparent)}.header-meta{font-family:Space Mono,monospace;font-size:12px;color:var(--sub);text-align:right;line-height:1.7}.header-meta a{color:var(--teal-light);text-decoration:none}.meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;justify-content:flex-end}.btn-auth{font-family:Space Mono,monospace;font-size:12px;font-weight:700;padding:11px 22px;border-radius:999px;border:1px solid var(--line);background:var(--panel2);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s ease;box-shadow:0 4px 14px #0006;min-height:44px}.btn-auth:hover{transform:translateY(-2px);border-color:var(--teal);box-shadow:0 6px 20px #17c9ae66}.btn-auth-cart{background:#0e2820!important;color:#fff!important;border:1.5px solid #17c9ae!important;box-shadow:0 4px 18px #17c9ae73!important}.btn-auth-cart:hover{background:#17c9ae!important;color:#030807!important;transform:translateY(-2px) scale(1.03);box-shadow:0 8px 26px #17c9ae99!important}.cart-badge-num{background:#ffffff40;color:currentColor;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:700;margin-left:4px}.btn-auth-issue{border:1.5px solid #fb4a54!important;color:#fb4a54!important;background:#fb4a541f!important;animation:redPulseGlow 1.8s ease-in-out infinite!important}@keyframes redPulseGlow{0%,to{box-shadow:0 0 8px #fb4a5466;border-color:#fb4a54}50%{box-shadow:0 0 22px #fb4a54d9;border-color:#ff6b74;background:#fb4a5440!important;color:#fff!important}}.controls{position:sticky;top:0;background:linear-gradient(180deg,rgba(var(--bg-rgb),.9),rgba(var(--bg-rgb),.7));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px 0;z-index:5;border-bottom:1px solid var(--line);margin-bottom:30px;box-shadow:0 10px 30px -10px #00000080;animation:fadeInUp .5s .08s ease both}.search-input{width:100%;padding:14px 16px 14px 44px;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);font-size:14px;margin-bottom:14px;transition:border-color .3s,box-shadow .3s,transform .2s;box-shadow:inset 0 2px 4px #0000001a}.search-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px #26a69526,inset 0 2px 4px #0000001a;transform:translateY(-1px)}.chip:hover{border-color:var(--teal);color:var(--text);transform:translateY(-1px)}.dot-ind{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.chip[data-f=attention] .dot-ind{background:#e05252;animation:blink-dot 1.1s ease-in-out infinite}.chip[data-f=unavailable] .dot-ind{background:#4a90e2;animation:blink-dot 1.1s ease-in-out infinite}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.25}}.cat{margin-bottom:46px;animation:fadeInUp .5s ease both}.cat-title{font-family:Bebas Neue,sans-serif;font-weight:700;font-size:24px;letter-spacing:-.01em;text-transform:uppercase}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(254px,1fr));gap:16px}.item{background:linear-gradient(135deg,#ffffff08,#ffffff01),var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:14px;padding:16px 18px;min-height:100px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s,border-color .4s;box-shadow:0 8px 24px #0003;position:relative}.item:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--glow),0 20px 40px -10px #00000080;border-color:var(--teal-dark);z-index:2}.item-thumb{width:100%;height:140px;border-radius:10px;overflow:hidden;margin-bottom:12px;background:var(--thumb-bg);display:flex;align-items:center;justify-content:center;padding:14px;transition:transform .4s ease}.item:hover .item-thumb{transform:scale(1.03)}.item-thumb img{max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 5px 15px rgba(0,0,0,.4))}.item-thumb.no-photo{background:var(--panel)}.item-thumb .no-photo-mark{font-family:Bebas Neue,sans-serif;font-size:56px;font-weight:900;color:var(--warn);animation:noPhotoBlink 1s ease-in-out infinite}.group{font-family:Space Mono,monospace;font-size:9.5px;color:var(--teal-light);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-weight:700}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.name{font-size:15px;font-weight:700;line-height:1.4}.badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:3px 6px;border-radius:5px}.badge .d{width:7px;height:7px;border-radius:50%;display:inline-block;animation:dotPulseGlow 1.8s ease-in-out infinite}.badge.ready .d{background:var(--green);animation-duration:2s}.badge.attention .d{background:var(--amber);animation-duration:1.4s}.badge.unavailable .d{background:var(--warn);animation-duration:1s}.btn-cal{flex-shrink:0;background:#ffffff08;border:1px solid var(--line);border-radius:8px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--sub)}.btn-cal:hover{border-color:var(--teal);background:var(--teal-dark);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #26a6954d}.btn-add{margin-top:10px;padding:9px;background:var(--teal-dark);color:#fff;border:none;border-radius:6px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;cursor:pointer;transition:.2s;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.btn-add:hover:not(:disabled){background:var(--teal);box-shadow:0 4px 14px #17c9ae59;transform:translateY(-1px)}.btn-add:disabled{background:var(--line);color:var(--sub);cursor:not-allowed}.btn-add.in-cart{background:var(--green);color:#000;cursor:pointer}@media (max-width: 640px){.katalog-header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 0vw}.header-meta{text-align:left}.meta-row{justify-content:flex-start}.btn-auth{font-size:10px;padding:10px 14px;flex:1;justify-content:center}.search-input{padding:12px 14px 12px 36px;font-size:12px;background-position:10px center}.filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.chip{flex-shrink:0}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.item{padding:12px 10px;min-height:80px}.item-thumb{height:100px;padding:6px}.name{font-size:12px}}.empty-state{text-align:center;padding:60px 0;font-family:Space Mono,monospace;color:var(--sub);font-size:13px}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#04080bb3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;overflow-y:auto!important;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .4s ease}.overlay.show{display:flex!important;opacity:1}.overlay.show .modal{transform:translateY(0) scale(1);opacity:1}.modal{position:relative;z-index:100000;background:linear-gradient(135deg,#0e1a20f2,#04080bfa)!important;border:1px solid var(--teal-dark)!important;border-radius:18px;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto!important;padding:28px;box-shadow:0 30px 60px #000c,0 0 30px #26a69526;color:var(--text)!important;margin:auto;box-sizing:border-box;transform:translateY(30px) scale(.95);opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s ease}.cal-nav{display:flex;align-items:center;justify-content:space-between;margin:14px 0 10px}.cal-nav button{background:none;border:1px solid var(--line);border-radius:6px;width:30px;height:30px;cursor:pointer;color:var(--text);font-size:14px}.cal-nav button:hover{border-color:var(--teal)}.cal-nav .cal-month-label{font-family:Space Mono,monospace;font-size:13px;letter-spacing:.05em;text-transform:uppercase}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:20px}.cal-dow{text-align:center;font-family:Space Mono,monospace;font-size:10px;color:var(--sub);text-transform:uppercase;padding-bottom:4px}.cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:12px;background:var(--thumb-bg);color:var(--text)}.cal-day.empty{background:none}.cal-day.past{opacity:.35}.cal-day.booked{background:var(--warn);color:#fff;font-weight:700}.cal-day.pending{background:var(--amber);color:#1a1400;font-weight:700}.cal-day.today{box-shadow:0 0 0 2px var(--teal) inset}.cal-legend{display:flex;gap:14px;margin-top:14px;flex-wrap:wrap}.cal-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--sub)}.cal-legend .dot{width:10px;height:10px;border-radius:3px}.cal-legend .dot.booked{background:var(--warn)}.cal-legend .dot.pending{background:var(--amber)}.modal-sub{font-family:Space Mono,monospace;font-size:11px;color:var(--sub);margin-bottom:20px}.form-group{margin-bottom:14px}.form-group label{display:block;font-family:Space Mono,monospace;font-size:10px;color:var(--sub);text-transform:uppercase;margin-bottom:6px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:Space Mono,monospace;font-size:12px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--teal)}.cart-items{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px;margin-bottom:16px;max-height:180px;overflow-y:auto}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px dashed var(--line);font-family:Space Mono,monospace;font-size:11px}.cart-item:last-child{border:none}.cart-item button{background:none;border:none;color:var(--warn);cursor:pointer;font-size:14px}.btn-submit{width:100%;padding:14px;background:var(--teal-dark);color:#fff;border:none;border-radius:8px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;cursor:pointer;margin-top:8px}.btn-submit:hover{background:var(--teal)}.btn-submit:disabled{background:var(--line);color:var(--sub);cursor:not-allowed}.btn-close{width:100%;padding:10px;background:transparent;border:1px solid var(--line);color:var(--sub);border-radius:8px;font-family:Space Mono,monospace;font-size:11px;cursor:pointer;margin-top:8px}.success-msg{text-align:center;padding:40px}.success-msg h3{font-family:Bebas Neue,sans-serif;font-size:32px;color:var(--green);margin-bottom:12px}.success-msg p{font-family:Space Mono,monospace;font-size:12px;color:var(--sub);line-height:1.7}.wa-send-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:14px}.wa-send-btn{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;border:none;border-radius:8px;padding:10px 16px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .18s ease,transform .12s ease}.wa-float-btn:hover{background:#1ebe5a;transform:translateY(-2px) scale(1.02);box-shadow:0 12px 34px #25d36699}.wa-float-btn:active{background:#128c43;transform:translateY(0)}.cart-fab{position:fixed;bottom:24px;right:24px;z-index:998;display:flex;align-items:center;gap:8px;background:var(--panel);color:var(--sub);border:1px solid var(--line);font-family:Space Mono,monospace;font-size:13px;font-weight:700;padding:14px 22px;border-radius:999px;cursor:pointer;transition:.3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 30px #0000004d}.cart-fab:hover{transform:translateY(-4px);box-shadow:0 14px 40px #0006;border-color:var(--teal);color:var(--text)}.cart-fab.has-items{background:var(--teal-dark);color:#fff;border-color:var(--teal);box-shadow:0 10px 30px #17c9ae4d}.cart-fab.has-items:hover{background:var(--teal)}.cart-fab .count{background:#fff;color:var(--teal-dark);padding:2px 8px;border-radius:999px;font-size:11px}@media (max-width: 640px){.header{flex-direction:column;align-items:stretch;gap:16px;padding:16px 5vw}.logo{justify-content:center}.logo img{height:28px}.logo h1{font-size:20px}.meta-row{width:100%;justify-content:space-between}.btn-auth{flex:1;justify-content:center;font-size:10px;padding:10px 14px}.theme-toggle{top:16px;right:16px;width:36px;height:36px}.controls{padding:12px 5vw}.search{padding:12px 14px 12px 36px;font-size:12px;background-position:10px center}.filters{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.chip{flex-shrink:0}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.item{padding:12px 10px;min-height:80px}.item-thumb{height:100px;padding:6px}.name{font-size:12px}.cart-fab{bottom:16px;right:16px;padding:12px 18px;font-size:11px}.wa-float-btn{bottom:16px;left:16px;padding:10px 14px}.wa-float-btn span{display:none}.modal{padding:20px 16px}}.empty{text-align:center;padding:60px 0;font-family:Space Mono,monospace;color:var(--sub);font-size:13px;display:none}.theme-toggle{position:fixed;top:20px;right:20px;z-index:20;width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.btn-auth{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:10px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--sub);cursor:pointer;transition:.2s;white-space:nowrap}.btn-auth:hover{border-color:var(--teal);color:var(--text);transform:translateY(-1px);box-shadow:0 4px 14px #17c9ae33}.btn-auth.logged{color:var(--teal-light);border-color:var(--teal-dark)}.btn-auth.logout:hover{border-color:var(--warn);color:var(--warn)}.btn-auth-primary{background:var(--teal-dark)!important;color:#fff!important;border-color:var(--teal)!important;font-weight:700!important;font-size:11px!important;box-shadow:0 2px 10px #17c9ae4d}.btn-auth-primary:hover{background:var(--teal)!important;transform:translateY(-1px);box-shadow:0 4px 16px #17c9ae73}.auth-tabs{display:flex;gap:8px;margin-bottom:16px}.auth-tab{flex:1;text-align:center;padding:8px;border-radius:6px;border:1px solid var(--line);background:transparent;color:var(--sub);cursor:pointer;font-family:Space Mono,monospace;font-size:11px;transition:.2s}.auth-tab.active{background:var(--teal-dark);border-color:var(--teal);color:#fff}.announcement-banner-wrap{display:none;flex-direction:column;gap:8px;margin:16px 0}.announcement-banner-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#17c9ae1f;border:1px solid var(--teal-dark);color:var(--teal-light);padding:10px 16px;border-radius:10px;font-family:Space Mono,monospace;font-size:12px;transition:transform .2s ease,background .2s ease;box-shadow:0 4px 14px #00000026}.announcement-banner-card:hover{transform:translate(3px);background:#17c9ae2e}.announcement-banner-card .ann-badge{background:var(--teal-dark);color:#fff;font-weight:800;font-size:10px;padding:4px 9px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em;flex-shrink:0;text-transform:uppercase}.announcement-banner-card .ann-text{font-weight:600;font-size:12.5px;color:var(--text);flex:1}.wa-float-btn{position:fixed;bottom:24px;left:24px;z-index:998;display:flex!important;align-items:center;gap:8px;background:#25d366;color:#fff;font-family:Space Mono,monospace;font-size:11px;font-weight:700;padding:12px 18px;border-radius:999px;text-decoration:none;box-shadow:0 8px 28px #25d36673;transition:transform .2s ease,background .2s ease}.wa-float-btn *{pointer-events:none}.wa-float-btn:hover{transform:translateY(-2px);background:#1ebe5a;box-shadow:0 10px 32px #25d36699}@media (max-width: 640px){.search-input{text-align:center;padding-left:14px}.search-wrap svg{display:none}}.admin-container{--bg:#070d0c;--bg-rgb:7,13,12;--panel:#0e1a18;--panel2:#0b1512;--line:#1e3330;--teal:#17c9ae;--teal-light:#6ff0d6;--teal-dark:#0f7a69;--warn:#fb4a54;--amber:#ffbe3d;--green:#3fe08e;--blue:#4fb8ff;--text:#f1f6f4;--sub:#7fa39b;--glow:0 0 20px rgba(23,201,174,.35);--thumb-bg:#0f2620}.admin-container[data-theme=light]{--bg:#f4faf8;--bg-rgb:244,250,248;--panel:#ffffff;--panel2:#eef6f4;--line:#d9e6e2;--teal:#0f9c85;--teal-light:#0d8570;--teal-dark:#0b6b58;--warn:#d1323b;--amber:#a5760a;--green:#1f9c58;--blue:#1a6fbd;--thumb-bg:#ffffff;--text:#0e211d;--sub:#5c7a73;--glow:0 0 20px rgba(15,156,133,.2)}.admin-container{transition:background .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}.admin-container{color:var(--text);font-family:Archivo,sans-serif;padding:36px 6vw 90px}.admin-container{position:relative}.admin-container:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px),radial-gradient(ellipse at 50% -10%,rgba(23,201,174,.1),transparent 60%)}.admin-container>*{position:relative;z-index:1}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--teal-dark)}::selection{background:var(--teal-dark);color:#fff}:focus-visible{outline:2px solid var(--teal-light);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.tally .dot{animation:tallyPulse 2.2s ease-in-out infinite}@keyframes tallyPulse{0%,to{opacity:1;box-shadow:0 0 14px var(--teal)}50%{opacity:.55;box-shadow:0 0 6px var(--teal)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header{animation:fadeInUp .6s ease both}.nav-tabs{animation:fadeInUp .6s .08s ease both}.stats{animation:fadeIn .5s .1s ease both}.stat{animation:fadeInUp .5s ease both}.stat:nth-child(1){animation-delay:.12s}.stat:nth-child(2){animation-delay:.17s}.stat:nth-child(3){animation-delay:.22s}.stat:nth-child(4){animation-delay:.27s}.stat:nth-child(5){animation-delay:.32s}.stat:nth-child(n+6){animation-delay:.36s}.booking-card{animation:fadeInUp .45s ease both}.booking-card:nth-child(1){animation-delay:.16s}.booking-card:nth-child(2){animation-delay:.21s}.booking-card:nth-child(3){animation-delay:.26s}.booking-card:nth-child(4){animation-delay:.31s}.booking-card:nth-child(n+5){animation-delay:.36s}.section-head{animation:fadeInUp .5s .1s ease both}.header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);position:relative;padding-bottom:20px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header:after{content:"";position:absolute;left:0;bottom:-1px;width:120px;height:2px;background:linear-gradient(90deg,var(--teal),transparent)}.brand-block{display:flex;flex-direction:column;justify-content:flex-end}.brand-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:4px}.logo{height:38px;width:auto;display:block;filter:drop-shadow(0 0 12px rgba(23,201,174,.25))}.tally{display:flex;align-items:center;gap:8px;margin-bottom:0}.tally .dot{width:9px;height:9px;border-radius:50%;background:var(--teal-light);box-shadow:0 0 10px var(--teal)}.tally span{font-family:Space Mono,monospace;letter-spacing:.12em;font-size:10px;color:var(--teal-light);text-transform:uppercase}h1{font-family:Bebas Neue,sans-serif;font-size:clamp(38px,6vw,68px);line-height:.95}h1 span{background:linear-gradient(120deg,var(--teal-light),var(--teal-dark));-webkit-background-clip:text;background-clip:text;color:transparent}.meta{font-family:Space Mono,monospace;font-size:12px;color:var(--sub);text-align:right;line-height:1.7}.meta a{color:var(--teal-light);text-decoration:none}.meta a:hover{text-decoration:underline}.feature-box-grid{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:760px}.feature-box-btn{font-family:Inter,sans-serif;font-weight:700;font-size:11px;letter-spacing:.03em;padding:9px 14px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--text);text-decoration:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #0003}.feature-box-btn:hover{background:#17c9ae1f;border-color:var(--teal-light);color:var(--teal-light);transform:translateY(-2px);box-shadow:0 4px 12px #17c9ae40}.feature-box-btn.highlight{background:var(--teal-dark);color:#fff;border-color:var(--teal-light)}.feature-box-btn.highlight:hover{background:var(--teal);color:#fff}.feature-box-btn.danger{border-color:var(--warn);color:var(--warn)}.feature-box-btn.danger:hover{background:var(--warn);color:#fff}.nav-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.nav-tab{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:12px 20px;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--sub);cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px}.nav-tab:hover{border-color:var(--teal);color:var(--text);transform:translateY(-1px)}.nav-tab.active{background:var(--teal-dark);border-color:var(--teal);color:#fff;box-shadow:0 4px 16px #17c9ae40}.nav-tab .badge-count{background:#ffffff26;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:700;transition:.2s}.nav-tab.active .badge-count{background:#ffffff40}.nav-tab .badge-count.alert{background:var(--warn);color:#fff;animation:tallyPulse 1.6s ease-in-out infinite}.panel{display:none}.panel.active{display:block;animation:fadeInUp .35s ease both}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:28px}.stat{background:linear-gradient(160deg,rgba(255,255,255,.03),transparent 60%),var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;transition:transform .25s,border-color .25s}.stat:hover{transform:translateY(-2px);border-color:var(--teal-dark)}.stat-label{font-family:Space Mono,monospace;font-size:9px;color:var(--sub);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.stat-val{font-family:Bebas Neue,sans-serif;font-size:36px;line-height:1}.stat-val.teal{color:var(--teal-light)}.stat-val.blue{color:var(--blue)}.stat-val.amber{color:var(--amber)}.stat-val.green{color:var(--green)}.stat-val.warn{color:var(--warn)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.section-title{font-family:Bebas Neue,sans-serif;font-size:24px;letter-spacing:.04em}.booking-filters{display:flex;gap:8px;flex-wrap:wrap}.bf-chip{font-family:Space Mono,monospace;font-size:10px;padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--sub);cursor:pointer;transition:.2s}.bf-chip:hover,.bf-chip.active{border-color:var(--teal);color:var(--text)}.bf-chip.active{background:var(--teal-dark);color:#fff;box-shadow:0 0 14px #17c9ae47}.booking-list{display:flex;flex-direction:column;gap:10px}.booking-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.booking-card:hover{border-color:var(--teal);transform:translateY(-2px);box-shadow:var(--glow)}.booking-card .bk-id{font-family:Space Mono,monospace;font-size:10px;color:var(--sub);margin-bottom:4px}.booking-card .bk-name{font-size:15px;font-weight:700;margin-bottom:4px}.booking-card .bk-meta{font-family:Space Mono,monospace;font-size:10px;color:var(--sub)}.booking-card .bk-items{font-family:Space Mono,monospace;font-size:10px;color:var(--teal-light);margin-top:6px}.bk-status{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:6px;white-space:nowrap;text-align:center}.bk-status.pending{background:#1a2a28;color:var(--amber);border:1px solid var(--amber)}.bk-status.approved{background:#0e2a22;color:var(--green);border:1px solid var(--green)}.bk-status.rejected{background:#2a1010;color:var(--warn);border:1px solid var(--warn)}.bk-status.expired{background:#2a1010;color:var(--sub);border:1px solid var(--line)}.bk-status.letter_ready{background:#0e2228;color:var(--blue);border:1px solid var(--blue)}.bk-status.picked_up,.bk-status.active{background:#0e2820;color:var(--teal-light);border:1px solid var(--teal)}.bk-status.returned{background:#1a2820;color:var(--green);border:1px solid var(--green)}.bk-status.returned_late{background:#2a1810;color:var(--amber);border:1px solid var(--amber)}.empty-state{text-align:center;padding:60px 20px;font-family:Space Mono,monospace;color:var(--sub);font-size:13px}.stat-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.stat-row:last-child{border-bottom:none}.stat-rank{font-family:Bebas Neue,sans-serif;font-size:22px;color:var(--sub);width:28px;flex-shrink:0;text-align:center}.stat-row:nth-child(1) .stat-rank{color:var(--teal-light)}.stat-row:nth-child(2) .stat-rank{color:var(--blue)}.stat-row:nth-child(3) .stat-rank{color:var(--amber)}.stat-row-main{flex:1;min-width:0}.stat-row-name{font-size:13px;margin-bottom:6px}.stat-bar-track{background:var(--panel);border:1px solid var(--line);border-radius:5px;height:10px;overflow:hidden}.stat-bar-fill{background:linear-gradient(90deg,var(--teal-dark),var(--teal-light));height:100%;border-radius:5px;width:0;transition:width 1.1s cubic-bezier(.22,.9,.3,1);position:relative;box-shadow:0 0 10px #17c9ae80,0 0 2px #17c9aecc;animation:stat-glow 1.8s ease-in-out infinite}.stat-bar-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:200% 100%;animation:stat-shimmer 2.2s linear infinite}@keyframes stat-glow{0%,to{box-shadow:0 0 6px #17c9ae66,0 0 2px #17c9ae99}50%{box-shadow:0 0 16px #17c9aee6,0 0 4px #17c9ae}}@keyframes stat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stat-row-count{font-family:Space Mono,monospace;font-size:12px;color:var(--sub);width:70px;text-align:right;flex-shrink:0}.controls{position:sticky;top:0;background:rgba(var(--bg-rgb),.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:16px 0;z-index:5;border-bottom:1px solid var(--line);margin-bottom:30px}.add-box{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px;margin-bottom:14px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}.add-box h3{font-family:Bebas Neue,sans-serif;font-size:18px;color:var(--teal-light);width:100%}.add-box input,.modal input,.modal textarea,.modal select{padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:Space Mono,monospace;font-size:11px;flex:1;min-width:100px;transition:border-color .2s,box-shadow .2s}.add-box input:focus,.modal input:focus,.modal textarea:focus,.modal select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #17c9ae26}.btn{padding:10px 16px;background:var(--teal-dark);color:#fff;border:none;border-radius:6px;font-family:Space Mono,monospace;font-size:11px;font-weight:700;cursor:pointer;transition:.2s}.btn:hover{background:var(--teal);transform:translateY(-1px);box-shadow:0 4px 14px #17c9ae59}.btn.outline{background:transparent;border:1px solid var(--line);color:var(--sub)}.btn.outline:hover{border-color:var(--teal);color:var(--text);box-shadow:none}.btn.warn{background:var(--warn)}.btn.warn:hover{background:#c41a12;box-shadow:0 4px 14px #fb4a5459}.btn.amber{background:#7a5800;color:var(--amber);border:1px solid var(--amber)}.btn.amber:hover{background:var(--amber);color:#000;box-shadow:0 4px 14px #ffbe3d59}.btn.sm{padding:7px 12px;font-size:10px}.search{width:100%;padding:12px 16px 12px 40px;background:var(--panel);border:1px solid var(--line);border-radius:8px;color:var(--text);font-family:Space Mono,monospace;font-size:13px;margin-bottom:14px;transition:border-color .2s,box-shadow .2s;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237fa39b' stroke-width='2'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>");background-repeat:no-repeat;background-position:12px center;background-size:15px}.search:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #17c9ae26}.filters{display:flex;gap:10px;flex-wrap:wrap}.chip{font-family:Space Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--sub);cursor:pointer;display:flex;align-items:center;gap:8px;transition:.2s}.chip .n{font-weight:700;color:var(--text);transition:color .2s}.chip:hover{border-color:var(--teal);color:var(--text)}.chip.active{background:var(--teal-dark);border-color:var(--teal);color:#fff;box-shadow:0 0 16px #17c9ae4d}.chip.active .n{color:#fff}.chip[data-f=attention].active{background:#5a4400;border-color:var(--amber);color:#fff}.chip[data-f=unavailable].active{background:#5a1410;border-color:var(--warn);color:#fff}.dot-ind{width:8px;height:8px;border-radius:50%}.chip[data-f=ready] .dot-ind{background:var(--green)}.chip[data-f=attention] .dot-ind{background:var(--amber)}.chip[data-f=unavailable] .dot-ind{background:var(--warn)}.chip[data-f=all] .dot-ind{background:var(--teal-light)}.cat{margin-bottom:46px}.cat-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px}.cat-num{font-family:Space Mono,monospace;color:var(--teal-light);font-size:13px;font-weight:700}.cat-title{font-family:Bebas Neue,sans-serif;font-size:26px;letter-spacing:.04em;text-transform:uppercase}.cat-rule{flex:1;height:1px;background:var(--line)}.cat-count{font-family:Space Mono,monospace;font-size:10px;color:var(--sub)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(254px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.item{background:var(--panel);padding:16px 18px;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s}.item-thumb{width:100%;height:130px;border-radius:8px;overflow:hidden;margin-bottom:10px;background:var(--thumb-bg);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:10px;box-sizing:border-box}.item-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.thumb-placeholder{font-family:Space Mono,monospace;font-size:10px;color:var(--sub);text-transform:uppercase;letter-spacing:.05em}.no-photo-mark{font-family:Bebas Neue,sans-serif;font-size:44px;font-weight:900;color:var(--warn);animation:noPhotoBlink 1s ease-in-out infinite;line-height:1}@keyframes noPhotoBlink{0%,to{opacity:1;text-shadow:0 0 14px var(--warn)}50%{opacity:.35;text-shadow:0 0 4px var(--warn)}}.item:hover{transform:translateY(-3px);box-shadow:var(--glow);position:relative;z-index:2}.group{font-family:Space Mono,monospace;font-size:9px;color:var(--sub);text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;display:block}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.name{font-size:14px;font-weight:700;line-height:1.3}.qty{font-family:Space Mono,monospace;font-size:13px;font-weight:700;color:var(--amber);white-space:nowrap;flex-shrink:0}.note{font-family:Space Mono,monospace;font-size:10px;color:var(--sub);margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);min-height:26px}.note[contenteditable=true]{cursor:text;transition:.2s}.note[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--sub);opacity:.5}.note[contenteditable=true]:focus{outline:none;color:var(--text);border-top-color:var(--teal)}.badge{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;padding:3px 6px;border-radius:5px;transition:.2s}.badge:hover{border-color:currentColor;transform:translateY(-1px)}.badge .d{width:7px;height:7px;border-radius:50%}.badge.ready{color:var(--green)}.badge.ready .d{background:var(--green)}.badge.attention{color:var(--amber)}.badge.attention .d{background:var(--amber)}.badge.unavailable{color:var(--warn)}.badge.unavailable .d{background:var(--warn)}.badge .hint{font-size:8px;opacity:.5;margin-left:2px}.history-item{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:0 8px 8px 0;padding:14px 18px;margin-bottom:10px;transition:transform .2s,box-shadow .2s}.history-item:hover{transform:translate(3px);box-shadow:0 4px 16px #0000004d}.history-item.late{border-left-color:var(--amber)}.history-item .hi-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:6px}.history-item .hi-id{font-family:Space Mono,monospace;font-size:10px;color:var(--sub)}.history-item .hi-name{font-weight:700;font-size:14px}.history-item .hi-detail{font-family:Space Mono,monospace;font-size:10px;color:var(--sub);line-height:1.7}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030807cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.overlay.show{display:flex;animation:fadeIn .2s ease both}.modal{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:28px;box-shadow:0 20px 60px #0009;animation:fadeInUp .28s cubic-bezier(.2,.8,.2,1) both}.modal.wide{max-width:780px}.modal h2{font-family:Bebas Neue,sans-serif;font-size:28px;margin-bottom:6px}.modal .modal-sub{font-family:Space Mono,monospace;font-size:11px;color:var(--sub);margin-bottom:20px}.modal-section{margin-bottom:20px}.modal-section h4{font-family:Space Mono,monospace;font-size:10px;color:var(--teal-light);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:11px;color:var(--sub);font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.form-group input{padding:9px 10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:Space Mono,monospace;font-size:12px}.mb-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:340px;overflow-y:auto;padding:4px 4px 4px 0}.mb-item-card{position:relative;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:8px;cursor:pointer;transition:.15s;text-align:center}.mb-item-card:hover{border-color:var(--sub)}.mb-item-card.selected{border-color:var(--teal);background:#17c9ae14;box-shadow:0 0 0 1px var(--teal) inset}.mb-item-check-mark{position:absolute;top:6px;right:6px;width:18px;height:18px;border-radius:50%;background:var(--teal);color:#04231d;font-size:11px;font-weight:700;display:none;align-items:center;justify-content:center;z-index:2}.mb-item-card.selected .mb-item-check-mark{display:flex}.mb-item-thumb{width:100%;height:70px;border-radius:6px;overflow:hidden;margin-bottom:6px;background:var(--thumb-bg,#0f2620);display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box}.mb-item-thumb img{max-width:100%;max-height:100%;object-fit:contain}.mb-item-thumb.no-photo span{font-family:Bebas Neue,sans-serif;font-size:24px;color:var(--sub)}.mb-item-name{font-size:11px;font-weight:700;line-height:1.3;margin-bottom:2px}.mb-item-cat{font-size:9px;color:var(--sub);font-family:Space Mono,monospace}.detail-item{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px}.detail-item .dl{font-family:Space Mono,monospace;font-size:9px;color:var(--sub);text-transform:uppercase;margin-bottom:4px}.detail-item .dv{font-size:13px;font-weight:600}.item-list{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:12px;max-height:160px;overflow-y:auto}.return-check-list{display:flex;flex-direction:column;gap:10px}.return-check-row{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px}.return-check-row .rc-name{font-size:13px;font-weight:700;margin-bottom:8px}.return-check-row .rc-options{display:flex;gap:8px;flex-wrap:wrap}.rc-opt{flex:1;min-width:90px;text-align:center;padding:7px 6px;border-radius:6px;border:1px solid var(--line);font-size:11px;cursor:pointer;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.04em;transition:.15s}.rc-opt:hover{border-color:var(--sub)}.rc-opt.sel-lengkap{background:#3fe08e26;border-color:var(--green);color:var(--green)}.rc-opt.sel-rusak{background:#ffbe3d26;border-color:var(--amber);color:var(--amber)}.rc-opt.sel-hilang{background:#fb4a5426;border-color:var(--warn);color:var(--warn)}.return-note textarea{width:100%;background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:10px;font-family:Archivo,sans-serif;font-size:13px;resize:vertical;min-height:60px}.return-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.return-photo-thumb{width:64px;height:64px;border-radius:6px;overflow:hidden;border:1px solid var(--line);position:relative}.return-photo-thumb img{width:100%;height:100%;object-fit:cover}.return-photo-add{width:64px;height:64px;border-radius:6px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:var(--sub)}.return-photo-add:hover{border-color:var(--teal);color:var(--teal)}.item-list li{font-family:Space Mono,monospace;font-size:11px;padding:4px 0;border-bottom:1px dashed var(--line);list-style:none}.item-list li:last-child{border:none}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--sub);font-size:20px;cursor:pointer;transition:.2s;border-radius:6px;width:30px;height:30px}.modal-close:hover{color:var(--warn);background:#fb4a541a;transform:rotate(90deg)}.modal-wrap{position:relative}.surat-preview{background:#fff;color:#111;padding:0 40px 30px;border-radius:4px;font-family:Times New Roman,serif;line-height:1.6;margin-bottom:16px;display:flex;flex-direction:column;min-height:277mm;box-sizing:border-box}.surat-preview .kop-atas{width:100%;display:block;margin:0 0 18px}.surat-preview .kop-bawah{width:180px;display:block;margin-top:auto;margin-left:auto;margin-right:auto;padding-top:24px}.surat-preview h3{text-align:center;font-size:16px;margin-bottom:4px;letter-spacing:.5px}.surat-preview .surat-sub{text-align:center;font-size:12px;margin-bottom:24px}.surat-preview table{width:100%;table-layout:fixed;border-collapse:collapse;margin:16px 0;font-size:12px}.surat-preview th,.surat-preview td{border:1px solid #333;padding:6px 10px;text-align:left}.surat-preview th{background:#eee}.surat-preview .surat-info-table td{border:none;border-bottom:1px dotted #999;padding:4px 6px}.surat-preview .surat-info-table td.label{width:150px;font-weight:400}.surat-preview .surat-info-table td.colon{width:14px}.surat-form{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:16px}.surat-form h4{margin:0 0 12px;font-size:13px}.surat-form .row{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.surat-form label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--sub);font-family:Space Mono,monospace;flex:1;min-width:160px}.surat-form input,.surat-form select,.surat-form textarea{padding:8px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--text);font-family:Space Mono,monospace;font-size:12px;resize:vertical}#live-save-msg{margin-top:8px;font-size:11px;color:var(--ok, #2ecc71)}.surat-program-toggle{display:flex;gap:8px;margin-bottom:14px}.surat-program-toggle button{flex:1;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--sub);border-radius:6px;cursor:pointer;font-family:Space Mono,monospace;font-size:12px}.surat-program-toggle button.active{background:var(--blue);color:#fff;border-color:var(--blue)}.surat-sign-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px}.surat-sign-grid .sign-box{text-align:center}.surat-sign-grid .sign-box .sign-space{height:70px;display:flex;align-items:center;justify-content:center}.surat-sign-grid .sign-box .sign-space img{max-height:65px;max-width:140px}.surat-sign-grid .sign-full{grid-column:1 / -1}.savebar{position:fixed;bottom:18px;right:18px;background:var(--teal-dark);color:#fff;font-family:Space Mono,monospace;font-size:11px;padding:10px 16px;border-radius:8px;box-shadow:0 4px 18px #0006;display:none;align-items:center;gap:10px;z-index:50}.savebar.show{display:flex}.deadline-warn{color:var(--amber);font-weight:700}.deadline-ok{color:var(--green)}.deadline-over{color:var(--warn);font-weight:700}footer{margin-top:70px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:Space Mono,monospace;font-size:10px;color:var(--sub);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px}@media (max-width:640px){.header{flex-direction:column;align-items:flex-start}.meta{text-align:left}.detail-grid,.booking-card{grid-template-columns:1fr}}@page{size:A4;margin:14mm}@media print{@page{size:A4;margin:14mm}body *{display:none!important}#surat-area-final{display:block!important;width:100%;margin:0;padding:0}#surat-area-final .surat-preview{display:block!important;position:relative;width:100%;max-width:100%;margin:0 auto;padding:0 0 30mm;box-sizing:border-box;page-break-after:always;break-after:page;page-break-inside:avoid}#surat-area-final .surat-preview *{display:revert}#surat-area-final .surat-preview img{display:block!important}#surat-area-final .surat-preview table{display:table!important}#surat-area-final .surat-preview tr{display:table-row!important}#surat-area-final .surat-preview td,#surat-area-final .surat-preview th{display:table-cell!important}#surat-area-final .surat-preview .surat-sign-grid{display:grid!important}#surat-area-final .surat-preview:last-of-type{page-break-after:auto;break-after:auto}#surat-area-final .surat-preview .kop-bawah{margin:24px auto 0}#surat-area-final .surat-preview+button{display:none!important}}.wa-banner{display:none;align-items:center;gap:12px;background:#1e3a2a;border:1px solid #2f6b47;color:#7fdc9a;padding:12px 16px;margin:0 0 16px;border-radius:8px;font-family:Space Mono,monospace;font-size:12px;flex-wrap:wrap}.wa-banner.show{display:flex}.wa-send-row{display:flex;gap:10px;flex-wrap:wrap}.wa-send-btn{display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;border:none;border-radius:8px;padding:9px 16px;font-family:Space Mono,monospace;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .18s ease,transform .12s ease}.wa-send-btn:hover{background:#1ebe5a;transform:translateY(-1px)}.wa-send-btn:active{background:#128c43;transform:translateY(0)}.wa-send-btn .wa-icon{width:16px;height:16px;flex-shrink:0}.wa-mini{padding:3px 10px;font-size:10px;background:#1e3a2a;border:1px solid #2f6b47;color:#7fdc9a}.theme-toggle{position:fixed;top:20px;right:20px;z-index:200;width:42px;height:42px;border-radius:50%;background:var(--panel);border:1px solid var(--line);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.theme-toggle:hover{border-color:var(--teal);transform:translateY(-1px);box-shadow:0 4px 14px #17c9ae40}.theme-toggle svg{width:18px;height:18px}.meta-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.meta-chip{display:inline-flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:10px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--sub);text-decoration:none;cursor:pointer;transition:.2s;white-space:nowrap}.meta-chip:hover{border-color:var(--teal);color:var(--text);transform:translateY(-1px);box-shadow:0 4px 14px #17c9ae33}.meta-chip.me{color:var(--teal-light);border-color:var(--teal-dark);cursor:default}.meta-chip.me:hover{transform:none;box-shadow:none}.meta-chip.logout:hover{border-color:var(--warn);color:var(--warn)}.origin-badge{display:inline-flex;align-items:center;gap:4px;font-family:Space Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase;padding:2px 8px;border-radius:5px;margin-left:6px;border:1px solid transparent}.origin-badge.internal{background:#17c9ae1f;color:var(--teal-light);border-color:var(--teal-dark)}.origin-badge.eksternal{background:#ffbe3d1f;color:var(--amber);border-color:var(--amber)}:root{--font-display: "Bebas Neue", sans-serif;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Inter", "Plus Jakarta Sans", sans-serif;--font-mono: "Space Mono", monospace;--bg: #04080b;--panel: rgba(14, 26, 32, .65);--line: rgba(30, 51, 60, .5);--teal: #26a695;--teal-light: #52c8b8;--teal-dark: #167a6d;--text: #f0f8ff;--sub: #82a8ba;--glow: 0 0 25px rgba(38, 166, 149, .45)}[data-theme=light]{--bg: #f4faf9;--panel: rgba(255, 255, 255, .7);--line: rgba(217, 230, 226, .8);--teal: #0f9c85;--teal-light: #0d8570;--teal-dark: #0b6b58;--text: #05211c;--sub: #4b6b64;--glow: 0 8px 25px rgba(15, 156, 133, .15)}body{transition:background .5s ease,color .5s ease;background:var(--bg);color:var(--text);font-family:Inter,Plus Jakarta Sans,sans-serif;margin:0;padding:0;min-height:100vh;overflow-x:hidden}*{box-sizing:border-box}html{scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0px,rgba(255,255,255,.015) 1px,transparent 1px,transparent 3px),radial-gradient(circle at 50% 0%,rgba(38,166,149,.2),transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(38,166,149,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(38,166,149,.08) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 0%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 20%,#000 0%,transparent 80%);animation:gridDrift 40s linear infinite}.doodle-bg{position:fixed;top:-100px;right:-100px;bottom:-100px;left:-100px;z-index:0;pointer-events:none;background-image:url(/doodle_seamless.png);background-size:380px;background-repeat:repeat;opacity:.25;mix-blend-mode:overlay;animation:doodleFloat 60s linear infinite}@keyframes doodleFloat{0%{background-position:0 0}to{background-position:380px 380px}}@keyframes gridDrift{0%{background-position:0 0,0 0}to{background-position:50px 50px,50px 50px}}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100vh}::selection{background:var(--teal);color:#000}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}