:root{--page:#b9c7cf;--accent:#6d4dff;--accent-2:#9d5cff;--ink:#111827;--muted:#7b8492;--light-panel:#f5f7fa;--light-rail:rgba(255,255,255,0.78);--dark-panel:#0d1430;--dark-rail:#0a1128;--dark-soft:rgba(255,255,255,0.08);--radius:22px;--shadow:0 24px 70px rgba(27,39,54,0.18)}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.4),transparent 25%),linear-gradient(135deg,#c8d6db,var(--page));color:var(--ink);font-family:Inter,Arial,sans-serif}a,button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.techandall_com_demo_showcase-shell{display:grid;grid-template-columns:repeat(2,minmax(320px,max-content));justify-content:center;align-items:center;gap:clamp(48px,8vw,120px);min-height:100vh;padding:40px}.techandall_com_demo_nav-showcase{display:flex;gap:70px;align-items:stretch;min-height:720px;transition:gap .34s cubic-bezier(.16,1,.3,1)}.techandall_com_demo_nav-showcase.techandall_com_demo_is-collapsed{gap:18px}.techandall_com_demo_icon-rail,.techandall_com_demo_menu-panel{border:1px solid rgba(255,255,255,.52);box-shadow:var(--shadow)}.techandall_com_demo_icon-rail{position:relative;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;width:70px;min-height:720px;border-radius:18px;background:var(--rail-bg);color:var(--rail-text);padding:22px 0}.techandall_com_demo_rail-collapse{display:grid;width:38px;height:38px;place-items:center;border:0;border-radius:12px;background:0 0;color:currentColor;transition:background .2s,transform .34s cubic-bezier(.16,1,.3,1);transform:rotate(180deg)}.techandall_com_demo_rail-collapse:hover{background:var(--icon-active-bg)}.techandall_com_demo_nav-showcase.techandall_com_demo_is-collapsed .techandall_com_demo_rail-collapse{transform:rotate(0)}.techandall_com_demo_rail-icons{display:grid;align-content:start;gap:16px;margin-top:32px}.techandall_com_demo_rail-icons a{position:relative;display:grid;width:38px;height:38px;place-items:center;border-radius:14px;color:var(--rail-muted);transition:background .2s,color .2s,transform .2s}.techandall_com_demo_rail-icons a.techandall_com_demo_active,.techandall_com_demo_rail-icons a:hover{background:var(--icon-active-bg);color:var(--icon-active-text);transform:translateY(-2px)}.techandall_com_demo_has-tooltip::after{content:attr(data-tooltip);position:absolute;right:calc(100%+14px);top:50%;border-radius:8px;background:#0d1430;color:#fff;font-size:.78rem;font-weight:700;padding:10px 12px;opacity:0;pointer-events:none;transform:translateY(-50%) translateX(8px);white-space:nowrap;transition:.2s}.techandall_com_demo_has-tooltip:hover::after{opacity:1;transform:translateY(-50%) translateX(0)}.techandall_com_demo_profile-card>span,.techandall_com_demo_rail-avatar{display:grid;place-items:center;border-radius:50%;background:#f2d078;color:#172033;font-size:.75rem;font-weight:900}.techandall_com_demo_rail-avatar{width:40px;height:40px}.techandall_com_demo_menu-panel{display:grid;grid-template-rows:auto auto 1fr auto;width:260px;max-width:260px;min-height:720px;overflow:hidden;border-radius:var(--radius);background:var(--panel-bg);color:var(--panel-text);padding:28px 22px 18px;transform:translateX(0);transform-origin:left center;transition:width .34s cubic-bezier(.16,1,.3,1),max-width .34s cubic-bezier(.16,1,.3,1),padding .34s cubic-bezier(.16,1,.3,1),opacity .22s,transform .34s cubic-bezier(.16,1,.3,1),border-color .22s}.techandall_com_demo_nav-showcase.techandall_com_demo_is-collapsed .techandall_com_demo_menu-panel{width:0;max-width:0;border-color:transparent;opacity:0;padding-inline:0;pointer-events:none;transform:translateX(-28px) scaleX(.96)}.techandall_com_demo_brand-row{display:grid;grid-template-columns:46px 1fr 34px;gap:12px;align-items:center}.techandall_com_demo_brand-row small,.techandall_com_demo_brand-row strong{display:block}.techandall_com_demo_brand-row strong{font-size:.92rem}.techandall_com_demo_brand-row small{color:var(--panel-muted);font-size:.74rem;font-weight:700}.techandall_com_demo_brand-row button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:0 0;color:var(--panel-muted);transition:background .2s,color .2s,transform .2s}.techandall_com_demo_brand-row button:hover{background:var(--menu-hover);color:var(--panel-text);transform:scale(1.05)}.techandall_com_demo_logo-mark{position:relative;display:block;width:42px;height:42px}.techandall_com_demo_logo-mark i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(109,77,255,.12)}.techandall_com_demo_logo-mark i:first-child{left:16px;top:2px}.techandall_com_demo_logo-mark i:nth-child(2){left:4px;top:17px}.techandall_com_demo_logo-mark i:nth-child(3){right:4px;top:17px}.techandall_com_demo_logo-mark i:nth-child(4){left:16px;bottom:2px}.techandall_com_demo_logo-mark i:nth-child(5){left:16px;top:17px;background:var(--accent-2)}.techandall_com_demo_logo-mark::after,.techandall_com_demo_logo-mark::before{content:"";position:absolute;inset:10px;border-left:2px solid var(--accent);border-right:2px solid var(--accent);transform:rotate(45deg)}.techandall_com_demo_search-field{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:10px;min-height:46px;margin-top:30px;border-radius:16px;background:var(--search-bg);color:var(--panel-muted);padding:0 14px;transition:box-shadow .2s,transform .2s}.techandall_com_demo_search-field:focus-within{box-shadow:0 0 0 4px rgba(109,77,255,.1);transform:translateY(-1px)}.techandall_com_demo_search-field input{min-width:0;border:0;outline:0;background:0 0;color:var(--panel-text);font-size:.8rem;font-weight:700}.techandall_com_demo_menu-list{display:grid;align-content:start;gap:10px;margin-top:28px}.techandall_com_demo_menu-list a,.techandall_com_demo_submenu-toggle{display:flex;align-items:center;justify-content:flex-start;min-height:38px;border:0;border-radius:12px;background:0 0;color:var(--panel-text);font-size:.82rem;font-weight:700;padding:0 8px;transition:background .2s,color .2s,transform .2s}.techandall_com_demo_menu-list a.techandall_com_demo_active,.techandall_com_demo_menu-list a:hover,.techandall_com_demo_submenu-toggle:hover{background:var(--menu-hover);transform:translateX(2px)}.techandall_com_demo_menu-list a svg,.techandall_com_demo_submenu-toggle svg{flex:0 0 auto;margin-right:12px}.techandall_com_demo_submenu-toggle span:first-child{display:inline-flex;align-items:center}.techandall_com_demo_submenu-toggle>svg{width:17px;height:17px;margin-right:0;transition:transform .2s}.techandall_com_demo_submenu-toggle:not(.techandall_com_demo_is-open)>svg{transform:rotate(180deg)}.techandall_com_demo_menu-list a span,.techandall_com_demo_submenu a span{display:grid;min-width:28px;height:24px;margin-left:auto;place-items:center;border-radius:999px;background:var(--badge-bg);color:var(--badge-text);font-size:.72rem}.techandall_com_demo_submenu{display:none;margin:-4px 0 6px 21px;border-left:2px solid var(--submenu-line);padding-left:16px}.techandall_com_demo_submenu.techandall_com_demo_is-open{display:grid;gap:7px}.techandall_com_demo_submenu a{position:relative;min-height:28px;color:var(--panel-muted);font-size:.78rem}.techandall_com_demo_submenu a::before{content:"";position:absolute;left:-17px;top:50%;width:12px;border-top:2px solid var(--submenu-line)}.techandall_com_demo_profile-card{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;justify-self:center;width:calc(100% - 14px);margin:18px auto 0;min-height:64px;border-radius:18px;background:var(--profile-bg);padding:10px}.techandall_com_demo_profile-card>span{width:38px;height:38px}.techandall_com_demo_profile-card small,.techandall_com_demo_profile-card strong{display:block}.techandall_com_demo_profile-card strong{font-size:.8rem}.techandall_com_demo_profile-card small{color:var(--panel-muted);font-size:.68rem;font-weight:700}.techandall_com_demo_profile-card svg{width:18px;height:18px;color:var(--panel-muted)}.techandall_com_demo_light-theme{--rail-bg:var(--light-rail);--rail-text:#172033;--rail-muted:#202938;--panel-bg:var(--light-panel);--panel-text:#172033;--panel-muted:#7d8490;--search-bg:#e9edf2;--menu-hover:#eceff4;--badge-bg:#e7ebf0;--badge-text:#6d7480;--submenu-line:#98a0aa;--profile-bg:#ecf0f4;--icon-active-bg:linear-gradient(135deg,var(--accent),var(--accent-2));--icon-active-text:#ffffff}.techandall_com_demo_dark-theme{--rail-bg:var(--dark-rail);--rail-text:#f4f7fb;--rail-muted:#eef4ff;--panel-bg:var(--dark-panel);--panel-text:#f4f7fb;--panel-muted:#9ca7c2;--search-bg:rgba(255,255,255,0.1);--menu-hover:rgba(255,255,255,0.08);--badge-bg:rgba(255,255,255,0.12);--badge-text:#dce4f7;--submenu-line:rgba(255,255,255,0.42);--profile-bg:rgba(255,255,255,0.1);--icon-active-bg:linear-gradient(135deg,var(--accent),var(--accent-2));--icon-active-text:#ffffff}@media (max-width:980px){.techandall_com_demo_showcase-shell{grid-template-columns:1fr;justify-items:center}}@media (max-width:560px){.techandall_com_demo_showcase-shell{padding:22px 16px}.techandall_com_demo_nav-showcase{width:min(100%,360px);gap:14px;min-height:auto}.techandall_com_demo_icon-rail,.techandall_com_demo_menu-panel{min-height:640px}.techandall_com_demo_menu-panel{flex:1 1 auto;width:auto;max-width:260px;padding-inline:16px}}