@import "https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/subsets/Paperlogy-dynamic-subset.css";:root{--color-primary:#2563eb;--color-primary-light:#3b82f6;--color-primary-dark:#1d4ed8;--color-primary-bg:#eff6ff;--color-accent:#0ea5e9;--color-text:#1e293b;--color-text-secondary:#64748b;--color-text-light:#94a3b8;--color-text-inverse:#fff;--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e8f0;--color-danger:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--glass-bg:#ffffff1f;--glass-border:#fff3;--glass-blur:blur(12px);--color-overlay:#0f172a99;--color-overlay-light:#0f172a4d;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--font-sans:"Paperlogy", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.6}#root{min-height:100vh}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;line-height:1;display:inline-flex}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--secondary{background-color:var(--color-surface);color:var(--color-text);border:1.5px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn--secondary:active:not(:disabled){transform:translateY(0)}.btn--outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--color-primary-bg);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn--outline:active:not(:disabled){transform:translateY(0)}.btn--ghost{color:var(--color-text-secondary);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-text);transform:translateY(-1px)}.btn--ghost:active:not(:disabled){transform:translateY(0)}.btn--sm{padding:6px 12px;font-size:.875rem}.btn--md{padding:10px 20px;font-size:1rem}.btn--lg{padding:14px 28px;font-size:1.125rem}.btn--full-width{width:100%}.btn:disabled{opacity:.5;pointer-events:none}@media (width<=767px){.btn{min-height:44px}}.navbar{z-index:100;width:100%;transition:background var(--transition-normal), box-shadow var(--transition-normal);position:fixed;top:0;left:0}.navbar .navbar__cta{-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);background:#ffffff26;border:1px solid #ffffff4d;padding:10px 24px;font-size:.9rem}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#fffffff2}.navbar--scrolled .navbar__logo{color:var(--color-primary)}.navbar--scrolled .navbar__tagline{color:var(--color-text-secondary)}.navbar--scrolled .navbar__cta{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary);-webkit-backdrop-filter:none;backdrop-filter:none}.navbar--scrolled .navbar__cta:hover{background:var(--color-primary-dark)}.navbar__inner{max-width:1200px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;height:80px;margin:0 auto;display:flex}.navbar__brand{flex-direction:column;display:flex}.navbar__logo{color:#fff;transition:color var(--transition-normal);font-size:1.5rem;font-weight:800;line-height:1}.navbar__tagline{letter-spacing:2px;color:#ffffffb3;transition:color var(--transition-normal);font-size:.7rem;font-weight:300}.hero{height:100vh;min-height:600px;position:relative;overflow:hidden}.hero__slide{opacity:0;transition:opacity 1s ease-in-out;position:absolute;inset:0}.hero__slide--active{opacity:1}.hero__image{object-fit:cover;width:100%;height:100%}.hero__overlay{background:linear-gradient(#1e3a8a4d 0%,#0f172a80 50%,#0f172ab3 100%);position:absolute;inset:0}.hero__content{z-index:2;text-align:center;padding:0 var(--space-xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hero__subtitle{color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;font-size:.9rem;font-weight:400}.hero__title{color:#fff;white-space:pre-line;margin:0;font-size:3.5rem;font-weight:300;line-height:1.3}.hero__cta{margin-top:var(--space-xl);-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff26;border:1px solid #ffffff4d;padding:14px 32px;font-size:1.1rem;font-weight:500}.hero__cta:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.hero__indicators{z-index:3;gap:8px;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}.hero__dot{border-radius:var(--radius-full);cursor:pointer;width:8px;height:8px;transition:width var(--transition-normal), background var(--transition-normal);background:#fff6;border:none;padding:0}.hero__dot--active{background:#fff;width:24px}.hero__tags{z-index:3;gap:12px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero__tag{-webkit-backdrop-filter:blur(8px);color:#fff;border-radius:var(--radius-full);white-space:nowrap;background:#ffffff1f;border:1px solid #fff3;padding:8px 20px;font-size:.85rem}.about{background:var(--color-bg);padding:var(--space-4xl) var(--space-xl)}.about__header{text-align:center;margin-bottom:var(--space-3xl)}.about__title{color:var(--color-text);margin:0;font-size:2.5rem;font-weight:700}.about__description{color:var(--color-text-secondary);max-width:600px;margin:var(--space-md) auto 0;white-space:pre-line;line-height:1.8}.about__grid{gap:var(--space-lg);grid-template-columns:1fr 1.2fr .8fr;max-width:1200px;margin:0 auto;display:grid}.about__card{border-radius:var(--radius-xl);transition:transform var(--transition-normal), box-shadow var(--transition-normal);cursor:default;overflow:hidden}.about__card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.about__card-img-wrapper{height:200px;overflow:hidden}.about__card-img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.about__card:hover .about__card-img{transform:scale(1.05)}.about__card-body{padding:var(--space-lg)}.about__card-body--primary{background:var(--color-primary-bg)}.about__card--side{display:flex}.about__card-body--side{background:var(--color-surface);padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);flex-direction:column;justify-content:center;height:100%;display:flex}.about__card-title{color:var(--color-text);margin:0 0 var(--space-sm);font-size:1.25rem;font-weight:600}.about__card-text{color:var(--color-text-secondary);margin:0;font-size:.95rem;line-height:1.7}.about__link{border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);margin-top:var(--space-md);transition:border-color var(--transition-fast), color var(--transition-fast);align-items:center;padding:10px 24px;font-size:.9rem;font-weight:500;display:inline-flex}.about__link:hover{border-color:var(--color-primary);color:var(--color-primary)}.services{background:var(--color-surface);padding:var(--space-4xl) var(--space-xl)}.services__inner{max-width:1200px;margin:0 auto}.services__grid{gap:var(--space-2xl);grid-template-columns:.8fr 1.2fr;align-items:center;display:grid}.services__label{color:var(--color-primary);letter-spacing:2px;text-transform:uppercase;font-size:.85rem;font-weight:600}.services__title{color:var(--color-text);margin:12px 0;font-size:2rem;font-weight:700;line-height:1.4}.services__desc{color:var(--color-text-secondary);margin:0;line-height:1.8}.services__link{border:1.5px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text);margin-top:var(--space-lg);transition:border-color var(--transition-fast), color var(--transition-fast);align-items:center;padding:10px 24px;font-size:.9rem;font-weight:500;display:inline-flex}.services__link:hover{border-color:var(--color-primary);color:var(--color-primary)}.services__card{border-radius:var(--radius-xl);padding:var(--space-xl);background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);overflow:hidden}.services__card-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.services__card-text{flex-direction:column;justify-content:center;display:flex}.services__card-title{color:#fff;margin:0 0 var(--space-sm);font-size:1.4rem;font-weight:600}.services__card-desc{color:#ffffffb3;margin:0;font-size:.9rem;line-height:1.7}.services__card-tags{margin-top:var(--space-md);gap:8px;display:flex}.services__tag{border-radius:var(--radius-full);padding:6px 16px;font-size:.8rem;font-weight:500}.services__tag--primary{background:var(--color-primary);color:#fff}.services__tag--outline{color:#fffc;background:0 0;border:1px solid #ffffff4d}.services__card-img-wrapper{border-radius:var(--radius-lg);overflow:hidden}.services__card-img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:220px;transition:transform var(--transition-slow)}.services__card:hover .services__card-img{transform:scale(1.05)}.footer{color:#fff;padding:var(--space-3xl) var(--space-xl);background:linear-gradient(135deg,#1e3a5f 0%,#0f172a 100%)}.footer__inner{max-width:1200px;margin:0 auto}.footer__top{justify-content:space-between;align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.footer__brand{flex-direction:column;display:flex}.footer__logo{letter-spacing:-1px;font-size:3rem;font-weight:800;line-height:1}.footer__tagline{color:#fff9;margin-top:4px;font-size:.85rem}.footer__search{border-radius:var(--radius-full);color:#fff;width:300px;transition:border-color var(--transition-fast), background var(--transition-fast);background:#ffffff1a;border:1px solid #ffffff26;outline:none;padding:12px 24px;font-size:.9rem}.footer__search::placeholder{color:#fff6}.footer__search:focus{background:#ffffff26;border-color:#fff6}.footer__divider{margin:var(--space-2xl) 0;border:none;border-top:1px solid #ffffff1a}.footer__bottom{justify-content:space-between;align-items:center;display:flex}.footer__copyright{color:#ffffff80;font-size:.85rem}.footer__links{gap:var(--space-lg);display:flex}.footer__link{color:#ffffff80;transition:color var(--transition-fast);font-size:.85rem}.footer__link:hover{color:#fff}@media (width<=1024px){.hero__title{font-size:2.5rem}.about__grid{grid-template-columns:1fr 1fr}.about__card--side{grid-column:1/-1}.services__grid{grid-template-columns:1fr}.services__card-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.hero__title{font-size:2rem}.hero__tags{padding:0 var(--space-md);flex-wrap:wrap;justify-content:center}.about__grid,.services__card-grid{grid-template-columns:1fr}.footer__top{text-align:center;flex-direction:column}.footer__brand{order:2}.footer__search{order:1;width:100%}.footer__bottom{gap:var(--space-md);text-align:center;flex-direction:column}.footer__links{flex-wrap:wrap;justify-content:center}}.input-group{flex-direction:column;width:100%;display:flex}.input-group__label{color:var(--color-text);margin-bottom:6px;font-size:.875rem;font-weight:500}.input-group__required{color:var(--color-danger);margin-left:2px}.input-group__field{border:1.5px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text);background-color:var(--color-bg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:12px 16px;font-size:1rem}.input-group__field::placeholder{color:var(--color-text-light)}.input-group__field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.input-group__field--error{border-color:var(--color-danger)}.input-group__field--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.input-group__error{color:var(--color-danger);margin-top:var(--space-xs);font-size:.8rem}.login{min-height:100vh;display:flex}.login__branding{background:linear-gradient(135deg,#1e3a5f 0%,#2563eb 50%,#3b82f6 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login__branding:before{content:"";border:1px solid #ffffff1a;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.login__branding:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-80px}.login__branding-content{z-index:1;text-align:center;color:#fff;padding:var(--space-xl);position:relative}.login__brand-logo{letter-spacing:8px;margin:0;font-size:4rem;font-weight:800;line-height:1}.login__brand-tagline{color:#fffc;letter-spacing:3px;margin-top:12px;font-size:1rem;font-weight:300}.login__brand-desc{color:#fff9;margin-top:var(--space-xl);white-space:pre-line;line-height:1.8}.login__form-panel{background:var(--color-bg);padding:var(--space-xl);flex:1;justify-content:center;align-items:center;display:flex}.login__form{width:100%;max-width:400px}.login__mobile-logo{text-align:center;margin-bottom:var(--space-2xl);display:none}.login__mobile-logo-text{color:var(--color-primary);font-size:2rem;font-weight:800;display:block}.login__mobile-logo-tagline{color:var(--color-text-secondary);margin-top:4px;font-size:.75rem;display:block}.login__title{color:var(--color-text);margin:0;font-size:1.75rem;font-weight:700}.login__subtitle{color:var(--color-text-secondary);margin-top:8px;margin-bottom:var(--space-xl);font-size:.95rem}.login__fields{gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:column;display:flex}.login__back-link{color:var(--color-text-secondary);margin-top:var(--space-xl);transition:color var(--transition-fast);align-items:center;font-size:.9rem;display:inline-flex}.login__back-link:hover{color:var(--color-primary)}@media (width<=1024px){.login__branding{flex:.8}}@media (width<=640px){.login{flex-direction:column}.login__branding{display:none}.login__mobile-logo{display:block}.login__form-panel{min-height:100vh}}.sidebar{background-color:var(--color-bg);border-right:1px solid var(--color-border);z-index:100;width:260px;height:100vh;transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0}.sidebar__header{align-items:center;gap:var(--space-sm);padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex}.sidebar__logo{color:var(--dash-accent);font-size:1.25rem;font-weight:800}.sidebar__badge{border-radius:var(--radius-full);background-color:var(--dash-accent-bg);color:var(--dash-accent);padding:2px 10px;font-size:.75rem;font-weight:600}.sidebar__nav{padding:var(--space-md);flex:1;overflow-y:auto}.sidebar__nav-item{align-items:center;gap:var(--space-sm);padding:10px var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);margin-bottom:2px;font-size:.9375rem;font-weight:500;display:flex}.sidebar__nav-item:hover{background-color:var(--color-surface);color:var(--color-text)}.sidebar__nav-item--active{background-color:var(--dash-accent-bg);color:var(--dash-accent);font-weight:600}.sidebar__nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;font-size:18px;display:inline-flex}.sidebar__footer{padding:var(--space-md);border-top:1px solid var(--color-border)}.sidebar__logout{align-items:center;gap:var(--space-sm);width:100%;padding:10px var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:.9375rem;font-weight:500;display:flex}.sidebar__logout:hover{color:var(--color-danger);background-color:#ef444414}.dashboard-main{min-height:100vh;margin-left:260px}.topbar{z-index:10;padding:var(--space-md) var(--space-xl);background-color:var(--color-bg);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:none;backdrop-filter:none;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{color:var(--color-text);font-size:20px;font-weight:700}.topbar__welcome{color:var(--color-text-secondary);font-size:.875rem}.topbar__hamburger{padding:var(--space-xs);color:var(--color-text);font-size:1.5rem;display:none}.dashboard-content{padding:var(--space-xl)}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{z-index:1000;transform:translate(-100%)}.sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-overlay--visible{z-index:999;background-color:#0006;display:block;position:fixed;inset:0}.dashboard-main{margin-left:0}.topbar__hamburger{display:block}.topbar{padding:12px var(--space-md)}.dashboard-content{padding:var(--space-md)}}.admin-welcome{margin-bottom:var(--space-2xl)}.admin-welcome h2{color:var(--color-text);font-size:1.5rem;font-weight:700}.admin-welcome p{color:var(--color-text-secondary);margin-top:var(--space-sm)}.admin-stats{gap:var(--space-lg);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1023px){.admin-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.admin-stats{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-md)}.stat-card__value{font-size:26px}}.customer-welcome{margin-bottom:var(--space-2xl)}.customer-welcome h2{color:var(--color-text);font-size:1.5rem;font-weight:700}.customer-welcome p{color:var(--color-text-secondary);margin-top:var(--space-sm)}.customer-stats{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=1023px){.customer-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.customer-stats{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-md)}.stat-card__value{font-size:26px}}.consultant-welcome{margin-bottom:var(--space-2xl)}.consultant-welcome h2{color:var(--color-text);font-size:1.5rem;font-weight:700}.consultant-welcome p{color:var(--color-text-secondary);margin-top:var(--space-sm)}.consultant-stats{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.stat-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.stat-card:hover{box-shadow:var(--shadow-md)}.stat-card__icon{margin-bottom:var(--space-sm);font-size:28px}.stat-card__value{color:var(--color-text);margin-bottom:4px;font-size:32px;font-weight:700}.stat-card__label{color:var(--color-text-secondary);font-size:14px}@media (width<=1023px){.consultant-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=767px){.consultant-stats{gap:var(--space-md);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-md)}.stat-card__value{font-size:26px}}