@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@500;700;800;900&family=Share+Tech+Mono&display=swap";:root{--color-pink: #ffb7c5;--color-cyan: #8bebff;--color-cream: #faf3e0;--color-yellow: #fcf09f;--color-purple: #c7b9ff;--color-orange: #ffc8a2;--color-green: #a8ffb2;--color-red: #ff8b94;--color-dark: #121212;--color-border: #000000;--color-bg: #f5f2eb;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#121212;background-color:var(--color-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box!important}body{margin:0;padding:0;min-width:320px;min-height:100vh;background:var(--color-bg);background-image:radial-gradient(#000000 1px,transparent 1px),radial-gradient(#000000 1px,transparent 1px);background-size:24px 24px;background-position:0 0,12px 12px;background-opacity:.05;opacity:.99}#root{min-height:100vh;display:flex;flex-direction:column}a{font-weight:700;color:#000;text-decoration:none;transition:all .2s ease}a:hover{color:var(--color-pink)}.neo-card{background-color:#fff;color:#000;border:3px solid var(--color-border);border-radius:12px;box-shadow:4px 4px 0 var(--color-border);padding:24px;position:relative;transition:all .2s ease}.neo-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-border)}.neo-card-pink{background-color:var(--color-pink)}.neo-card-cyan{background-color:var(--color-cyan)}.neo-card-yellow{background-color:var(--color-yellow)}.neo-card-purple{background-color:var(--color-purple)}.neo-card-green{background-color:var(--color-green)}.neo-card-orange{background-color:var(--color-orange)}.neo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-weight:800;font-size:.95rem;color:#000;background-color:var(--color-cyan);border:3px solid var(--color-border);border-radius:8px;box-shadow:3px 3px 0 var(--color-border);cursor:pointer;outline:none;transition:all .15s cubic-bezier(.175,.885,.32,1.275);-webkit-user-select:none;user-select:none;text-transform:uppercase;letter-spacing:.5px}.neo-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--color-border)}.neo-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--color-border)}.neo-btn-pink{background-color:var(--color-pink)}.neo-btn-yellow{background-color:var(--color-yellow)}.neo-btn-purple{background-color:var(--color-purple)}.neo-btn-green{background-color:var(--color-green)}.neo-btn-orange{background-color:var(--color-orange)}.neo-btn-red{background-color:var(--color-red)}.neo-btn-white{background-color:#fff}.neo-input{width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-weight:700;font-size:1rem;color:#000;background-color:#fff;border:3px solid var(--color-border);border-radius:8px;box-shadow:inset 2px 2px #0000000d;outline:none;transition:all .2s ease}.neo-input:focus{border-color:var(--color-pink);box-shadow:3px 3px 0 var(--color-border)}.neo-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:Outfit,sans-serif;font-weight:800;font-size:.75rem;color:#000;background-color:var(--color-yellow);border:2px solid var(--color-border);border-radius:20px;box-shadow:2px 2px 0 var(--color-border);text-transform:uppercase;letter-spacing:.5px}.retro-window{background-color:#fff;border:3px solid var(--color-border);border-radius:12px;box-shadow:6px 6px 0 var(--color-border);overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease}.retro-window:hover{transform:translate(-1px,-1px);box-shadow:7px 7px 0 var(--color-border)}.retro-title-bar{background:linear-gradient(90deg,var(--color-pink),var(--color-cyan));color:#000;border-bottom:3px solid var(--color-border);padding:10px 16px;display:flex;justify-content:space-between;align-items:center;font-family:Share Tech Mono,monospace;font-weight:900;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.retro-title-dots{display:flex;gap:6px;align-items:center}.retro-title-dot{width:12px;height:12px;border:2px solid var(--color-border);border-radius:50%;background-color:transparent}.retro-title-dot-red{background-color:var(--color-red)}.retro-title-dot-yellow{background-color:var(--color-yellow)}.retro-title-dot-green{background-color:var(--color-green)}.retro-window-body{padding:24px;background-color:#fff;color:#000;flex:1}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;width:100%}.bento-card{grid-column:span 12}@media (min-width: 640px){.bento-sm-6{grid-column:span 6}.bento-sm-4{grid-column:span 4}.bento-sm-8{grid-column:span 8}}@media (min-width: 1024px){.bento-lg-4{grid-column:span 4}.bento-lg-8{grid-column:span 8}.bento-lg-3{grid-column:span 3}.bento-lg-6{grid-column:span 6}.bento-lg-9{grid-column:span 9}}.polaroid-frame{background-color:#fff;border:3px solid var(--color-border);box-shadow:4px 4px 0 var(--color-border);padding:12px 12px 30px;border-radius:4px;display:flex;flex-direction:column;align-items:center;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.polaroid-frame:hover{transform:rotate(2deg) scale(1.03);box-shadow:6px 6px 0 var(--color-border);z-index:5}.polaroid-frame img{width:100%;border:2px solid var(--color-border);aspect-ratio:1;object-fit:cover;background-color:#eaeaea}.polaroid-caption{font-family:Share Tech Mono,monospace;font-weight:700;font-size:.85rem;color:#000;margin-top:15px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.retro-table-wrapper{overflow-x:auto;border:3px solid var(--color-border);border-radius:12px;box-shadow:4px 4px 0 var(--color-border);background-color:#fff;margin-bottom:20px}.retro-table{width:100%;border-collapse:separate;border-spacing:0;font-family:Inter,sans-serif;font-size:.9rem}.retro-table th{background-color:var(--color-pink);color:#000;font-family:Outfit,sans-serif;font-weight:900;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;padding:14px 18px;border-bottom:3px solid var(--color-border);border-right:2px solid var(--color-border);text-align:left}.retro-table th:last-child{border-right:none}.retro-table td{padding:14px 18px;border-bottom:2px solid var(--color-border);border-right:2px solid var(--color-border);color:#121212;font-weight:600;background-color:#fff;transition:background-color .15s ease}.retro-table td:last-child{border-right:none}.retro-table tr:last-child td{border-bottom:none}.retro-table tr:hover td{background-color:var(--color-cream)}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-wrap{display:flex;width:max-content;animation:scrollMarquee 30s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:15px;font-family:Outfit,sans-serif;font-weight:900;font-size:1.5rem;color:#000;text-transform:uppercase;padding:0 40px}@keyframes floatAnimation{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}.retro-sticker{animation:floatAnimation 4s ease-in-out infinite;display:inline-block}.glass-panel{background:#fff!important;color:#000!important;border:3px solid var(--color-border)!important;box-shadow:5px 5px 0 var(--color-border)!important;border-radius:16px!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--color-bg);border-left:3px solid var(--color-border)}::-webkit-scrollbar-thumb{background-color:var(--color-purple);border:3px solid var(--color-border);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-pink)}.neo-heading{color:#111!important;font-family:Outfit,sans-serif!important;font-weight:950!important}.neo-subtitle{color:#333!important;font-family:Outfit,sans-serif!important;font-weight:800!important}.neo-description{color:#555!important;font-family:Inter,sans-serif!important;font-weight:600!important}.neo-inactive-tab{opacity:.75!important;color:#333!important}.neo-badge-contrast{color:#000!important;font-weight:900!important;border:2px solid #000000!important}.neo-empty-state-box{background-color:#fff!important;border:3px dashed #000000!important;border-radius:12px!important;padding:40px 20px!important;text-align:center!important;box-shadow:4px 4px #000!important}.neo-title{color:#111!important;font-weight:900!important}.neo-subtitle{color:#333!important;font-weight:800!important}.neo-desc{color:#555!important;font-weight:600!important}.neo-muted{color:#666!important}.neo-empty-state{color:#555!important;font-weight:700!important}@media (max-width: 768px){.retro-window nav{width:95%!important}.nav-container{padding:10px 15px!important}.nav-logo{font-size:1.1rem!important}.nav-buttons{gap:8px!important}.nav-buttons .btn-login,.nav-buttons .btn-register{padding:6px 10px!important;font-size:.65rem!important}.floating-cta{transition:all .3s cubic-bezier(.175,.885,.32,1.275)!important}.floating-cta.scrolled{width:52px!important;height:52px!important;border-radius:50%!important;padding:0!important;justify-content:center!important}.floating-cta.scrolled .cta-text{display:none!important}.floating-cta.scrolled .cta-icon{font-size:1.5rem!important}}html,body,#root{max-width:100%;overflow-x:hidden}@media (max-width: 768px){*{max-width:100vw;box-sizing:border-box}.layout-container{flex-direction:column!important}.main-content-wrapper{width:100%!important;max-width:100vw!important;margin:0!important;overflow-x:hidden!important}.retro-window-body{padding:12px 16px!important}header.mobile-header{margin:10px!important;width:calc(100% - 20px)!important}.header-content{padding:12px!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.header-badges{width:100%!important;justify-content:flex-start!important}.header-user-info{width:100%!important;justify-content:space-between!important;gap:10px!important}.welcome-text{font-size:.8rem!important;line-height:1.2!important}.welcome-text strong{display:block}.mobile-logout-btn{padding:8px 12px!important;font-size:.7rem!important}.bento-grid{display:flex!important;flex-direction:column!important;gap:15px!important}.bento-card,.neo-card{width:100%!important}.retro-table-wrapper{width:100%!important;overflow-x:hidden!important;background-color:transparent!important;border:none!important;box-shadow:none!important}.retro-table{display:block!important}.retro-table thead{display:none!important}.retro-table tbody{display:block!important}.retro-table tr{display:block!important;border:3px solid #000000!important;border-radius:16px!important;box-shadow:4px 4px #000!important;margin-bottom:16px!important;background-color:#fff!important;padding:10px!important}.retro-table td{display:flex!important;flex-direction:column!important;padding:12px 10px!important;border:none!important;border-bottom:2px dashed #dddddd!important;text-align:left!important;font-size:1rem!important;word-break:break-word!important}.retro-table tr td:last-child{border-bottom:none!important}.retro-table td:before{content:attr(data-label);display:block!important;font-family:Outfit,sans-serif!important;font-weight:900!important;font-size:.75rem!important;text-transform:uppercase!important;color:#555!important;margin-bottom:4px!important;letter-spacing:.5px!important}.retro-table td[data-label=""]:before,.retro-table td:not([data-label]):before{display:none!important}.retro-table td[data-label=Aksi]>div,.retro-table td[data-label=Aksi]{flex-wrap:wrap!important}.retro-table td[data-label=Aksi] button{min-height:44px!important;min-width:44px!important;font-size:.85rem!important}.mobile-stack{grid-template-columns:1fr!important}.recharts-responsive-container{width:100%!important;min-height:300px!important}.mobile-sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000bf;z-index:9998}aside.mobile-sidebar{position:fixed!important;top:0!important;left:-100%!important;height:100vh!important;height:100dvh!important;margin:0!important;width:85vw!important;max-width:320px!important;z-index:9999!important;border-radius:0!important;transition:left .3s cubic-bezier(.175,.885,.32,1.275)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}aside.mobile-sidebar.open{left:0!important}aside.mobile-sidebar .sidebar-brand{flex-shrink:0;padding:16px!important}aside.mobile-sidebar .sidebar-brand h2{font-size:1.5rem!important}aside.mobile-sidebar .sidebar-brand .neo-badge-contrast{font-size:.6rem!important;margin-top:4px!important}aside.mobile-sidebar nav{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding:14px 14px 120px!important;gap:8px!important}aside.mobile-sidebar nav a,aside.mobile-sidebar nav div[style*=cursor]{padding:10px 14px!important;font-size:.8rem!important;gap:8px!important}.mobile-close-btn{display:flex!important;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;padding:2px}aside.mobile-sidebar .retro-title-bar{flex-shrink:0;padding:8px 14px!important;font-size:.75rem!important}main.retro-window{margin:10px!important;width:calc(100% - 20px)!important}body.sidebar-open{overflow:hidden!important}}.mobile-menu-toggle{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;background:var(--color-yellow);border:3px solid var(--color-border);border-radius:8px;padding:6px 10px;font-size:1.2rem;cursor:pointer;box-shadow:2px 2px 0 var(--color-border);transition:all .1s ease}.mobile-menu-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--color-border)}}