@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Roboto+Mono:wght@400;500;600&display=swap";:root{--bg-color:#0b0e11;--bg-app:#121418;--card-bg:#181a20;--card-border:#2b313a;--primary-gradient:linear-gradient(135deg, #00e599 0%, #26c281 100%);--accent-color:#00e599;--accent-glow:#00e59940;--success-color:#00c087;--success-glow:#00c08733;--warning-color:#f0b90b;--danger-color:#f6465d;--text-main:#eaecef;--text-muted:#848e9c;--text-dark:#474d57;--font-title:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Roboto Mono", monospace;--glass-bg:#181a20;--glass-border:#2b313a;--btn-radius:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-body);font-variant-numeric:tabular-nums;min-height:100vh;overflow-x:hidden}.app-frame{background-color:var(--bg-app);scrollbar-width:none;flex-direction:column;width:100%;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden auto}.app-frame::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.no-scrollbar::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5{font-family:var(--font-title);letter-spacing:-.01em;font-weight:700}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:20px;transition:all .25s;box-shadow:0 10px 30px -10px #00000080}.glass-card:hover{border-color:#00e59966;transform:translateY(-2px);box-shadow:0 12px 30px -5px #00e5991f}.btn-primary{background:var(--primary-gradient);color:#0b0e11;font-family:var(--font-title);letter-spacing:.2px;border-radius:var(--btn-radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00e59933}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 16px #00e59959}.btn-primary:active{filter:brightness(.96);transform:translateY(0)}.btn-primary:disabled{color:#848e9c;box-shadow:none;cursor:not-allowed;filter:none;background:#2b313a;transform:none}.btn-danger{color:#fff;font-family:var(--font-title);letter-spacing:.2px;border-radius:var(--btn-radius);cursor:pointer;background:#f6465d;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #f6465d33}.btn-danger:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 16px #f6465d59}.btn-secondary{border:1px solid var(--card-border);color:var(--text-main);font-family:var(--font-title);border-radius:var(--btn-radius);cursor:pointer;background:#1e2329;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-secondary:hover{border-color:var(--accent-color);color:var(--accent-color);background:#2b313a}.form-group{margin-bottom:20px}.form-label{font-family:var(--font-title);color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-input{border:1px solid var(--card-border);width:100%;color:var(--text-main);font-family:var(--font-body);background-color:#0000004d;border-radius:12px;outline:none;padding:13px 16px;font-size:15px;transition:all .25s}.form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-glow)}.form-select{border:1px solid var(--card-border);width:100%;color:var(--text-main);font-family:var(--font-body);cursor:pointer;background-color:#0000004d;border-radius:12px;outline:none;padding:13px 16px;font-size:15px}@keyframes pulseGlow{0%{box-shadow:0 0 5px var(--accent-glow)}50%{box-shadow:0 0 20px var(--accent-glow)}to{box-shadow:0 0 5px var(--accent-glow)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.shimmer-loading{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.glow-active{animation:2.5s infinite pulseGlow}.badge{font-size:12px;font-weight:600;font-family:var(--font-title);text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;display:inline-flex}.badge-pending{color:var(--warning-color);background:#f59e0b26;border:1px solid #f59e0b40}.badge-approved{color:var(--success-color);background:#10b98126;border:1px solid #10b98140}.badge-rejected{color:var(--danger-color);background:#ef444426;border:1px solid #ef444440}.bottom-nav{border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background-color:#0f1224f2;justify-content:space-around;align-items:center;width:100%;height:65px;display:flex;position:absolute;bottom:0;left:0}.nav-item{color:var(--text-muted);font-size:11px;font-family:var(--font-title);cursor:pointer;flex-direction:column;align-items:center;gap:3px;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--accent-color)}.pc-layout-wrapper{background:radial-gradient(circle at 10% 20%,#00e59914 0%,#0000 40%),radial-gradient(circle at 90% 80%,#26c28114 0%,#0000 40%),#0b0e11;justify-content:center;align-items:center;gap:80px;width:100vw;min-height:100vh;padding:40px;display:flex;position:relative;overflow:hidden}.pc-layout-wrapper:before{content:"";filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#00e5990d 0%,#0000 70%);width:40vw;height:40vw;animation:15s ease-in-out infinite alternate floatOrb;position:absolute;top:-10%;left:-10%}.pc-layout-wrapper:after{content:"";filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#26c2810d 0%,#0000 70%);width:45vw;height:45vw;animation:20s ease-in-out infinite alternate-reverse floatOrb;position:absolute;bottom:-10%;right:-10%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}to{transform:translate(5%,5%)scale(1.1)}}.pc-side-intro{max-width:450px;color:var(--text-main);flex-direction:column;animation:.8s ease-out fadeInUp;display:flex}.pc-side-intro h1{background:linear-gradient(135deg,#fff 0%,#a3f3d2 50%,#00e599 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #00e59933;-webkit-background-clip:text;margin-bottom:20px;font-size:44px;font-weight:700;line-height:1.2}.pc-side-intro p{color:var(--text-muted);margin-bottom:30px;font-size:15px;line-height:1.7}.pc-intro-cards{flex-direction:column;gap:15px;display:flex}.pc-intro-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#181a20;border:1px solid #2b313a;border-radius:16px;align-items:center;gap:15px;padding:16px;transition:all .3s;display:flex}.pc-intro-card:hover{background:#1e2329;border-color:#00e5994d;transform:translate(5px)}.pc-intro-card .icon-wrapper{color:#00e599;background:#00e5991f;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.pc-intro-card h4{color:#fff;margin-bottom:4px;font-size:15px}.pc-intro-card p{color:var(--text-muted);margin:0;font-size:12px;line-height:1.4}.mobile-simulator-frame{background-color:var(--bg-app);border:8px solid #1e2329;border-radius:36px;flex-direction:column;width:400px;height:820px;max-height:90vh;animation:.8s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 60px -15px #000000d9,0 0 0 1px #00e59933,0 0 40px #00e59914}.mobile-simulator-frame main{scrollbar-width:none;overflow-y:auto}.mobile-simulator-frame main::-webkit-scrollbar{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.admin-layout-wrapper{padding:20px 15px!important}.admin-content-row{flex-direction:column!important}.admin-col-left,.admin-col-right{width:100%!important}}