:root{--font-sans: "Plus Jakarta Sans", "Segoe UI", Tahoma, sans-serif;--md-primary-rgb: 99, 126, 255;--md-secondary-rgb: 36, 224, 195;--bg0: #060a17;--bg1: #0d1633;--card: rgba(14, 23, 47, .94);--border: rgba(112, 145, 255, .34);--text: rgba(244, 248, 255, .98);--muted: rgba(174, 198, 236, .88);--shadow: 0 14px 34px rgba(2, 8, 22, .58);--a1: rgb(var(--md-primary-rgb));--a2: rgb(var(--md-secondary-rgb));--a1b: rgba(var(--md-primary-rgb),.28);--a2b: rgba(var(--md-secondary-rgb),.26);--grad: var(--a1);--gradStrong: var(--a2);--md-gradient: linear-gradient(135deg, rgba(var(--md-primary-rgb),.42), rgba(var(--md-secondary-rgb),.3));--md-gradient-soft: linear-gradient(135deg, rgba(var(--md-primary-rgb),.26), rgba(var(--md-secondary-rgb),.2));--md-gradient-strong: linear-gradient(135deg, rgba(var(--md-primary-rgb),.98), rgba(var(--md-secondary-rgb),.82));--motion-fast: .12s;--motion-med: .22s}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg0);color:var(--text);font-family:var(--font-sans)}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 15% -10%,rgba(var(--md-primary-rgb),.32),transparent 46%),radial-gradient(circle at 85% -20%,rgba(var(--md-secondary-rgb),.24),transparent 48%),radial-gradient(circle at 50% 120%,rgba(var(--md-primary-rgb),.12),transparent 55%),var(--bg0);padding-top:env(safe-area-inset-top,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px)}a{color:inherit}hr{border:0;border-top:1px solid var(--border);opacity:.9}input{width:100%;color:var(--text);background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:12px;outline:none;font-family:var(--font-sans);transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,background var(--motion-fast) ease}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible,select:focus,select:focus-visible,a:focus,a:focus-visible,button:focus,button:focus-visible{outline:none;box-shadow:none}input:focus{border-color:var(--a1);box-shadow:0 0 0 4px var(--a2b)}button{color:var(--text);background:#ffffff0d;border:1px solid var(--border);border-radius:12px;padding:10px 12px;font-weight:700;cursor:pointer;font-family:var(--font-sans);position:relative;overflow:hidden;isolation:isolate;transition:transform var(--motion-fast) ease,background var(--motion-fast) ease,border-color var(--motion-fast) ease,box-shadow var(--motion-med) ease}button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--md-secondary-rgb),.28) 0%,transparent 64%);opacity:0;transform:scale(.84);transition:opacity var(--motion-fast) ease,transform var(--motion-med) ease;z-index:-1;pointer-events:none}button:hover{background:var(--a1b);border-color:rgba(var(--md-primary-rgb),.36);transform:translateY(-1px)}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--md-primary-rgb),.24)}button:disabled{opacity:.55;cursor:not-allowed}button:active{transform:translateY(0) scale(.985)}button:active:after{opacity:1;transform:scale(1.08)}.md3-feedback{position:relative;overflow:hidden}.md3-feedback:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(var(--md-secondary-rgb),.24) 0%,transparent 64%);opacity:0;transform:scale(.84);transition:opacity var(--motion-fast) ease,transform var(--motion-med) ease;pointer-events:none}.md3-feedback:active:after{opacity:1;transform:scale(1.08)}.interactive-card{transition:transform var(--motion-fast) ease,box-shadow var(--motion-med) ease,border-color var(--motion-fast) ease,background var(--motion-fast) ease}.interactive-card:hover{transform:translateY(-2px);border-color:rgba(var(--md-primary-rgb),.46)!important;box-shadow:0 14px 28px #040c1e73!important}.interactive-card:active{transform:scale(.985)}.navbar-shell{border-bottom:1px solid rgba(var(--md-primary-rgb),.26)!important;background:linear-gradient(180deg,#0b1123e6,#0b1123b8)!important;box-shadow:0 8px 20px #0309166b}.navbar-action{border-radius:12px}.tabs-bottom{display:none}.tabs-bottom .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 12px;border:0;background:transparent;font-weight:700;color:var(--muted);border-radius:14px;transition:background var(--motion-fast) ease,transform var(--motion-fast) ease,color var(--motion-fast) ease}.tabs-bottom .tab-item:hover{background:rgba(var(--md-primary-rgb),.14);transform:translateY(-1px)}.tabs-bottom .tab-icon{width:22px;height:22px;display:grid;place-items:center}.tabs-bottom .tab-icon svg{width:20px;height:20px}.tabs-bottom .tab-label{font-size:11px;letter-spacing:.2px}.tabs-bottom .tab-item.active{color:var(--text);background:rgba(var(--md-primary-rgb),.18)}.tabs-bottom .tab-item.active .tab-icon{filter:drop-shadow(0 6px 14px rgba(var(--md-primary-rgb),.35))}.tabs-bottom .tab-item.active:before{content:"";display:block;width:28px;height:4px;border-radius:999px;background:rgba(var(--md-primary-rgb),.8);margin-bottom:6px}.tabs-top button{border-radius:14px}.tabs-top button:before{content:"";position:absolute;inset:auto 16px 6px;height:3px;border-radius:999px;background:rgba(var(--md-primary-rgb),0);transition:background var(--motion-fast) ease}.tabs-top button.top-tab-active:before{background:rgba(var(--md-secondary-rgb),.95)}img{max-width:100%;height:auto}.fade-slide-card{animation:fadeSlideUp .26s ease-out both}@keyframes pulseGlow{0%{transform:scale(.9);opacity:.5}50%{transform:scale(1.1);opacity:.9}to{transform:scale(.9);opacity:.5}}@keyframes popIn{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}@keyframes floatUp{0%{transform:translateY(2px)}50%{transform:translateY(-6px)}to{transform:translateY(2px)}}@keyframes tabSlide{0%{opacity:.72;filter:blur(1px)}to{opacity:1;filter:blur(0)}}@keyframes fadeSlideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes floatSlow{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes statsViewIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes chartLineDraw{to{stroke-dashoffset:0}}@keyframes chartPointIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.stats-view{animation:statsViewIn .28s ease-out both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:1ms!important;scroll-behavior:auto!important}}@media(max-width:520px){.set-row{align-items:stretch!important;flex-direction:column!important;gap:8px!important}.set-row .set-stepper,.set-row .set-weight{width:100%}.set-row .set-weight{justify-content:space-between}.set-row .set-remove{align-self:flex-end}button,input,textarea{min-height:44px}}@media(max-width:720px){.tabs-top{display:none!important}.tabs-bottom{display:flex;position:fixed;left:50%;transform:translate(-50%);width:min(420px,calc(100% - 24px));bottom:0;background:#101620eb;border-top:1px solid rgba(var(--md-primary-rgb),.25);border-radius:16px 16px 0 0;padding:4px 10px calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 20px #00000073;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}main{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}}@media(max-width:720px){.dash-board-grid{grid-template-columns:1fr!important}.dash-summary-grid{gap:8px!important}.dash-summary-card{padding:10px!important}.dash-summary-compact{padding:8px 10px!important}.dash-card-value{font-size:20px!important}.dash-card-value-small{font-size:14px!important}.dash-card-sub{font-size:11px!important}.metric-row{gap:6px!important}.metric-pill{min-width:64px!important;padding:6px 8px!important;border-radius:10px!important}.metric-pill div{font-size:12px!important}}.phone-frame{width:240px;height:420px}@media(min-width:900px){.phone-frame{width:300px;height:520px}}.simple-gallery{width:100%;background:transparent;overflow:hidden}.simple-gallery-track{display:flex;transition:transform .32s ease}.simple-gallery-slide{min-width:100%;padding:0}.simple-gallery-card{width:100%;border:none;border-radius:0;background:transparent;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left}.simple-gallery-img{width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:0;background:transparent;border:none}.simple-gallery-label{font-weight:800;font-size:14px}.simple-gallery-controls{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none}.simple-gallery-btn{width:44px;height:44px;border-radius:14px;border:1px solid rgba(var(--md-primary-rgb),.55);background:var(--md-gradient);font-weight:900;display:grid;place-items:center;box-shadow:0 10px 18px #00000059;pointer-events:auto}.preload{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,rgba(var(--md-primary-rgb),.2),transparent 50%),radial-gradient(circle at 80% 10%,rgba(var(--md-secondary-rgb),.2),transparent 55%),#0f1218;z-index:9999;transition:opacity .32s ease}.preload-hidden{opacity:0;pointer-events:none}.preload-inner{display:grid;place-items:center;gap:10px}.preload-logo{width:96px;height:96px;border-radius:20px;object-fit:cover;border:1px solid rgba(var(--md-primary-rgb),.5);box-shadow:0 14px 34px #00000073;animation:preloadPulse 1.8s ease-in-out infinite}.preload-ring{width:40px;height:40px;border-radius:999px;border:3px solid rgba(var(--md-primary-rgb),.2);border-top-color:rgba(var(--md-secondary-rgb),.9);animation:preloadSpin 1s linear infinite}.preload-text{font-size:12px;letter-spacing:.2px;color:#e6e9f0d9}@keyframes preloadSpin{to{transform:rotate(360deg)}}@keyframes preloadPulse{0%,to{transform:scale(1);box-shadow:0 14px 34px #00000073}50%{transform:scale(1.04);box-shadow:0 18px 38px rgba(var(--md-secondary-rgb),.35)}}.landing-nav-link{border-radius:999px;transition:background .16s ease,color .16s ease,transform .16s ease}.landing-nav-link:hover{background:rgba(var(--md-primary-rgb),.18);color:var(--text);transform:translateY(-1px)}.landing-nav-link:focus-visible{outline:2px solid rgba(var(--md-primary-rgb),.6);outline-offset:2px}@media(min-width:900px){.simple-gallery{max-width:860px;margin:0 auto}.simple-gallery-img{max-height:620px}.simple-gallery-controls{padding:0 24px}}
