.breadcrumb-modern{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb-item-modern{color:var(--para-color);align-items:center;gap:12px;font-weight:500;display:flex}.breadcrumb-item-modern a{color:var(--para-color);align-items:center;gap:8px;transition:color .3s;display:flex}.breadcrumb-item-modern a:hover{color:var(--theme-color)}.breadcrumb-item-modern.active{color:var(--theme-color);font-weight:700}
.floating-matrix{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;width:100%;max-width:900px;margin:0 auto;padding:1rem 0;display:flex}.matrix-tile{background:var(--surface-color,var(--white-color));border:1px solid var(--border-color);cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:16px 20px;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.25,1,.5,1);animation:5s ease-in-out infinite float;display:flex;box-shadow:0 4px 12px #00000005}.matrix-tile:nth-child(2n){animation-delay:1s}.matrix-tile:nth-child(3n){animation-delay:2s}.matrix-tile:nth-child(4n){animation-delay:1.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.matrix-tile:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);animation-play-state:paused;transform:translateY(-6px)scale(1.04)!important}[data-theme=dark] .matrix-tile:hover{box-shadow:0 16px 40px -10px #00000080}.matrix-logo{object-fit:contain;width:28px;height:28px;transition:transform .4s}.matrix-tile:hover .matrix-logo{transform:scale(1.15)rotate(5deg)}.matrix-name{color:var(--heading-color);margin:0;font-size:1rem;font-weight:600}.mobile-hidden{display:none}@media (min-width:768px){.mobile-hidden{display:flex}}.floating-matrix.is-expanded .mobile-hidden{display:flex}.stack-btn-wrapper{justify-content:center;margin-top:3.5rem;display:flex}
.design-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;padding-bottom:2rem;display:grid}@media (min-width:576px){.design-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.design-grid{grid-template-columns:repeat(4,1fr)}}.design-card{background:var(--white-color);text-align:center;border:2px solid #0000;border-radius:20px;flex-direction:column;align-items:center;padding:30px 20px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 5px 20px #0000000a}.design-card:hover{border-color:color-mix(in srgb, var(--primary-color) 20%, transparent);transform:translateY(-5px);box-shadow:0 15px 35px #00000014}.design-icon-wrapper{background:color-mix(in srgb, var(--primary-color) 8%, transparent);border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:20px;transition:all .45s;display:flex}.design-card:hover .design-icon-wrapper{background:var(--primary-color);box-shadow:0 10px 20px color-mix(in srgb, var(--primary-color) 30%, transparent);transform:translateY(-3px)scale(1.05)}.design-logo{object-fit:contain;width:32px;height:32px;transition:all .45s}.mobile-hidden{display:none}@media (min-width:768px){.mobile-hidden{display:flex}}.design-grid.is-expanded .mobile-hidden{display:flex}.design-name{font:var(--small-heading-font);font-size:var(--fs-md);color:var(--heading-color);margin:0 0 10px}.design-desc{font:var(--para-font);font-size:var(--fs-sm);color:var(--para-color);margin:0;line-height:1.5}
.dashboard-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (min-width:576px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.dashboard-grid{grid-template-columns:repeat(4,1fr)}}.widget-card{background:var(--surface-color,var(--white-color));border:1px solid var(--border-color);border-radius:14px;flex-direction:column;padding:24px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000004}.widget-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-4px)}.widget-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.widget-logo{object-fit:contain;border-radius:8px;width:40px;height:40px}.widget-name{font-size:var(--fs-md);color:var(--heading-color);margin:0;font-weight:600}.mobile-hidden{display:none}@media (min-width:768px){.mobile-hidden{display:flex}}.dashboard-grid.is-expanded .mobile-hidden{display:flex}