@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#06f;--primary-soft:#e6f0ff;--accent:#ff6b00;--accent-soft:#fff1e6;--background:#fffdf9;--foreground:#1a1a1a;--surface:#fff;--surface-alt:#f8faff;--border:#f0f0f0;--text-muted:#666;--radius:20px;--inner-radius:12px;--shadow:0 4px 20px -4px #0000000d;--shadow-lg:0 10px 30px -5px #00000014}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background);width:100%;height:100%;color:var(--foreground);-webkit-font-smoothing:antialiased;scroll-behavior:smooth;font-family:Plus Jakarta Sans,sans-serif}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:800;line-height:1.1}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-padding{padding:100px 0}@media (max-width:768px){.section-padding{padding:60px 0}}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}@media (max-width:991px){.bento-grid{flex-direction:column;display:flex}}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:2.5rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.bento-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.btn{border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:700;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#0052cc;box-shadow:0 4px 15px #0066ff4d}.btn-secondary{background-color:var(--surface);border:1px solid var(--border);color:var(--foreground)}.btn-secondary:hover{background-color:var(--surface-alt)}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:100px;padding:.5rem 1rem;font-size:.75rem;font-weight:800}.badge-primary{background-color:var(--primary-soft);color:var(--primary)}.text-center{text-align:center}.max-w-medium{max-width:700px;margin-left:auto;margin-right:auto}.mockup-container{border-radius:var(--inner-radius);background:#fdfdfd;border:1px solid #eee;overflow:hidden;box-shadow:0 10px 40px -10px #0000001a}.mockup-header{background:#f5f5f5;border-bottom:1px solid #eee;align-items:center;gap:.5rem;height:40px;padding:0 1rem;display:flex}.dot{background:#ddd;border-radius:50%;width:8px;height:8px}@media (max-width:768px){.mobile-stack{flex-direction:column!important;gap:2rem!important}.mobile-text-left{text-align:left!important}.hidden-mobile-sm{display:none!important}}.hidden-mobile{display:none!important}@media (min-width:768px){.hidden-mobile{display:flex!important}}.animate-fade-in{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}details summary::-webkit-details-marker{display:none}details summary::marker{content:"";display:none}details[open] summary i{transform:rotate(180deg)}details:hover{border-color:var(--primary)!important}@media (max-width:991px){.dashboard-layout{flex-direction:column!important}.sidebar-desktop{display:none!important}.bottom-nav-mobile{background:var(--surface);border-top:1px solid var(--border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-around;align-items:center;height:70px;padding:0 1rem;position:fixed;bottom:0;left:0;right:0;display:flex!important}.dashboard-main-content{padding:1.5rem 1.5rem 90px!important}.dashboard-header{padding:0 1.5rem!important}.dashboard-search{display:none!important}}.bottom-nav-mobile{display:none}.glass-card{-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268712}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, #00d2ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.skeleton{background:linear-gradient(90deg,#f0e9df 25%,#f8f3eb 50%,#f0e9df 75%) 0 0/400% 100%;border-radius:12px;animation:1.5s infinite skeleton-loading}@media print{body{background:#fff!important}.no-print{display:none!important}.printable-area{visibility:visible!important;width:100%!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;left:0!important}body>:not(.printable-area){display:none!important}.printable-area *{color:#000!important}}