@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-font-weight:initial}}}.ph-panel-body--dashboard{color:#111827;background:#f7f8fc;min-height:200px;padding:12px;overflow:hidden}.ph-panel-body--dashboard .pd-card-value{color:#111827}.ph-panel-body--dashboard .pd-card-label{color:#4b5563}.product-detail-hero--dark .ph-mockup{width:100%;max-width:560px}.ph-panel-body--dashboard .pd-card{opacity:0;transition:opacity .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--pd-i,0)*60ms + 80ms);transform:translateY(12px)}.ph-panel-body--dashboard.pv--active .pd-card{opacity:1;transform:translateY(0)}.ph-panel-body--dashboard .pd-tabs{opacity:0;transition:opacity .35s 50ms,transform .35s 50ms;transform:translate(-10px)}.ph-panel-body--dashboard.pv--active .pd-tabs{opacity:1;transform:translate(0)}.ph-panel-body--dashboard .pd-filter-bar{opacity:0;transition:opacity .35s 50ms,transform .35s 50ms;transform:translateY(-6px)}.ph-panel-body--dashboard.pv--active .pd-filter-bar{opacity:1;transform:translateY(0)}.ph-panel-body--dashboard .pd-page-header{opacity:0;transition:opacity .3s 50ms,transform .3s 50ms;transform:translateY(-6px)}.ph-panel-body--dashboard.pv--active .pd-page-header{opacity:1;transform:translateY(0)}.ph-panel-body--dashboard .pd-progress-fill{transition:width .8s cubic-bezier(.22,1,.36,1) .5s;width:0!important}.ph-panel-body--dashboard.pv--active .pd-progress-fill{width:var(--pd-progress,0%)!important}.ph-panel-body--dashboard .pd-sparkline,.ph-panel-body--dashboard .pd-donut,.ph-panel-body--dashboard .pd-sparkline-sm svg,.ph-panel-body--dashboard .pd-sparkline-lg svg{opacity:0;transition:opacity .5s .4s,transform .5s .4s;transform:scale(.9)}.ph-panel-body--dashboard.pv--active .pd-sparkline,.ph-panel-body--dashboard.pv--active .pd-donut,.ph-panel-body--dashboard.pv--active .pd-sparkline-sm svg,.ph-panel-body--dashboard.pv--active .pd-sparkline-lg svg{opacity:1;transform:scale(1)}.ph-panel-body--dashboard .pd-hbar-fill{transition:width .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--pd-i,0)*80ms + .4s);width:0!important}.ph-panel-body--dashboard.pv--active .pd-hbar-fill{width:var(--pd-bar-w,0%)!important}.ph-panel-body--dashboard .pd-bar{transition:height .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--pd-i,0)*80ms + .4s);height:0!important}.ph-panel-body--dashboard.pv--active .pd-bar{height:var(--pd-bar-h,0%)!important}.ph-panel-body--dashboard .pd-card--insights{opacity:0;transition:opacity .45s .6s,transform .45s .6s;transform:translateY(10px)}.ph-panel-body--dashboard.pv--active .pd-card--insights{opacity:1;transform:translateY(0)}.ph-panel-body--dashboard .pd-table tbody tr{opacity:0;transition:opacity .3s,transform .3s;transition-delay:calc(var(--pd-i,0)*70ms + .2s);transform:translate(-8px)}.ph-panel-body--dashboard.pv--active .pd-table tbody tr{opacity:1;transform:translate(0)}.ph-panel-body--dashboard .pd-dashboard{gap:8px}.ph-panel-body--dashboard .pd-grid{gap:6px}.ph-panel-body--dashboard .pd-grid--4,.ph-panel-body--dashboard .pd-grid--3{grid-template-columns:repeat(2,1fr)}.ph-panel-body--dashboard .pd-grid--3-1{grid-template-columns:1fr}.ph-panel-body--dashboard .pd-card{border-radius:7px;gap:3px;padding:8px 10px}.ph-panel-body--dashboard .pd-card-value{font-size:14px}.ph-panel-body--dashboard .pd-card-value--sm{font-size:12px}.ph-panel-body--dashboard .pd-card-label{font-size:9.5px}.ph-panel-body--dashboard .pd-card-label-sm{color:#374151;font-size:9px}.ph-panel-body--dashboard .pd-card-icon{border-radius:6px;width:24px;height:24px}.ph-panel-body--dashboard .pd-card-icon [data-lucide]{width:12px;height:12px}.ph-panel-body--dashboard .pd-card-footer{gap:6px;margin-top:3px;padding-top:4px}.ph-panel-body--dashboard .pd-footer-stat,.ph-panel-body--dashboard .pd-footer-note{font-size:8.5px}.ph-panel-body--dashboard .pd-badge{padding:1px 5px;font-size:7.5px}.ph-panel-body--dashboard .pd-progress-bar{height:4px}.ph-panel-body--dashboard .pd-progress-bar--lg{height:6px;margin:4px 0}.ph-panel-body--dashboard .pd-tabs{gap:4px;margin-bottom:2px}.ph-panel-body--dashboard .pd-tab{border-radius:5px;padding:4px 8px;font-size:8px}.ph-panel-body--dashboard .pd-tab [data-lucide]{width:9px;height:9px}.ph-panel-body--dashboard .pd-filter-bar{border-radius:7px;gap:6px;padding:6px 8px}.ph-panel-body--dashboard .pd-filter-label{font-size:8px}.ph-panel-body--dashboard .pd-select-mock{padding:3px 6px;font-size:8px}.ph-panel-body--dashboard .pd-btn{justify-content:center;padding:3px 6px;font-size:8px}.ph-panel-body--dashboard .pd-btn [data-lucide]{width:8px;height:8px}.ph-panel-body--dashboard .pd-chart-title{font-size:9.5px}.ph-panel-body--dashboard .pd-sparkline{height:40px}.ph-panel-body--dashboard .pd-bars{height:50px}.ph-panel-body--dashboard .pd-donut{width:50px;height:50px}.ph-panel-body--dashboard .pd-donut-legend span{font-size:8px}.ph-panel-body--dashboard .pd-legend-dot{width:5px;height:5px}.ph-panel-body--dashboard .pd-hbar-label{font-size:8px}.ph-panel-body--dashboard .pd-hbar{grid-template-columns:50px 1fr 22px;gap:5px}.ph-panel-body--dashboard .pd-hbar-track{height:6px}.ph-panel-body--dashboard .pd-hbar-value{font-size:8px}.ph-panel-body--dashboard .pd-sparkline-labels span{font-size:7px}.ph-panel-body--dashboard .pd-status-row{gap:5px}.ph-panel-body--dashboard .pd-status-label{font-size:8px}.ph-panel-body--dashboard .pd-status-count{font-size:9px}.ph-panel-body--dashboard .pd-status-dot{width:5px;height:5px}.ph-panel-body--dashboard .pd-card--insights{padding:8px 10px}.ph-panel-body--dashboard .pd-insights-header [data-lucide]{width:11px;height:11px}.ph-panel-body--dashboard .pd-insights-header h4{font-size:9px}.ph-panel-body--dashboard .pd-insights-text{color:#451a03;font-size:9px;line-height:1.5}.ph-panel-body--dashboard .pd-goal-title{font-size:10px}.ph-panel-body--dashboard .pd-goal-subtitle{font-size:7px}.ph-panel-body--dashboard .pd-goal-controls{gap:4px}.ph-panel-body--dashboard .pd-goal-meta{font-size:9px}.ph-panel-body--dashboard .pd-mini-stat{padding:1px 4px;font-size:7.5px}.ph-panel-body--dashboard .pd-period-tabs{padding:1px}.ph-panel-body--dashboard .pd-period-tab{padding:2px 4px;font-size:7px}.ph-panel-body--dashboard .pd-gamification-badge{font-size:18px}.ph-panel-body--dashboard .pd-ums-layout{grid-template-columns:1fr;gap:10px}.ph-panel-body--dashboard .pd-detail-key{min-width:40px;font-size:8px}.ph-panel-body--dashboard .pd-detail-val{font-size:8px}.ph-panel-body--dashboard .pd-stat-box{padding:8px}.ph-panel-body--dashboard .pd-stat-box-label{font-size:7px}.ph-panel-body--dashboard .pd-stat-box-value{font-size:14px}.ph-panel-body--dashboard .pd-modules-grid{grid-template-columns:repeat(3,1fr);gap:6px}.ph-panel-body--dashboard .pd-module-link{border-radius:7px;gap:2px;padding:8px 6px}.ph-panel-body--dashboard .pd-module-icon{width:26px;height:26px;margin-bottom:2px}.ph-panel-body--dashboard .pd-module-icon [data-lucide]{width:13px;height:13px}.ph-panel-body--dashboard .pd-module-link strong{font-size:9px}.ph-panel-body--dashboard .pd-module-link small{font-size:7px}.ph-panel-body--dashboard .pd-quick-link{padding:8px;font-size:9px}.ph-panel-body--dashboard .pd-quick-link [data-lucide]{width:11px;height:11px}.ph-panel-body--dashboard .pd-highlight-icon{width:28px;height:28px}.ph-panel-body--dashboard .pd-highlight-icon [data-lucide]{width:14px;height:14px}.ph-panel-body--dashboard .pd-filter-note{font-size:7px}.ph-panel-body--dashboard .pd-sparkline-sm svg{height:16px}.ph-panel-body--dashboard .pd-sparkline-lg svg{height:28px}.ph-panel-body--dashboard .pd-kpi-label{font-size:8px}.ph-panel-body--dashboard .pd-kpi-change{font-size:7px}.ph-panel-body--dashboard .pd-kpi-change [data-lucide]{width:7px;height:7px}.ph-panel-body--dashboard .pd-page-header{margin-bottom:2px}.ph-panel-body--dashboard .pd-page-title{color:#111827;font-size:11px}.ph-panel-body--dashboard .pd-card--stat-compact{padding:6px 4px}.ph-panel-body--dashboard .pd-table th{color:#6b7280;padding:5px 8px;font-size:7px}.ph-panel-body--dashboard .pd-table td{color:#374151;padding:5px 8px;font-size:8px}.ph-panel-body--dashboard .pd-user-cell{color:#111827;font-size:8px}.ph-panel-body--dashboard .pd-avatar{width:16px;height:16px;font-size:6px}.ph-panel-body--dashboard .pd-role-badge{padding:1px 4px;font-size:7px}.ph-panel-body--dashboard .pd-status-pill{padding:1px 5px;font-size:7px}.ph-panel-body--dashboard .pd-table-toolbar{padding:6px 8px}.ph-panel-body--dashboard .pd-search-box{padding:3px 6px;font-size:8px}.ph-panel-body--dashboard .pd-search-box [data-lucide]{width:9px;height:9px}.ph-panel-body--dashboard .pd-table-footer{padding:5px 8px;font-size:7px}.ph-panel-body--dashboard .pd-page-btn{width:14px;height:14px;font-size:6px}.pd-dashboard{flex-direction:column;gap:14px;display:flex}.pd-tabs{gap:8px;margin-bottom:4px;display:flex}.pd-tab{color:#6b7280;cursor:default;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;align-items:center;gap:5px;padding:8px 14px;font-size:11px;font-weight:600;display:inline-flex}.pd-tab [data-lucide]{width:12px;height:12px}.pd-tab--active{color:#2563eb;background:#eff6ff;border-color:#2563eb;box-shadow:0 1px 3px #2563eb1f}.pd-grid{gap:12px;display:grid}.pd-grid--4{grid-template-columns:repeat(4,1fr)}.pd-grid--3{grid-template-columns:repeat(3,1fr)}.pd-grid--2{grid-template-columns:repeat(2,1fr)}.pd-grid--3-1{grid-template-columns:2fr 1fr}.pd-grid--compact{gap:8px}.pd-card--span-2{grid-column:span 1}@media(min-width:600px){.pd-card--span-2{grid-column:span 1}}.pd-card{background:#fff;border:1px solid #eef0f3;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex;box-shadow:0 1px 3px #102a4c0a}.pd-card--wide{grid-column:1/-1}.pd-card--chart{gap:10px}.pd-card--kpi{gap:4px}.pd-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.pd-card-header--between{justify-content:space-between;align-items:flex-start;display:flex}.pd-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pd-card-icon [data-lucide]{color:#fff;width:15px;height:15px}.pd-card-icon--round{border-radius:50%}.pd-card-icon--blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.pd-card-icon--emerald{background:linear-gradient(135deg,#10b981,#059669)}.pd-card-icon--violet{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.pd-card-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.pd-card-icon--orange{background:linear-gradient(135deg,#f97316,#ea580c)}.pd-card-icon--teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}.pd-card-icon--indigo{background:linear-gradient(135deg,#6366f1,#4f46e5)}.pd-card-icon--purple{background:linear-gradient(135deg,#a855f7,#9333ea)}.pd-card-icon--green{background:linear-gradient(135deg,#22c55e,#16a34a)}.pd-card-icon--rose{background:linear-gradient(135deg,#f43f5e,#e11d48)}.pd-card-icon--cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.pd-card-value{margin:calc(var(--spacing,.25rem)*0);--tw-leading:var(--leading-tight,1.25);font-size:20px;line-height:var(--leading-tight,1.25);--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-gray-900,oklch(21% .034 264.665));font-variant-numeric:tabular-nums}.pd-card-value--sm{font-size:15px}.pd-card-value--accent{color:var(--module-color,#2563eb)}.pd-card-label{margin:calc(var(--spacing,.25rem)*0);--tw-font-weight:var(--font-weight-medium,500);font-size:11px;font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,oklch(55.1% .027 264.364))}.pd-card-label-sm{--tw-font-weight:var(--font-weight-medium,500);font-size:10px;font-weight:var(--font-weight-medium,500);color:var(--color-gray-500,oklch(55.1% .027 264.364));margin:0 0 2px}.pd-label-dim{color:#9ca3af}.pd-card-footer{border-top:1px solid #f3f4f6;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;padding-top:8px;display:flex}.pd-card-footer--stats{gap:6px}.pd-footer-stat{color:#6b7280;font-size:10px}.pd-footer-stat strong{color:#111827;font-weight:700}.pd-footer-stat--green{color:#16a34a}.pd-footer-stat--red{color:#dc2626}.pd-footer-stat--gray{color:#9ca3af}.pd-footer-note{color:#9ca3af;font-size:10px}.pd-dot-sm{border-radius:50%;width:5px;height:5px;margin-right:2px;display:inline-block}.pd-dot--green{background:#16a34a}.pd-dot--gray{background:#9ca3af}.pd-badge{--tw-font-weight:var(--font-weight-semibold,600);font-size:9px;font-weight:var(--font-weight-semibold,600);border-radius:10px;align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.pd-badge [data-lucide]{width:9px;height:9px}.pd-badge--blue{color:#2563eb;background:#eff6ff}.pd-badge--emerald{color:#059669;background:#ecfdf5}.pd-badge--violet{color:#7c3aed;background:#f5f3ff}.pd-badge--amber{color:#d97706;background:#fffbeb}.pd-badge--gold{color:#b45309;background:#fef3c7}.pd-badge--green{color:#16a34a;background:#f0fdf4}.pd-progress-bar{background:#f3f4f6;border-radius:3px;width:100%;height:5px;overflow:hidden}.pd-progress-bar--lg{border-radius:5px;height:10px;margin:8px 0}.pd-progress-fill{border-radius:inherit;height:100%;transition:width .6s}.pd-progress-fill--emerald{background:#10b981}.pd-progress-fill--orange{background:#f97316}.pd-progress-fill--blue{background:#3b82f6}.pd-progress-fill--gradient{background:linear-gradient(90deg,#3b82f6,#06b6d4)}.pd-mini-stat{border-radius:4px;padding:2px 6px;font-size:9px;font-weight:600}.pd-mini-stat--green{color:#16a34a;background:#f0fdf4}.pd-mini-stat--amber{color:#d97706;background:#fffbeb}.pd-mini-stat--red{color:#dc2626;background:#fef2f2}.pd-mini-stat--blue{color:#2563eb;background:#eff6ff}.pd-mini-stat--gray{color:#6b7280;background:#f9fafb}.pd-period-tabs{background:#f3f4f6;border-radius:6px;gap:2px;padding:2px;display:flex}.pd-period-tab{color:#9ca3af;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:600}.pd-period-tab--active{color:#111827;background:#fff;box-shadow:0 1px 2px #0000000f}.pd-chart-title{color:#374151;margin:0;font-size:11px;font-weight:700}.pd-chart-title--bordered{border-bottom:1px solid #f3f4f6;margin-bottom:12px;padding-bottom:10px}.pd-bar-chart--horizontal{flex-direction:column;gap:6px;margin-top:8px;display:flex}.pd-hbar{grid-template-columns:70px 1fr 30px;align-items:center;gap:8px;display:grid}.pd-hbar-label{color:#6b7280;text-align:right;font-size:10px;font-weight:500}.pd-hbar-track{background:#f3f4f6;border-radius:4px;height:8px;overflow:hidden}.pd-hbar-fill{border-radius:4px;height:100%}.pd-hbar-value{color:#111827;font-size:10px;font-weight:700}.pd-bar-chart{margin-top:8px}.pd-bars{align-items:flex-end;gap:8px;height:80px;display:flex}.pd-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.pd-bar{border-radius:4px 4px 0 0;width:100%;min-height:4px}.pd-bar-label{color:#9ca3af;font-size:9px;font-weight:500}.pd-line-chart{flex-direction:column;flex:1;justify-content:center;margin-top:8px;display:flex}.pd-sparkline{width:100%;height:70px;display:block}.pd-sparkline-labels{justify-content:space-between;margin-top:4px;display:flex}.pd-sparkline-labels span{color:#9ca3af;font-size:8px;font-weight:500}.pd-sparkline-sm{margin-top:4px}.pd-sparkline-sm svg{width:100%;height:24px;display:block}.pd-sparkline-lg svg{width:100%;height:40px;display:block}.pd-donut-chart{align-items:center;gap:14px;margin-top:8px;display:flex}.pd-donut{flex-shrink:0;width:80px;height:80px}.pd-donut-legend{flex-direction:column;gap:4px;display:flex}.pd-donut-legend span{color:#6b7280;align-items:center;gap:5px;font-size:10px;font-weight:500;display:flex}.pd-legend-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.pd-status-list{flex-direction:column;gap:8px;margin-top:8px;display:flex}.pd-status-row{align-items:center;gap:8px;display:flex}.pd-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.pd-status-label{color:#6b7280;flex:1;font-size:10px;font-weight:500}.pd-status-count{color:#111827;font-size:11px;font-weight:700}.pd-filter-bar{background:#fff;border:1px solid #eef0f3;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.pd-filter-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pd-filter-label{color:#6b7280;font-size:10px;font-weight:600}.pd-filter-note{color:#9ca3af;margin:0;font-size:9px}.pd-select-mock{color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:5px 10px;font-size:10px;font-weight:500}.pd-select-mock--sm{padding:4px 8px;font-size:9px}.pd-btn{cursor:default;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-flex}.pd-btn [data-lucide]{width:11px;height:11px}.pd-btn--primary{color:#fff;background:#2563eb}.pd-btn--ghost{color:#6b7280;background:#f3f4f6;border:1px solid #e5e7eb}.pd-btn--dark{color:#fff;background:#374151}.pd-btn--sm{padding:4px 8px;font-size:9px}.pd-kpi-header{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.pd-kpi-label{color:#6b7280;font-size:10px;font-weight:500}.pd-kpi-change{border-radius:4px;align-items:center;gap:2px;padding:1px 5px;font-size:9px;font-weight:700;display:inline-flex}.pd-kpi-change [data-lucide]{width:9px;height:9px}.pd-kpi-change--up{color:#16a34a;background:#f0fdf4}.pd-kpi-change--down{color:#dc2626;background:#fef2f2}.pd-card--insights{background:linear-gradient(135deg,#fefce8,#fff7ed);border-color:#fde68a}.pd-insights-header{align-items:center;gap:6px;display:flex}.pd-insights-header [data-lucide]{color:#d97706;width:14px;height:14px}.pd-insights-header h4{color:#92400e;margin:0;font-size:11px;font-weight:700}.pd-insights-text{color:#78350f;margin:0;font-size:10px;line-height:1.6}.pd-goal-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.pd-goal-title{color:#111827;margin:0;font-size:14px;font-weight:700}.pd-goal-subtitle{color:#9ca3af;margin:2px 0 0;font-size:9px}.pd-goal-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pd-goal-meta{color:#6b7280;justify-content:space-between;font-size:11px;display:flex}.pd-goal-meta strong{color:#111827}.pd-card--highlight{flex-direction:row;align-items:center;gap:12px}.pd-highlight-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pd-highlight-icon [data-lucide]{width:18px;height:18px}.pd-card--highlight-green .pd-highlight-icon{color:#16a34a;background:#dcfce7}.pd-card--highlight-red .pd-highlight-icon{color:#dc2626;background:#fee2e2}.pd-card--highlight-green{border-left:3px solid #16a34a}.pd-card--highlight-red{border-left:3px solid #dc2626}.pd-card--gamification{gap:8px}.pd-gamification-header{align-items:center;gap:8px;display:flex}.pd-gamification-badge{font-size:24px;line-height:1}.pd-ums-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}.pd-detail-grid{flex-direction:column;gap:6px;margin-top:8px;display:flex}.pd-detail-row{gap:8px;display:flex}.pd-detail-key{color:#6b7280;min-width:50px;font-size:10px;font-weight:600}.pd-detail-val{color:#111827;font-size:10px}.pd-stat-box{text-align:center;border-radius:8px;padding:12px}.pd-stat-box--blue{background:#eff6ff}.pd-stat-box--green{background:#f0fdf4}.pd-stat-box-label{color:#6b7280;margin:0 0 4px;font-size:9px;font-weight:500}.pd-stat-box-value{color:#111827;margin:0;font-size:18px;font-weight:800}.pd-modules-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;display:grid}.pd-module-link{background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:14px 10px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.pd-module-link:hover{border-color:var(--module-color,#2563eb);box-shadow:0 4px 12px #0000000f}.pd-module-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:4px;transition:background .2s;display:flex}.pd-module-icon [data-lucide]{width:18px;height:18px}.pd-module-link strong{color:#111827;font-size:11px}.pd-module-link small{color:#9ca3af;text-align:center;font-size:8px}.pd-module-link--cyan .pd-module-icon{color:#0891b2;background:#ecfeff}.pd-module-link--blue .pd-module-icon{color:#2563eb;background:#eff6ff}.pd-module-link--green .pd-module-icon{color:#059669;background:#ecfdf5}.pd-module-link--amber .pd-module-icon{color:#d97706;background:#fffbeb}.pd-module-link--purple .pd-module-icon{color:#7c3aed;background:#f5f3ff}.pd-module-link--rose .pd-module-icon{color:#e11d48;background:#fff1f2}.pd-module-link--orange .pd-module-icon{color:#ea580c;background:#fff7ed}.pd-quick-link{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:11px;font-weight:600;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:flex}.pd-quick-link [data-lucide]{color:#6b7280;width:14px;height:14px}.pd-quick-link:hover{border-color:var(--module-color,#2563eb);box-shadow:0 2px 8px #0000000f}.pd-page-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.pd-page-title{color:#111827;margin:0;font-size:14px;font-weight:700}.pd-card--stat-compact{text-align:center;padding:10px 8px}.pd-text-green{color:#16a34a!important}.pd-text-amber{color:#d97706!important}.pd-text-gray{color:#6b7280!important}.pd-card--table{gap:0;padding:0;overflow:hidden}.pd-table-toolbar{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.pd-search-box{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:flex}.pd-search-box [data-lucide]{width:11px;height:11px}.pd-table-filters{gap:6px;display:flex}.pd-table{border-collapse:collapse;width:100%;font-size:10px}.pd-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;border-bottom:1px solid #f3f4f6;padding:7px 12px;font-size:9px;font-weight:700}.pd-table td{color:#374151;border-bottom:1px solid #f9fafb;padding:8px 12px;font-size:10px}.pd-table tr:last-child td{border-bottom:none}.pd-user-cell{color:#111827;align-items:center;gap:6px;font-weight:600;display:flex}.pd-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:7px;font-weight:700;display:flex}.pd-avatar--blue{background:#3b82f6}.pd-avatar--emerald{background:#10b981}.pd-avatar--violet{background:#8b5cf6}.pd-avatar--amber{background:#f59e0b}.pd-avatar--rose{background:#f43f5e}.pd-role-badge{border-radius:4px;padding:2px 6px;font-size:8px;font-weight:600}.pd-role-badge--admin{color:#dc2626;background:#fef2f2}.pd-role-badge--manager{color:#2563eb;background:#eff6ff}.pd-role-badge--staff{color:#16a34a;background:#f0fdf4}.pd-role-badge--viewer{color:#6b7280;background:#f9fafb}.pd-status-pill{border-radius:10px;padding:2px 7px;font-size:8px;font-weight:600}.pd-status-pill--active{color:#16a34a;background:#dcfce7}.pd-status-pill--inactive{color:#d97706;background:#fef3c7}.pd-table-footer{color:#9ca3af;border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 12px;font-size:9px;display:flex}.pd-pagination{gap:3px;display:flex}.pd-page-btn{color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:8px;font-weight:600;display:flex}.pd-page-btn--active{color:#fff;background:#2563eb;border-color:#2563eb}@media(max-width:900px){.pd-grid--4{grid-template-columns:repeat(2,1fr)}.pd-grid--3-1,.pd-ums-layout{grid-template-columns:1fr}}@media(max-width:600px){.pd-grid--4,.pd-grid--3,.pd-grid--2{grid-template-columns:1fr}.pd-filter-bar{flex-direction:column;align-items:stretch}.pd-goal-header{flex-direction:column}.pd-goal-controls{flex-wrap:wrap}.pd-donut-chart{flex-direction:column;align-items:flex-start}.pd-body{padding:12px}}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}