@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--bg-color:#080a10;--bg-app:#0e121e;--card-bg:#171b2ca6;--card-border:#ffffff12;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-color:#8b5cf6;--accent-glow:#8b5cf64d;--success-color:#10b981;--success-glow:#10b98133;--warning-color:#f59e0b;--danger-color:#ef4444;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dark:#6b7280;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--glass-bg:#0f1224cc;--glass-border:#ffffff0d}*{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);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}.app-frame{background-color:var(--bg-app);border-left:1px solid var(--glass-border);border-right:1px solid var(--glass-border);scrollbar-width:none;flex-direction:column;width:100%;max-width:480px;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden auto;box-shadow:0 25px 50px -12px #000000b3}.app-frame::-webkit-scrollbar{display:none}@media (width<=768px){.app-frame{max-width:100%;box-shadow:none;border:none}}h1,h2,h3,h4,h5{font-family:var(--font-title);letter-spacing:-.02em;font-weight:600}.glass-card{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:22px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px -10px #00000080}.glass-card:hover{border-color:#8b5cf640;transform:translateY(-4px);box-shadow:0 15px 35px -5px #8b5cf626}.btn-primary{background:var(--primary-gradient);color:#fff;font-family:var(--font-title);cursor:pointer;width:100%;box-shadow:0 4px 15px var(--accent-glow);border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.btn-primary:hover{transform:scale(1.02);box-shadow:0 6px 20px #8b5cf680}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{color:#9ca3af;box-shadow:none;cursor:not-allowed;background:#374151;transform:none}.btn-secondary{color:var(--text-main);font-family:var(--font-title);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}.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}}.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%,#6366f11f 0%,#0000 40%),radial-gradient(circle at 90% 80%,#8b5cf61f 0%,#0000 40%),#080a10;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,#6366f10f 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,#8b5cf60f 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%,#c7d2fe 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #8b5cf626;-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:#171b2c66;border:1px solid #ffffff0d;border-radius:16px;align-items:center;gap:15px;padding:16px;transition:all .3s;display:flex}.pc-intro-card:hover{background:#171b2c99;border-color:#8b5cf633;transform:translate(5px)}.pc-intro-card .icon-wrapper{color:#8b5cf6;background:#8b5cf61a;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 #171b2cd9;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 #8b5cf626,0 0 40px #8b5cf614}.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}}