:root{--bg:#05060a;--panel:#11121a;--panel-2:#151720;--panel-3:#0e1017;--line:rgba(255,255,255,0.08);--text:#f4f6fb;--muted:#8a8d99;--lime:#c9ff3f;--purple:#7e63ff;--purple-2:#a585ff;--danger:#ff604b;--shadow:0 24px 80px rgba(0,0,0,0.42);--radius:28px}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow-x:hidden;background:radial-gradient(circle at 78% 4%,rgba(140,255,78,0.22),transparent 26%),radial-gradient(circle at 8% 0%,rgba(126,99,255,0.15),transparent 28%),linear-gradient(135deg,#172b17 0%,#05060a 34%,#05060a 100%);color:var(--text);font-family:"Inter",Arial,sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.techandall_com_demo_dashboard-shell{width:min(1480px,calc(100% - 40px));max-width:1480px;min-width:0;min-height:calc(100vh - 40px);margin:20px auto;overflow:hidden;border:1px solid rgba(255,255,255,0.08);border-radius:36px;background:radial-gradient(circle at 6% 4%,rgba(201,255,63,0.16),transparent 24%),radial-gradient(circle at 92% 0%,rgba(126,99,255,0.2),transparent 28%),linear-gradient(145deg,rgba(255,255,255,0.075),transparent 18%),linear-gradient(180deg,#0c0e16 0%,#06070b 45%,#030407 100%);box-shadow:0 35px 120px rgba(0,0,0,0.68);padding:clamp(18px,3vw,34px)}.techandall_com_demo_topbar{display:grid;grid-template-columns:minmax(190px,0.7fr) auto minmax(240px,0.9fr);gap:22px;align-items:center;min-width:0}.techandall_com_demo_brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);font-size:clamp(1rem,1.4vw,1.2rem);font-weight:800}.techandall_com_demo_brand em{color:var(--muted);font-style:normal;font-weight:600}.techandall_com_demo_brand-mark{display:grid;width:33px;height:33px;place-items:center;color:var(--lime);font-size:0.78rem;font-weight:900;letter-spacing:-0.08em;position:relative}.techandall_com_demo_brand-mark::before,.techandall_com_demo_brand-mark::after{content:"";position:absolute;border:3px solid var(--lime)}.techandall_com_demo_brand-mark::before{inset:4px 12px 12px 4px;border-right:0;border-bottom:0}.techandall_com_demo_brand-mark::after{inset:12px 4px 4px 12px;border-left:0;border-top:0}.techandall_com_demo_pill-nav{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px;border:1px solid var(--line);border-radius:999px;background:rgba(22,24,34,0.9);box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);min-width:0}.techandall_com_demo_pill-nav a{display:inline-flex;align-items:center;gap:7px;min-height:36px;border-radius:999px;color:var(--muted);font-size:0.78rem;font-weight:800;padding:0 15px;transition:0.2s ease}.techandall_com_demo_pill-nav a.techandall_com_demo_active,.techandall_com_demo_pill-nav a:hover{background:var(--lime);color:#0d1115}.techandall_com_demo_top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;min-width:0}.techandall_com_demo_search-menu{position:relative}.techandall_com_demo_notification-menu{position:relative}.techandall_com_demo_top-search{position:absolute;top:calc(100%+8px);z-index:20;display:grid;grid-template-columns:18px 1fr;align-items:center;gap:10px;width:min(300px,calc(100vw - 44px));min-height:52px;border:1px solid rgba(201,255,63,0.2);border-radius:999px;background:radial-gradient(circle at 16% 0%,rgba(201,255,63,0.14),transparent 36%),linear-gradient(135deg,rgba(255,255,255,0.09),transparent 52%),rgba(17,19,28,0.96);color:var(--text);opacity:0;visibility:hidden;padding:0 18px;pointer-events:none;box-shadow:0 24px 54px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.04);transform:translateY(-8px) scale(0.96);transform-origin:top right;transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.22s ease,border-color 0.2s ease}.techandall_com_demo_top-search.techandall_com_demo_is-open{border-color:rgba(201,255,63,0.22);opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.techandall_com_demo_top-search svg{width:18px;height:18px;fill:none;stroke:var(--lime);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.techandall_com_demo_top-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:0.78rem;font-weight:800}.techandall_com_demo_top-search input::placeholder{color:rgba(244,246,251,0.45)}.techandall_com_demo_icon-btn,.techandall_com_demo_profile-btn{border:1px solid var(--line);background:rgba(20,22,32,0.92);color:var(--text)}.techandall_com_demo_icon-btn{position:relative;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;transition:border-color 0.2s ease,color 0.2s ease,transform 0.2s ease}.techandall_com_demo_search-toggle.techandall_com_demo_is-active{border-color:rgba(201,255,63,0.42);color:var(--lime);transform:scale(0.96)}.techandall_com_demo_notification-toggle.techandall_com_demo_is-active{border-color:rgba(201,255,63,0.34);color:var(--lime);transform:scale(0.96)}.techandall_com_demo_icon-btn svg,.techandall_com_demo_profile-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.techandall_com_demo_has-dot::after{content:"";position:absolute;top:11px;right:12px;width:8px;height:8px;border:2px solid #161820;border-radius:50%;background:var(--danger)}.techandall_com_demo_notification-dropdown{position:absolute;top:calc(100%+10px);right:0;z-index:22;display:grid;gap:8px;width:min(310px,calc(100vw - 32px));border:1px solid rgba(255,255,255,0.1);border-radius:24px;background:radial-gradient(circle at 14% 0%,rgba(201,255,63,0.12),transparent 34%),radial-gradient(circle at 90% 12%,rgba(126,99,255,0.2),transparent 32%),linear-gradient(145deg,rgba(255,255,255,0.08),transparent 48%),rgba(17,19,28,0.98);opacity:0;padding:12px;pointer-events:none;box-shadow:0 24px 54px rgba(0,0,0,0.42);transform:translateY(-8px) scale(0.96);transform-origin:top right;transition:opacity 0.2s ease,transform 0.22s ease}.techandall_com_demo_notification-dropdown.techandall_com_demo_is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.techandall_com_demo_notification-head{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:0.84rem;font-weight:900;padding:4px 4px 8px}.techandall_com_demo_notification-head strong{border-radius:999px;background:rgba(201,255,63,0.14);color:var(--lime);font-size:0.68rem;padding:5px 8px}.techandall_com_demo_notification-item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;width:100%;border:1px solid transparent;border-radius:18px;background:rgba(255,255,255,0.035);color:var(--text);padding:10px;text-align:left;transition:background 0.2s ease,border-color 0.2s ease,transform 0.2s ease}.techandall_com_demo_notification-item:hover{border-color:rgba(201,255,63,0.16);background:rgba(255,255,255,0.065);transform:translateX(-2px)}.techandall_com_demo_notification-item.techandall_com_demo_unread{border-color:rgba(201,255,63,0.1)}.techandall_com_demo_notification-item strong,.techandall_com_demo_notification-item small{display:block}.techandall_com_demo_notification-item strong{font-size:0.78rem}.techandall_com_demo_notification-item small{margin-top:3px;color:var(--muted);font-size:0.66rem;font-weight:700;line-height:1.35}.techandall_com_demo_notification-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:14px;font-size:0.78rem;font-weight:900}.techandall_com_demo_notification-icon.techandall_com_demo_lime{background:rgba(201,255,63,0.14);color:var(--lime)}.techandall_com_demo_notification-icon.techandall_com_demo_purple{background:rgba(126,99,255,0.18);color:#b9abff}.techandall_com_demo_notification-icon.techandall_com_demo_blue{background:rgba(73,165,255,0.16);color:#93ccff}.techandall_com_demo_notification-icon.techandall_com_demo_orange{background:rgba(255,149,79,0.16);color:#ffb07d}.techandall_com_demo_profile-btn{display:flex;align-items:center;gap:10px;min-height:48px;border-radius:999px;padding:6px 10px 6px 6px}.techandall_com_demo_profile-menu{position:relative}.techandall_com_demo_profile-toggle.techandall_com_demo_is-active{border-color:rgba(201,255,63,0.28);box-shadow:0 0 0 4px rgba(201,255,63,0.035)}.techandall_com_demo_profile-dropdown{position:absolute;top:calc(100%+10px);right:0;z-index:22;display:grid;gap:8px;width:min(248px,calc(100vw - 32px));border:1px solid rgba(255,255,255,0.1);border-radius:24px;background:radial-gradient(circle at 14% 0%,rgba(201,255,63,0.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,0.08),transparent 48%),rgba(17,19,28,0.98);opacity:0;padding:10px;pointer-events:none;box-shadow:0 24px 54px rgba(0,0,0,0.42);transform:translateY(-8px) scale(0.96);transform-origin:top right;transition:opacity 0.2s ease,transform 0.22s ease}.techandall_com_demo_profile-dropdown.techandall_com_demo_is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.techandall_com_demo_profile-option{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:center;width:100%;border:1px solid transparent;border-radius:18px;background:transparent;color:var(--text);padding:9px;text-align:left;transition:background 0.2s ease,border-color 0.2s ease}.techandall_com_demo_profile-option:hover,.techandall_com_demo_profile-option.techandall_com_demo_is-selected{border-color:rgba(201,255,63,0.16);background:rgba(255,255,255,0.055)}.techandall_com_demo_profile-option strong,.techandall_com_demo_profile-option small{display:block}.techandall_com_demo_profile-option strong{font-size:0.78rem}.techandall_com_demo_profile-option small{color:var(--muted);font-size:0.66rem;font-weight:700}.techandall_com_demo_avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 20%,#ffb16f,transparent 28%),linear-gradient(135deg,#7e2a22,#26101a);color:#ffcb9d;font-size:0.72rem;font-weight:900}.techandall_com_demo_profile-option .techandall_com_demo_avatar{width:38px;height:38px}.techandall_com_demo_avatar-green{background:radial-gradient(circle at 34% 24%,#f3ff9f,transparent 28%),linear-gradient(135deg,#263b12,#8fd228);color:#eaffb2}.techandall_com_demo_avatar-purple{background:radial-gradient(circle at 34% 24%,#cabdff,transparent 28%),linear-gradient(135deg,#24134e,#7e63ff);color:#e1dcff}.techandall_com_demo_avatar-blue{background:radial-gradient(circle at 34% 24%,#c9f5ff,transparent 28%),linear-gradient(135deg,#102f54,#49a5ff);color:#dff7ff}.techandall_com_demo_profile-btn strong,.techandall_com_demo_profile-btn small{display:block;text-align:left}.techandall_com_demo_profile-btn strong{font-size:0.8rem}.techandall_com_demo_profile-btn small{color:var(--muted);font-size:0.68rem}.techandall_com_demo_page-heading{margin:42px 0 18px}.techandall_com_demo_page-heading p{margin:0;color:var(--muted);font-size:0.8rem;font-weight:800;text-transform:uppercase}.techandall_com_demo_page-heading h1{margin:8px 0 0;color:var(--text);font-size:clamp(1.7rem,3.2vw,2.85rem);font-weight:700;letter-spacing:-0.06em}.techandall_com_demo_dashboard-grid{display:grid;grid-template-columns:1.05fr 0.9fr 1.05fr;grid-auto-rows:minmax(170px,auto);gap:16px;min-width:0}.techandall_com_demo_panel,.techandall_com_demo_metric-card{max-width:100%;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,0.055),transparent 35%),var(--panel);box-shadow:var(--shadow);transform-origin:center;transition:transform 0.38s cubic-bezier(0.16,1,0.3,1),border-color 0.38s ease,box-shadow 0.38s ease;will-change:transform}.techandall_com_demo_panel:hover,.techandall_com_demo_metric-card:hover{border-color:rgba(201,255,63,0.16);box-shadow:0 30px 90px rgba(0,0,0,0.5);transform:translateY(-4px) scale(1.015)}.techandall_com_demo_metric-grid{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:14px;min-width:0}.techandall_com_demo_metric-card{min-height:164px;padding:24px}.techandall_com_demo_metric-card p{margin:12px 0 18px;color:var(--text);font-size:0.78rem;font-weight:800}.techandall_com_demo_metric-card h2{margin:0;font-size:clamp(1.45rem,2.1vw,2rem);letter-spacing:-0.06em}.techandall_com_demo_metric-card h2 span{display:inline-flex;border-radius:999px;background:rgba(201,255,63,0.18);color:var(--lime);font-size:0.72rem;padding:5px 8px;vertical-align:middle}.techandall_com_demo_metric-card small{display:block;margin-top:8px;color:var(--muted);font-weight:700}.techandall_com_demo_metric-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:#171922;color:var(--lime)}.techandall_com_demo_metric-icon.techandall_com_demo_muted{color:var(--muted)}.techandall_com_demo_accent-lime{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,0.42),transparent 30%),linear-gradient(135deg,#d7ff52 0%,var(--lime) 48%,#aef52a 100%);color:#0b1012}.techandall_com_demo_accent-lime p,.techandall_com_demo_accent-lime h2,.techandall_com_demo_accent-lime small{color:#0b1012}.techandall_com_demo_accent-lime .techandall_com_demo_metric-icon{background:#11151a;color:var(--lime)}.techandall_com_demo_panel{padding:24px}.techandall_com_demo_panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.techandall_com_demo_panel h2{margin:0;font-size:clamp(1rem,1.35vw,1.24rem);letter-spacing:-0.04em}.techandall_com_demo_round-arrow,.techandall_com_demo_range-btn,.techandall_com_demo_plan-actions button{border:0;color:#0b1012;font-weight:900}.techandall_com_demo_round-arrow{display:grid;width:44px;height:44px;place-items:center;border-radius:50%;background:#ffffff;font-size:1.2rem}.techandall_com_demo_range-btn{min-height:34px;border-radius:999px;background:#ffffff;font-size:0.78rem;padding:0 12px}.techandall_com_demo_donut-panel{grid-column:2;grid-row:1;min-height:326px;overflow:hidden;background:radial-gradient(circle at 10% 0%,rgba(201,255,63,0.32),transparent 34%),radial-gradient(circle at 88% 92%,rgba(126,99,255,0.12),transparent 26%),linear-gradient(145deg,rgba(255,255,255,0.055),transparent 35%),var(--panel)}.techandall_com_demo_donut-wrap{display:grid;grid-template-columns:0.42fr 1fr;gap:0;align-items:end;min-height:258px;margin-top:-28px}.techandall_com_demo_donut-chart{position:relative;width:min(330px,150%);aspect-ratio:1;grid-column:2;grid-row:1;justify-self:end;align-self:end;filter:drop-shadow(0 24px 34px rgba(0,0,0,0.28));transform:translate(22px,20px)}.techandall_com_demo_donut-svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.techandall_com_demo_donut-track,.techandall_com_demo_donut-arc{fill:none;stroke-width:38;stroke-linecap:round}.techandall_com_demo_donut-track{stroke:rgba(255,255,255,0.06)}.techandall_com_demo_donut-arc{transform-origin:center}.techandall_com_demo_arc-lime{stroke:url("#donutLimeGradient");stroke-dasharray:29 100;stroke-dashoffset:-61;animation:drawLimeArc 1.15s 0.25s cubic-bezier(0.2,0.9,0.2,1) both}.techandall_com_demo_arc-purple{stroke:url("#donutPurpleGradient");stroke-dasharray:64 100;stroke-dashoffset:-4;animation:drawPurpleArc 1.25s 0.45s cubic-bezier(0.2,0.9,0.2,1) both}.techandall_com_demo_donut-label{position:absolute;z-index:1;display:grid;min-width:56px;min-height:32px;place-items:center;border-radius:999px;background:#ffffff;color:#151820;font-size:0.82rem;font-weight:900;box-shadow:0 12px 26px rgba(0,0,0,0.24);animation:donutLabelIn 0.55s 1s ease both}.techandall_com_demo_donut-label.techandall_com_demo_theory{left:4px;top:34px;background:rgba(56,58,62,0.9);color:#ffffff;backdrop-filter:blur(14px)}.techandall_com_demo_donut-label.techandall_com_demo_practical{right:22px;bottom:38px;background:rgba(56,58,62,0.9);color:#ffffff;backdrop-filter:blur(14px)}.techandall_com_demo_legend{grid-column:1;grid-row:1;align-self:end;padding-bottom:10px;display:grid;gap:12px;margin:0;padding:0;list-style:none;color:var(--text);font-size:0.82rem;font-weight:800}.techandall_com_demo_dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;vertical-align:middle}.techandall_com_demo_dot.techandall_com_demo_lime{background:var(--lime)}.techandall_com_demo_dot.techandall_com_demo_purple{background:#8a67ff}.techandall_com_demo_insight-panel{grid-column:3;grid-row:1;min-height:344px;background:radial-gradient(circle at 58% 14%,rgba(126,99,255,0.76),transparent 32%),radial-gradient(circle at 24% 82%,rgba(201,255,63,0.1),transparent 26%),#12121b}.techandall_com_demo_score-row{position:relative;z-index:2;display:flex;align-items:flex-end;gap:18px;margin:22px 0 26px}.techandall_com_demo_score-row strong{font-size:clamp(2.35rem,3.6vw,3.45rem);letter-spacing:-0.06em;line-height:0.9;animation:scoreNumberIn 0.7s 0.35s ease both}.techandall_com_demo_score-row span{max-width:90px;margin-bottom:9px;color:rgba(255,255,255,0.62);font-size:0.78rem;font-weight:800;line-height:1.15;animation:scoreLabelIn 0.55s 0.55s ease both}.techandall_com_demo_insight-chart{position:relative;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:8px;height:138px;margin-top:4px}.techandall_com_demo_insight-chart::before,.techandall_com_demo_insight-chart::after{content:"";position:absolute;top:0;bottom:28px;width:1px;background:rgba(255,255,255,0.1)}.techandall_com_demo_insight-chart::before{left:33.3%}.techandall_com_demo_insight-chart::after{left:66.6%}.techandall_com_demo_insight-block{position:relative;display:flex;align-items:flex-end;min-height:72px;border-radius:26px 26px 18px 18px;padding:0 0 0;transform-origin:bottom;animation:insightBlockRise 0.8s cubic-bezier(0.2,0.9,0.2,1) both}.techandall_com_demo_insight-block.techandall_com_demo_striped{height:70px;opacity:0.62;background:repeating-linear-gradient(135deg,rgba(126,99,255,0.62) 0 5px,transparent 5px 11px)}.techandall_com_demo_insight-block.techandall_com_demo_skill{height:112px;background:linear-gradient(180deg,#a88cff 0%,#7d64ec 100%);box-shadow:0 18px 34px rgba(126,99,255,0.24);animation-delay:0.38s}.techandall_com_demo_insight-block.techandall_com_demo_striped:first-child{animation-delay:0.22s}.techandall_com_demo_insight-block.techandall_com_demo_striped:last-child{animation-delay:0.52s}.techandall_com_demo_insight-block>span:not(.techandall_com_demo_floating-score){position:absolute;left:0;bottom:-28px;color:var(--muted);font-size:0.75rem;font-weight:800;line-height:1.25}.techandall_com_demo_floating-score{position:absolute;top:-58px;width:150px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(126,99,255,0.42));color:#ffffff;padding:16px 18px;transform:translateX(-50%);backdrop-filter:blur(16px);box-shadow:0 18px 36px rgba(0,0,0,0.26);animation:floatingScoreIn 0.58s 1.05s ease both}.techandall_com_demo_floating-score small,.techandall_com_demo_floating-score strong{display:block}.techandall_com_demo_floating-score small{color:#d9d4ff;font-size:0.78rem;font-weight:800}.techandall_com_demo_floating-score small::before{content:"";display:inline-block;width:9px;height:9px;margin-right:7px;border-radius:50%;background:#8d76ff}.techandall_com_demo_floating-score strong{margin-top:5px;font-size:1.55rem;letter-spacing:-0.07em}.techandall_com_demo_insight-note{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-top:38px;border-radius:999px;background:rgba(255,255,255,0.06);padding:12px 16px;animation:insightNoteIn 0.6s 1.18s ease both}.techandall_com_demo_insight-note span{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle,#ff29d6,#6d34ff 70%);box-shadow:0 0 24px rgba(190,45,255,0.68)}.techandall_com_demo_insight-note p,.techandall_com_demo_subline{margin:0;color:var(--muted);font-size:0.82rem;font-weight:700;line-height:1.5}.techandall_com_demo_time-panel{grid-column:1;grid-row:2;min-height:445px;padding:34px}.techandall_com_demo_time-panel .techandall_com_demo_panel-head{align-items:flex-start}.techandall_com_demo_time-panel .techandall_com_demo_panel-head h2{font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.08}.techandall_com_demo_time-total{margin:24px 0 10px;color:var(--text);font-size:clamp(1.35rem,2.1vw,1.9rem);letter-spacing:-0.05em}.techandall_com_demo_time-total strong{font-weight:500}.techandall_com_demo_time-status{display:inline-flex;align-items:center;gap:10px;font-size:0.86rem}.techandall_com_demo_time-status span{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 48% 48%,#d921ff 0 22%,#8b36ff 58%,transparent 59%),conic-gradient(from 40deg,#ff2bd6,#7a48ff,#ff2bd6);box-shadow:0 0 20px rgba(194,45,255,0.7)}.techandall_com_demo_bar-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:end;height:255px;margin-top:28px;padding:58px 0 34px;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,0.055) 40px)}.techandall_com_demo_bar-chart div{position:relative;height:var(--height);min-height:62px;border-radius:999px;background:repeating-linear-gradient(135deg,rgba(126,99,255,0.42) 0 5px,transparent 5px 11px)}.techandall_com_demo_bar-chart div::before{content:"";position:absolute;top:-8px;left:50%;width:16px;height:16px;border-radius:50%;background:var(--purple);box-shadow:0 0 18px rgba(126,99,255,0.75);transform:translateX(-50%)}.techandall_com_demo_bar-chart div::after{content:attr(data-day);position:absolute;left:50%;bottom:-34px;color:var(--muted);font-size:0.86rem;font-weight:800;transform:translateX(-50%)}.techandall_com_demo_bar-chart .techandall_com_demo_active{background:linear-gradient(180deg,#9e80ff,#6d55df)}.techandall_com_demo_bar-chart .techandall_com_demo_active .techandall_com_demo_time-tooltip{position:absolute;left:50%;top:34px;z-index:3;width:132px;border-radius:16px;background:rgba(126,116,170,0.88);color:#ffffff;font-size:0.86rem;font-weight:900;padding:13px 14px;text-align:center;transform:translateX(-50%);backdrop-filter:blur(14px)}.techandall_com_demo_time-tooltip small{display:block;margin-bottom:4px;color:rgba(255,255,255,0.62);font-size:0.78rem;text-align:left}.techandall_com_demo_time-tooltip small::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#9b83ff;vertical-align:middle}.techandall_com_demo_bar-chart .techandall_com_demo_active .techandall_com_demo_percent-bubble{position:absolute;left:50%;top:-72px;z-index:4;min-width:72px;border-radius:999px;background:var(--lime);color:#11151a;font-size:0.84rem;font-weight:900;padding:11px 16px;text-align:center;transform:translateX(-50%)}.techandall_com_demo_bar-chart .techandall_com_demo_active .techandall_com_demo_percent-bubble::after{content:"";position:absolute;left:50%;bottom:-9px;width:18px;height:18px;border-radius:3px;background:var(--lime);transform:translateX(-50%) rotate(45deg)}.techandall_com_demo_plan-panel{grid-column:2;grid-row:2;min-height:445px;display:grid;align-content:start}.techandall_com_demo_plan-actions{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:0.78rem;font-weight:800}.techandall_com_demo_plan-actions button{display:grid;width:32px;height:32px;place-items:center;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--text)}.techandall_com_demo_timeline{margin-top:24px;max-width:100%;min-width:0}.techandall_com_demo_time-labels{display:grid;grid-template-columns:repeat(5,1fr);color:var(--muted);font-size:0.66rem;font-weight:800;margin-bottom:12px}.techandall_com_demo_timeline-grid{position:relative;min-height:300px;overflow:hidden;border-radius:20px;background:linear-gradient(rgba(255,255,255,0.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.045) 1px,transparent 1px);background-size:100% 52px,20% 100%}.techandall_com_demo_now-line{position:absolute;top:20px;bottom:0;left:49%;width:2px;background:var(--lime);box-shadow:0 0 20px rgba(201,255,63,0.5)}.techandall_com_demo_now-line b{position:absolute;top:-13px;left:50%;border-radius:999px;background:var(--lime);color:#0a1012;font-size:0.66rem;padding:7px 11px;transform:translateX(-50%);white-space:nowrap}.techandall_com_demo_lesson{position:absolute;border:1px solid rgba(201,255,63,0.2);border-radius:14px;background:rgba(201,255,63,0.1);color:rgba(255,255,255,0.78);font-size:0.68rem;font-weight:800;padding:10px 12px;box-shadow:0 14px 30px rgba(0,0,0,0.16)}.techandall_com_demo_lesson small{display:block;margin-top:4px;color:var(--muted)}.techandall_com_demo_lesson-one{left:0;top:58px;width:26%}.techandall_com_demo_lesson-two{left:34%;top:92px;width:26%}.techandall_com_demo_lesson-three{left:68%;top:62px;width:25%}.techandall_com_demo_lesson-four{left:4%;top:150px;width:28%;background:rgba(126,99,255,0.12);border-color:rgba(126,99,255,0.18)}.techandall_com_demo_lesson-five{left:42%;top:190px;width:28%;background:rgba(126,99,255,0.1);border-color:rgba(126,99,255,0.18)}.techandall_com_demo_lesson-six{left:72%;top:220px;width:23%}.techandall_com_demo_timeline-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.techandall_com_demo_timeline-summary span{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,0.04);color:var(--muted);font-size:0.68rem;font-weight:800;padding:12px}.techandall_com_demo_timeline-summary strong{display:block;color:var(--lime);font-size:0.9rem}.techandall_com_demo_continue-panel{grid-column:3;grid-row:2;min-height:445px}.techandall_com_demo_course-list{display:grid;gap:13px;margin-top:22px}.techandall_com_demo_course-item{display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,0.035);padding:12px;min-width:0}.techandall_com_demo_course-item>div{min-width:0}.techandall_com_demo_course-item h3,.techandall_com_demo_course-item p{overflow-wrap:anywhere}.techandall_com_demo_course-thumb{display:block;width:48px;height:48px;border-radius:15px}.techandall_com_demo_thumb-one{background:radial-gradient(circle at 35% 35%,#ffffff 0 8px,transparent 9px),linear-gradient(135deg,#d8ffb5,#79d7ff)}.techandall_com_demo_thumb-two{background:radial-gradient(circle at 65% 28%,#7cc2ff 0 8px,transparent 9px),linear-gradient(135deg,#0f2455,#6d55df)}.techandall_com_demo_thumb-three{background:radial-gradient(circle at 42% 32%,#ffffff 0 8px,transparent 9px),linear-gradient(135deg,#d9ebff,#7e63ff)}.techandall_com_demo_course-item h3,.techandall_com_demo_course-item p{margin:0}.techandall_com_demo_course-item h3{font-size:0.76rem}.techandall_com_demo_course-item p{color:var(--muted);font-size:0.72rem;font-weight:700;margin-top:3px}.techandall_com_demo_progress{height:5px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,0.08);margin-top:8px}.techandall_com_demo_progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lime),var(--purple))}.techandall_com_demo_course-item button{border:0;border-radius:999px;background:rgba(126,99,255,0.24);color:#d9d3ff;font-size:0.72rem;font-weight:900;padding:9px 12px}.techandall_com_demo_course-item button span{color:var(--purple-2)}.techandall_com_demo_continue-progress-card{margin-top:18px;border-radius:26px;background:rgba(255,255,255,0.055);padding:18px 20px 20px;animation:progressCardIn 0.65s 0.5s ease both}.techandall_com_demo_continue-progress-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;color:rgba(255,255,255,0.66);font-size:0.86rem;font-weight:700}.techandall_com_demo_continue-progress-head strong{color:rgba(255,255,255,0.9);font-size:0.86rem}.techandall_com_demo_segment-progress{display:grid;grid-template-columns:repeat(20,1fr);gap:5px}.techandall_com_demo_segment-progress span{display:block;height:31px;border-radius:999px;background:rgba(255,255,255,0.1)}.techandall_com_demo_segment-progress .techandall_com_demo_filled{background:var(--lime);box-shadow:0 0 18px rgba(201,255,63,0.28);animation:segmentFill 0.45s cubic-bezier(0.2,0.9,0.2,1) both}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(1){animation-delay:0.72s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(2){animation-delay:0.78s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(3){animation-delay:0.84s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(4){animation-delay:0.9s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(5){animation-delay:0.96s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(6){animation-delay:1.02s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(7){animation-delay:1.08s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(8){animation-delay:1.14s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(9){animation-delay:1.2s}.techandall_com_demo_segment-progress .techandall_com_demo_filled:nth-child(10){animation-delay:1.26s}.techandall_com_demo_reveal-card{opacity:0;transform:translateY(18px) scale(0.985);transition:opacity 0.55s ease,transform 0.38s cubic-bezier(0.16,1,0.3,1),border-color 0.38s ease,box-shadow 0.38s ease}.techandall_com_demo_reveal-card.techandall_com_demo_is-visible{opacity:1;transform:translateY(0) scale(1);transition-delay:0ms !important}.techandall_com_demo_reveal-card.techandall_com_demo_is-visible:hover{transform:translateY(-4px) scale(1.015)}@keyframes drawLimeArc{from{stroke-dasharray:0 100}to{stroke-dasharray:29 100}}@keyframes drawPurpleArc{from{stroke-dasharray:0 100}to{stroke-dasharray:64 100}}@keyframes donutLabelIn{from{opacity:0;transform:translateY(8px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes progressCardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes segmentFill{from{opacity:0.25;transform:scaleY(0.35)}to{opacity:1;transform:scaleY(1)}}@keyframes scoreNumberIn{from{opacity:0;transform:translateY(10px) scale(0.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scoreLabelIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes insightBlockRise{from{opacity:0;transform:scaleY(0.22)}to{opacity:1;transform:scaleY(1)}}@keyframes floatingScoreIn{from{opacity:0;transform:translateX(-50%) translateY(12px) scale(0.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes insightNoteIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1180px){.techandall_com_demo_dashboard-grid{grid-template-columns:1fr}.techandall_com_demo_metric-grid,.techandall_com_demo_donut-panel,.techandall_com_demo_insight-panel,.techandall_com_demo_time-panel,.techandall_com_demo_plan-panel,.techandall_com_demo_continue-panel{grid-column:1;grid-row:auto}.techandall_com_demo_topbar{grid-template-columns:minmax(180px,1fr) auto}.techandall_com_demo_pill-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.techandall_com_demo_pill-nav a{flex:0 0 auto}.techandall_com_demo_top-actions{grid-column:2;grid-row:1}}@media (max-width:760px){.techandall_com_demo_dashboard-shell{width:min(100% - 22px,1480px);margin:11px auto;border-radius:26px;padding:14px}.techandall_com_demo_topbar{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px}.techandall_com_demo_brand{gap:8px;font-size:0.92rem;white-space:nowrap}.techandall_com_demo_brand-mark{width:30px;height:30px}.techandall_com_demo_top-actions{gap:6px}.techandall_com_demo_icon-btn{width:40px;height:40px}.techandall_com_demo_profile-btn{min-height:42px;padding:3px}.techandall_com_demo_profile-btn>svg{display:none}.techandall_com_demo_profile-btn .techandall_com_demo_avatar{width:34px;height:34px}.techandall_com_demo_pill-nav{margin-inline:-4px;padding:6px}.techandall_com_demo_pill-nav a{min-height:34px;padding-inline:12px}.techandall_com_demo_search-menu .techandall_com_demo_top-search{right:-82px;left:auto}.techandall_com_demo_profile-menu{margin-left:auto}.techandall_com_demo_notification-dropdown,.techandall_com_demo_profile-dropdown{right:0}.techandall_com_demo_page-heading{margin:28px 0 14px}.techandall_com_demo_page-heading h1{font-size:1.75rem}.techandall_com_demo_dashboard-grid{gap:12px}.techandall_com_demo_metric-grid{grid-template-columns:1fr;gap:12px}.techandall_com_demo_metric-card{min-height:142px;padding:19px}.techandall_com_demo_metric-card p{margin:10px 0 12px}.techandall_com_demo_panel{padding:19px;border-radius:22px}.techandall_com_demo_panel-head{gap:10px}.techandall_com_demo_round-arrow{width:38px;height:38px}.techandall_com_demo_donut-wrap{grid-template-columns:1fr;min-height:250px;margin-top:0}.techandall_com_demo_donut-chart{width:min(260px,88%);transform:translate(8px,12px)}.techandall_com_demo_legend{position:relative;z-index:2}.techandall_com_demo_insight-panel,.techandall_com_demo_time-panel,.techandall_com_demo_plan-panel,.techandall_com_demo_continue-panel{min-height:0}.techandall_com_demo_floating-score{left:50%;width:min(140px,42vw);padding:13px 14px}.techandall_com_demo_insight-note{grid-template-columns:34px minmax(0,1fr);border-radius:20px;padding:12px}.techandall_com_demo_insight-note span{width:30px;height:30px}.techandall_com_demo_time-panel{padding:19px}.techandall_com_demo_bar-chart{gap:8px}.techandall_com_demo_bar-chart .techandall_com_demo_active .techandall_com_demo_time-tooltip{left:auto;right:-42px;width:120px;transform:none}.techandall_com_demo_timeline{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin}.techandall_com_demo_time-labels,.techandall_com_demo_timeline-grid,.techandall_com_demo_timeline-summary{width:620px;min-width:620px}.techandall_com_demo_timeline-grid{overflow:hidden}.techandall_com_demo_profile-btn span:not(.techandall_com_demo_avatar){display:none}.techandall_com_demo_course-item{grid-template-columns:42px minmax(0,1fr);gap:10px}.techandall_com_demo_course-thumb{width:42px;height:42px}.techandall_com_demo_course-item button{grid-column:2;justify-self:start}.techandall_com_demo_continue-progress-card{padding:16px}.techandall_com_demo_continue-progress-head{flex-wrap:wrap;gap:6px 12px}.techandall_com_demo_segment-progress{gap:3px}.techandall_com_demo_segment-progress span{min-width:0;height:24px}}@media (max-width:420px){.techandall_com_demo_brand em{display:none}.techandall_com_demo_notification-dropdown{right:-48px}.techandall_com_demo_profile-dropdown{right:0}.techandall_com_demo_range-btn{font-size:0.7rem;padding-inline:9px}.techandall_com_demo_score-row{margin-top:18px}.techandall_com_demo_insight-chart{gap:6px}.techandall_com_demo_timeline-summary span{padding:10px}}