:root{--mc-primary:var(--tenant-primary,#69c350);--mc-primary-hover:var(--tenant-primary-hover,#5ab143);--mc-primary-light:var(--tenant-primary-light,#f0f9ec);--mc-primary-dark:var(--tenant-primary-dark,#4a9c34);--mc-white:#fff;--mc-gray-50:#f9fafb;--mc-gray-100:#f3f4f6;--mc-gray-200:#e5e7eb;--mc-gray-300:#d1d5db;--mc-gray-400:#9ca3af;--mc-gray-500:#6b7280;--mc-gray-600:#374151;--mc-gray-700:#111827;--mc-gray-800:#1f2937;--mc-gray-900:#0f172a;--mc-black:#111827;--text-secondary:#6b7280;--mc-bg-primary:#fff;--mc-bg-secondary:#f9fafb;--mc-bg-tertiary:#f3f4f6;--mc-text-primary:#111827;--mc-text-secondary:#6b7280;--mc-text-muted:#9ca3af;--mc-border:#e5e7eb;--mc-border-light:#f3f4f6;--mc-success:#10b981;--mc-success-light:#d1fae5;--mc-warning:#f59e0b;--mc-warning-light:#fef3c7;--mc-error:#ef4444;--mc-error-light:#fee2e2;--mc-info:#3b82f6;--mc-info-light:#dbeafe;--mc-font-sans:"Outfit",ui-sans-serif,system-ui,sans-serif;--mc-font-mono:ui-monospace,"SF Mono","Cascadia Code",monospace;--mc-text-xs:.75rem;--mc-text-sm:.875rem;--mc-text-base:1rem;--mc-text-lg:1.125rem;--mc-text-xl:1.25rem;--mc-text-2xl:1.5rem;--mc-text-3xl:1.875rem;--mc-text-4xl:2.25rem;--mc-font-normal:400;--mc-font-medium:500;--mc-font-semibold:600;--mc-font-bold:700;--mc-leading-tight:1.25;--mc-leading-normal:1.5;--mc-leading-relaxed:1.75;--mc-space-0:0;--mc-space-1:.25rem;--mc-space-2:.5rem;--mc-space-3:.75rem;--mc-space-4:1rem;--mc-space-5:1.25rem;--mc-space-6:1.5rem;--mc-space-8:2rem;--mc-space-10:2.5rem;--mc-space-12:3rem;--mc-space-16:4rem;--mc-space-20:5rem;--mc-radius-none:0;--mc-radius-sm:.375rem;--mc-radius-md:.5rem;--mc-radius-lg:.75rem;--mc-radius-xl:1rem;--mc-radius-full:9999px;--mc-border-width:1px;--mc-border-color:var(--mc-gray-200);--mc-shadow-xs:0 1px 2px 0 #0000000d;--mc-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--mc-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--mc-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--mc-shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--mc-transition-fast:.15s ease-in-out;--mc-transition-normal:.2s ease-in-out;--mc-transition-slow:.3s ease-in-out;--mc-ease:cubic-bezier(.4,0,.2,1);--mc-ease-in:cubic-bezier(.4,0,1,1);--mc-ease-out:cubic-bezier(0,0,.2,1);--mc-sidebar-width:280px;--mc-sidebar-collapsed:4rem;--mc-header-height:4rem;--mc-z-base:0;--mc-z-dropdown:10;--mc-z-sticky:20;--mc-z-fixed:30;--mc-z-modal-backdrop:40;--mc-z-modal:50}*,:before,:after{box-sizing:border-box}body{font-family:var(--mc-font-sans);font-size:var(--mc-text-base);line-height:var(--mc-leading-normal);color:var(--mc-gray-800);background-color:var(--mc-gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mc-text-xs{font-size:var(--mc-text-xs)}.mc-text-sm{font-size:var(--mc-text-sm)}.mc-text-base{font-size:var(--mc-text-base)}.mc-text-lg{font-size:var(--mc-text-lg)}.mc-text-xl{font-size:var(--mc-text-xl)}.mc-text-2xl{font-size:var(--mc-text-2xl)}.mc-text-3xl{font-size:var(--mc-text-3xl)}.mc-text-4xl{font-size:var(--mc-text-4xl)}.mc-font-normal{font-weight:var(--mc-font-normal)}.mc-font-medium{font-weight:var(--mc-font-medium)}.mc-font-semibold{font-weight:var(--mc-font-semibold)}.mc-font-bold{font-weight:var(--mc-font-bold)}.mc-text-primary{color:var(--mc-gray-800)}.mc-text-secondary{color:var(--mc-gray-600)}.mc-text-muted{color:var(--mc-gray-500)}.mc-text-light{color:var(--mc-gray-400)}.mc-container{max-width:1280px;padding:0 var(--mc-space-6);margin:0 auto}.mc-container--full{max-width:none}.mc-main-area{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.mc-page-container{padding:var(--mc-space-4);width:100%;max-width:none}.mc-page-container--compact{padding-top:0}.mc-page-container--full{flex-direction:column;flex:1;padding:0;display:flex}.mc-page-container--full>.mc-card{box-shadow:none;border:none;border-radius:0;flex-direction:column;flex:1;display:flex}@media (max-width:767px){.mc-page-container{padding:var(--mc-space-1)}.mc-page-container--compact{padding-top:0}}.mc-section{margin-bottom:var(--mc-space-8)}.mc-card{background:var(--mc-white);border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-sm);border:var(--mc-border-width)solid var(--mc-border-color);transition:box-shadow var(--mc-transition-normal);overflow:visible}.mc-card--clipped{overflow:hidden}.mc-card:hover{box-shadow:var(--mc-shadow-md)}.mc-card-header{padding:var(--mc-space-6);border-bottom:var(--mc-border-width)solid var(--mc-border-color)}.mc-card-body{padding:var(--mc-space-6)}.mc-card-body.p-0,.mc-card-body-flush{padding:0!important}.mc-card-footer{padding:var(--mc-space-6);border-top:var(--mc-border-width)solid var(--mc-border-color);background:var(--mc-gray-50)}.mc-btn{justify-content:center;align-items:center;gap:var(--mc-space-2);padding:var(--mc-space-3)var(--mc-space-4);border-radius:var(--mc-radius-md);font-size:var(--mc-text-sm);font-weight:var(--mc-font-medium);font-family:var(--mc-font-sans);cursor:pointer;transition:all var(--mc-transition-fast);border:var(--mc-border-width)solid transparent;white-space:nowrap;outline:none;line-height:1;text-decoration:none;display:inline-flex}.mc-btn:focus-visible{outline:2px solid var(--mc-primary);outline-offset:2px}.mc-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.mc-btn-primary{background:#69c350;color:#fff!important}.mc-btn-primary:hover:not(:disabled){box-shadow:var(--mc-shadow-md);background:#5ab143;transform:translateY(-1px);color:#fff!important}.mc-btn-secondary{color:#69c350;background:#fff;border:1px solid #69c350}.dark .mc-btn-secondary{color:#69c350;background:0 0;border:1px solid #69c350}.mc-btn-secondary:hover:not(:disabled),.dark .mc-btn-secondary:hover:not(:disabled){background:#69c350;border-color:#69c350;color:#fff!important}.mc-btn-outline{color:var(--mc-primary);border-color:var(--mc-primary);background:0 0}.mc-btn-outline:hover:not(:disabled){background:var(--mc-primary-light)}.mc-btn-danger{background:var(--mc-error);color:var(--mc-white)}.mc-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.mc-btn-success{background:var(--mc-primary);color:var(--mc-white)}.mc-btn-success:hover:not(:disabled){background:var(--mc-primary-hover);transform:translateY(-1px)}.mc-btn-sm{height:2rem;padding:0 var(--mc-space-3);font-size:var(--mc-text-xs)}.mc-btn-lg{height:3rem;padding:0 var(--mc-space-6);font-size:var(--mc-text-base)}.mc-input{width:100%;height:2.5rem;padding:0 var(--mc-space-3);border:var(--mc-border-width)solid var(--mc-border-color);border-radius:var(--mc-radius-md);font-size:var(--mc-text-sm);font-family:var(--mc-font-sans);background:var(--mc-white);color:var(--mc-gray-800);transition:all var(--mc-transition-fast)}.mc-input:focus{border-color:var(--mc-primary);outline:none;box-shadow:0 0 0 3px #26c2811a}.mc-input::placeholder{color:var(--mc-gray-400)}.mc-textarea{resize:vertical;min-height:5rem;padding:var(--mc-space-3);font-family:var(--mc-font-sans)}.mc-label{font-size:var(--mc-text-sm);font-weight:var(--mc-font-medium);color:var(--mc-gray-700);margin-bottom:var(--mc-space-2);display:block}.mc-table-container{background:var(--mc-white);border-radius:var(--mc-radius-lg);box-shadow:var(--mc-shadow-sm);border:var(--mc-border-width)solid var(--mc-border-color);-webkit-overflow-scrolling:touch;overflow:auto visible}.mc-table{border-collapse:collapse;width:100%;font-size:var(--mc-text-sm)}.mc-table th{background:var(--mc-white);padding:10px var(--mc-space-3);text-align:left;color:var(--mc-gray-900,#111827);border-bottom:2px solid var(--mc-gray-100,#f3f4f6);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.mc-table td{padding:var(--mc-space-2)var(--mc-space-3);border-bottom:var(--mc-border-width)solid var(--mc-gray-100);vertical-align:middle;height:48px}.mc-table td .flex.items-center.gap-1 a,.mc-table td .flex.items-center.gap-1 button{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:6px;display:inline-flex}.mc-table tr:hover{background:var(--mc-gray-50)}.mc-table tr.bg-green-50{background-color:#f0fdf4!important}.mc-table tr.bg-green-50:hover{background-color:#dcfce7!important}.mc-table tr.bg-amber-50{background-color:#fffbeb!important}.mc-table tr.bg-amber-50:hover{background-color:#fef3c7!important}.mc-table tr:last-child td{border-bottom:none}.floating-action-td{display:none}.actions-col-hidden .floating-action-td{display:table-cell}.mc-badge{padding:var(--mc-space-1)var(--mc-space-3);border-radius:var(--mc-radius-full);font-size:var(--mc-text-xs);font-weight:var(--mc-font-medium);align-items:center;line-height:1;display:inline-flex}.mc-badge-primary{background:var(--mc-primary-light);color:var(--mc-primary-dark)}.mc-badge-success{background:var(--mc-success-light);color:#065f46}.mc-badge-warning{background:var(--mc-warning-light);color:#92400e}.mc-badge-error{background:var(--mc-error-light);color:#991b1b}.mc-badge-info{background:var(--mc-info-light);color:#1e40af}.mc-badge-gray{background:var(--mc-gray-100);color:var(--mc-gray-600)}.mc-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mc-text-center{text-align:center}.mc-text-right{text-align:right}.mc-text-left{text-align:left}.mc-flex{display:flex}.mc-flex-col{flex-direction:column}.mc-items-center{align-items:center}.mc-justify-center{justify-content:center}.mc-justify-between{justify-content:space-between}.mc-gap-1{gap:var(--mc-space-1)}.mc-gap-2{gap:var(--mc-space-2)}.mc-gap-3{gap:var(--mc-space-3)}.mc-gap-4{gap:var(--mc-space-4)}.mc-gap-6{gap:var(--mc-space-6)}.mc-w-full{width:100%}.mc-h-full{height:100%}.mc-mb-0{margin-bottom:var(--mc-space-0)}.mc-mb-2{margin-bottom:var(--mc-space-2)}.mc-mb-4{margin-bottom:var(--mc-space-4)}.mc-mb-6{margin-bottom:var(--mc-space-6)}.mc-mb-8{margin-bottom:var(--mc-space-8)}.mc-mt-4{margin-top:var(--mc-space-4)}.mc-mt-6{margin-top:var(--mc-space-6)}.mc-p-4{padding:var(--mc-space-4)}.mc-p-6{padding:var(--mc-space-6)}.mc-rounded-lg{border-radius:var(--mc-radius-lg)}.mc-rounded-md{border-radius:var(--mc-radius-md)}.stats-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-bottom:24px;padding:0 24px;display:grid}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:767px){.stats-grid{grid-template-columns:1fr;gap:8px;margin-bottom:12px;padding:0 16px}}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%);border:1px solid #69c35014;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.stat-background{opacity:.08;z-index:0;position:absolute;inset:0}.stat-content{z-index:1;flex-direction:column;padding:24px 28px;display:flex;position:relative}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-trend{color:#16a34a;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.stat-trend.positive{color:#16a34a}.stat-trend.negative{color:#dc2626}.stat-body{margin-bottom:16px}.stat-value{color:var(--mc-black);margin:0 0 4px;font-size:32px;font-weight:700;line-height:1.1}.stat-title{color:var(--mc-black);margin:0 0 4px;font-size:14px;font-weight:600}.stat-subtitle{color:var(--mc-body);margin:0;font-size:12px}.stat-footer{margin-top:12px}.stat-progress{background:#0000000d;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-bar{border-radius:2px;height:100%;transition:width .6s ease-in-out}@media (max-width:640px){.mc-hidden-mobile{display:none}}@media (min-width:641px){.mc-hidden-desktop{display:none}}.dark{--mc-bg-primary:#0f172a;--mc-bg-secondary:#1e293b;--mc-bg-tertiary:#334155;--mc-text-primary:#f8fafc;--mc-text-secondary:#94a3b8;--mc-text-muted:#64748b;--mc-border:#334155;--mc-border-light:#1e293b;--mc-white:#0f172a;--mc-gray-50:#1e293b;--mc-gray-100:#334155;--mc-gray-200:#475569;--mc-gray-300:#64748b;--mc-gray-400:#94a3b8;--mc-gray-500:#cbd5e1;--mc-gray-600:#e2e8f0;--mc-gray-700:#f1f5f9;--mc-gray-800:#f8fafc;--mc-black:#f8fafc;--text-secondary:#94a3b8;--mc-success-light:#10b98133;--mc-warning-light:#f59e0b33;--mc-error-light:#ef444433;--mc-info-light:#3b82f633;--mc-primary-light:#69c35026;--mc-border-color:#334155}.dark body{background-color:var(--mc-bg-secondary);color:var(--mc-text-primary)}.dark .mc-card{background:var(--mc-bg-primary);border-color:var(--mc-border)}.dark .mc-card:hover{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d}.dark .mc-card-footer{background:var(--mc-bg-secondary);border-color:var(--mc-border)}.dark .mc-card-header{border-color:var(--mc-border)}.dark .mc-table-container{background:var(--mc-bg-primary);border-color:var(--mc-border);color:var(--mc-text-primary)}.dark .mc-table th{background:var(--mc-bg-primary,#1e293b);color:var(--mc-text-secondary,#94a3b8);border-color:var(--mc-border,#ffffff14)}.dark .mc-table td{border-color:var(--mc-border)}.dark .mc-table tr:hover{background:var(--mc-bg-secondary)}.dark .mc-input{background:var(--mc-bg-secondary);border-color:var(--mc-border);color:var(--mc-text-primary)}.dark .mc-input::placeholder{color:var(--mc-text-muted)}.dark .mc-input:focus{border-color:var(--mc-primary);box-shadow:0 0 0 3px #69c35033}.dark select.mc-input option{background:var(--mc-bg-secondary);color:var(--mc-text-primary)}.dark input[type=date].mc-input::-webkit-calendar-picker-indicator{filter:invert()}.dark input[type=date].mc-input,.dark input[type=datetime-local].mc-input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dark .mc-label{color:var(--mc-text-secondary)}.dark .mc-badge-gray{background:var(--mc-bg-tertiary);color:var(--mc-text-secondary)}.dark .stat-card{background:linear-gradient(135deg,#1e293bf2 0%,#0f172ae6 100%);border-color:#69c35026}.dark .stat-value,.dark .stat-title{color:var(--mc-text-primary)}.dark .stat-subtitle{color:var(--mc-text-secondary)}.dark .stat-icon-wrapper{background:linear-gradient(135deg,#334155cc 0%,#1e293b99 100%);border-color:#69c35033}.dark .stat-progress{background:#ffffff1a}.dark .mc-sidebar{background:var(--mc-bg-primary);border-color:var(--mc-border)}.dark .mc-sidebar nav button,.dark .mc-sidebar nav a,.dark .mc-sidebar nav span{color:#fff!important}.dark .mc-sidebar nav button.cursor-not-allowed,.dark .mc-sidebar nav a.cursor-not-allowed,.dark .mc-sidebar nav .opacity-60{color:#64748b!important}.dark .mc-sidebar nav a.bg-\[\#69C350\],.dark .mc-sidebar nav button.bg-\[\#69C350\]{color:#fff!important}.dark .mc-sidebar nav a:hover:not(.bg-\[\#69C350\]),.dark .mc-sidebar nav button:hover:not(.cursor-not-allowed){color:#69c350!important}.dark header{border-color:var(--mc-border);background:#0f172af2!important}.mc-glass-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);border:1px solid #69c35026;border-radius:12px;transition:all .2s;box-shadow:0 2px 12px #0000000a}.mc-glass-btn:hover{background:linear-gradient(135deg,#fff 0%,#fffffff2 100%);border-color:#69c3504d;transform:translateY(-1px);box-shadow:0 4px 16px #69c35026}.mc-glass-btn:active{transform:translateY(0);box-shadow:0 2px 8px #69c3501a}.dark .mc-glass-btn{color:#f1f5f9;background:linear-gradient(135deg,#334155e6 0%,#1e293bd9 100%);border:1px solid #69c35033;box-shadow:0 2px 12px #0003}.dark .mc-glass-btn:hover{background:linear-gradient(135deg,#475569f2 0%,#334155e6 100%);border-color:#69c35066;box-shadow:0 4px 20px #69c35033}.mc-glass-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1f2937;background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);border:1px solid #69c35026;border-radius:12px;transition:all .2s;box-shadow:0 2px 12px #0000000a,inset 0 1px 2px #00000005}.mc-glass-input::placeholder{color:#9ca3af}.mc-glass-input:focus{border-color:#69c35080;outline:none;box-shadow:0 4px 16px #69c35026,0 0 0 3px #69c3501a}.dark .mc-glass-input{color:#f1f5f9;background:linear-gradient(135deg,#334155e6 0%,#1e293bd9 100%);border:1px solid #69c35033;box-shadow:0 2px 12px #0003,inset 0 1px 2px #0000001a}.dark .mc-glass-input::placeholder{color:#94a3b8}.dark .mc-glass-input:focus{border-color:#69c35080;box-shadow:0 4px 20px #69c35033,0 0 0 3px #69c35026}.mc-glass-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffd9 100%);border:1px solid #69c35026;border-radius:14px;transition:all .2s;box-shadow:0 2px 12px #0000000a}.mc-glass-user:hover{background:linear-gradient(135deg,#fff 0%,#fffffff2 100%);border-color:#69c3504d;transform:translateY(-1px);box-shadow:0 4px 20px #69c35026}.dark .mc-glass-user{background:linear-gradient(135deg,#334155e6 0%,#1e293bd9 100%);border:1px solid #69c35033;box-shadow:0 2px 12px #0003}.dark .mc-glass-user:hover{background:linear-gradient(135deg,#475569f2 0%,#334155e6 100%);border-color:#69c35066;box-shadow:0 4px 24px #69c35033}.mc-glass-user .user-name{color:#1f2937;font-weight:600}.mc-glass-user .user-role{color:#6b7280;font-size:.75rem}.dark .mc-glass-user .user-name{color:#f1f5f9}.dark .mc-glass-user .user-role{color:#94a3b8}.mc-glass-btn svg,.mc-glass-input svg{color:#69c350}.dark .mc-glass-btn svg,.dark .mc-glass-input svg{color:#7ed45e}.dark .dropdown-menu,.dark [class*=dropdown]{background:var(--mc-bg-primary);border-color:var(--mc-border)}.dark ::-webkit-scrollbar-track{background:var(--mc-bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--mc-bg-tertiary)}.dark ::-webkit-scrollbar-thumb:hover{background:#475569}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}.animate-pulse-slow{animation:2s ease-in-out infinite pulse-slow}@keyframes bounce-dot{0%,80%,to{opacity:.4;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.animate-bounce-dot{animation:1.2s ease-in-out infinite bounce-dot}#header-toolbar-portal:empty{display:none}@media (max-width:767px){#header-toolbar-portal>div{gap:6px!important}#header-toolbar-portal button>span:not([class]),#header-toolbar-portal a[href]>span:not([class]){display:none}#header-toolbar-portal button,#header-toolbar-portal a[href]{padding-left:8px!important;padding-right:8px!important}#header-toolbar-portal .max-w-md{max-width:none}#header-toolbar-portal input{height:34px!important;font-size:13px!important}#header-toolbar-portal button,#header-toolbar-portal a[href]{height:34px!important;font-size:12px!important}#header-toolbar-portal svg{width:16px;height:16px}}
.stats-grid{box-sizing:border-box;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-bottom:16px;padding:0 24px;display:grid}.stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%);border:1px solid #69c35014;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}:root.dark .stat-card,.dark .stat-card{background:linear-gradient(135deg,#1e293bf2 0%,#0f172ae6 100%);border:1px solid #69c35026;box-shadow:0 4px 20px #0003}.stat-content{z-index:2;padding:16px;position:relative}.stat-background{opacity:.06;z-index:1;border-radius:50%;width:80px;height:80px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.stat-icon-wrapper{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fffc 0%,#fff9 100%);border:1px solid #69c3501a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-icon-wrapper svg{width:20px;height:20px}:root.dark .stat-icon-wrapper,.dark .stat-icon-wrapper{background:linear-gradient(135deg,#334155cc 0%,#1e293b99 100%);border:1px solid #69c35033}.stat-icon-wrapper svg{color:#4a8f39;filter:drop-shadow(0 2px 4px #69c35033)}:root.dark .stat-icon-wrapper svg,.dark .stat-icon-wrapper svg{color:#7ed45e}.stat-trend{color:#4a8f39;background:linear-gradient(135deg,#69c3501f 0%,#4a8f3914 100%);border:1px solid #69c35026;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:flex}:root.dark .stat-trend,.dark .stat-trend{color:#7ed45e;background:linear-gradient(135deg,#69c35033 0%,#4a8f3926 100%);border:1px solid #69c35040}.stat-trend.positive svg{color:#4a8f39}:root.dark .stat-trend.positive svg,.dark .stat-trend.positive svg{color:#7ed45e}.stat-trend.negative{color:#dc2626;background:linear-gradient(135deg,#ef44441f 0%,#b91c1c14 100%);border:1px solid #ef444426}:root.dark .stat-trend.negative,.dark .stat-trend.negative{color:#f87171;background:linear-gradient(135deg,#ef444433 0%,#b91c1c26 100%);border:1px solid #ef444440}.stat-trend.negative svg{color:#dc2626}:root.dark .stat-trend.negative svg,.dark .stat-trend.negative svg{color:#f87171}.stat-body{margin-bottom:8px}.stat-value{color:var(--mc-text,var(--mc-black,#111827));letter-spacing:-.025em;margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.1}:root.dark .stat-value,.dark .stat-value{color:#f8fafc}.stat-title{color:var(--mc-text,var(--mc-black,#111827));margin:0 0 2px;font-size:13px;font-weight:600;line-height:1.2}:root.dark .stat-title,.dark .stat-title{color:#f8fafc}.stat-subtitle{color:var(--mc-text-secondary,var(--text-secondary,#6b7280));margin:0;font-size:12px;line-height:1.3}:root.dark .stat-subtitle,.dark .stat-subtitle{color:#94a3b8}.stat-footer{position:relative}.stat-progress{background:#69c3501a;border-radius:2px;width:100%;height:4px;overflow:hidden}:root.dark .stat-progress,.dark .stat-progress{background:#ffffff1a}.progress-bar{background:linear-gradient(135deg,#69c350 0%,#4a8f39 100%);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #69c3504d}.sc-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;padding:0 24px;display:grid}.sc-card{background:#fff;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:14px;padding:16px 18px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.sc-card:before{content:"";background:var(--sc-accent,#69c350);border-radius:3px 0 0 3px;width:3px;position:absolute;top:0;bottom:0;left:0}.sc-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.dark .sc-card{background:#1e293bb3;border-color:#ffffff0f;box-shadow:0 1px 3px #0003}.dark .sc-card:hover{border-color:#ffffff1a;box-shadow:0 4px 16px #0000004d}.sc-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sc-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sc-value{color:#111827;letter-spacing:-.02em;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:700;line-height:1.15;overflow:hidden}.dark .sc-value{color:#f1f5f9}.sc-label{color:#6b7280;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.3}.dark .sc-label{color:#94a3b8}.sc-sub{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:400;line-height:1.2;overflow:hidden}.dark .sc-sub{color:#64748b}@media (max-width:1100px){.sc-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:0 16px}.sc-card{gap:12px;padding:14px}.sc-icon{border-radius:9px;width:36px;height:36px}.sc-icon svg{width:16px;height:16px}.sc-value{font-size:18px}}@media (max-width:640px){.sc-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;padding:0 12px}.sc-card{gap:10px;padding:12px}.sc-icon{border-radius:8px;width:32px;height:32px}.sc-icon svg{width:15px;height:15px}.sc-value{font-size:16px}.sc-label{font-size:11px}.sc-sub{display:none}}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px}.stat-content{padding:12px}.stat-icon-wrapper{width:36px;height:36px}.stat-icon-wrapper svg{width:18px;height:18px}.stat-value{font-size:20px}.stat-title{font-size:12px}}@media (max-width:640px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px;padding:0 12px}.stat-content{padding:12px}.stat-header{margin-bottom:6px}.stat-icon-wrapper{border-radius:8px;width:32px;height:32px}.stat-icon-wrapper svg{width:16px;height:16px}.stat-trend{padding:2px 6px;font-size:10px}.stat-value{margin:0 0 2px;font-size:18px}.stat-title{font-size:11px}.stat-subtitle{display:none}.stat-body{margin-bottom:4px}.stat-background{width:60px;height:60px;transform:translate(15px,-15px)}}
.mobile-list{flex-direction:column;display:flex}.mobile-list-card{border-bottom:1px solid #0000000f}.dark .mobile-list-card{border-bottom-color:#ffffff14}.mobile-list-card:last-child{border-bottom:none}.mobile-list-main{align-items:center;gap:8px;padding:10px 12px;display:flex}.mobile-list-checkbox{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;width:18px;height:18px}.dark .mobile-list-checkbox{background-color:#1e293b;border-color:#475569}.mobile-list-info{flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.mobile-list-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.mobile-list-title{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-list-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.dark .mobile-list-name{color:#f1f5f9}.mobile-list-badge{border-radius:10px;align-items:center;width:fit-content;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.mobile-list-badge.blue{color:#3b82f6;background:#3b82f61a}.mobile-list-badge.orange{color:#f97316;background:#f973161a}.mobile-list-badge.green{color:#22c55e;background:#22c55e1a}.mobile-list-badge.red{color:#ef4444;background:#ef44441a}.mobile-list-badge.purple{color:#9333ea;background:#9333ea1a}.mobile-list-badge.yellow{color:#ca8a04;background:#eab3081a}.mobile-list-badge.gray{color:#6b7280;background:#6b72801a}.mobile-list-badge.cyan{color:#06b6d4;background:#06b6d41a}.mobile-list-badge.pink{color:#ec4899;background:#ec48991a}.dark .mobile-list-badge.blue{color:#93c5fd;background:#3b82f633}.dark .mobile-list-badge.orange{color:#fdba74;background:#f9731633}.dark .mobile-list-badge.green{color:#86efac;background:#22c55e33}.dark .mobile-list-badge.red{color:#fca5a5;background:#ef444433}.dark .mobile-list-badge.purple{color:#d8b4fe;background:#9333ea33}.dark .mobile-list-badge.yellow{color:#fde047;background:#eab30833}.dark .mobile-list-badge.gray{color:#d1d5db;background:#6b728033}.dark .mobile-list-badge.cyan{color:#67e8f9;background:#06b6d433}.dark .mobile-list-badge.pink{color:#f9a8d4;background:#ec489933}.mobile-list-expand{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.mobile-list-expand:hover{background:#0000000d}.dark .mobile-list-expand{color:#9ca3af}.dark .mobile-list-expand:hover{background:#ffffff0d}.mobile-list-details{background:#00000005;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:8px;margin-left:26px;margin-right:12px;padding:10px 12px;display:flex}.dark .mobile-list-details{background:#ffffff08}.mobile-list-detail-row{color:#4b5563;align-items:center;gap:8px;font-size:12px;display:flex}.dark .mobile-list-detail-row{color:#9ca3af}.mobile-list-detail-icon{color:#9ca3af;flex-shrink:0}.dark .mobile-list-detail-icon{color:#6b7280}.mobile-list-actions{border-top:1px solid #0000000f;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.dark .mobile-list-actions{border-top-color:#ffffff14}.mobile-list-action{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-list-action--view{color:#3b82f6;background:#3b82f61a}.mobile-list-action--view:hover{background:#3b82f633}.mobile-list-action--edit{color:#22c55e;background:#22c55e1a}.mobile-list-action--edit:hover{background:#22c55e33}.mobile-list-action--delete{color:#ef4444;background:#ef44441a}.mobile-list-action--delete:hover{background:#ef444433}.mobile-list-action--time{color:#9333ea;background:#9333ea1a}.mobile-list-action--time:hover{background:#9333ea33}.mobile-list-action--approve{color:#22c55e;background:#22c55e1a}.mobile-list-action--approve:hover{background:#22c55e33}.mobile-list-action--order{color:#f97316;background:#f973161a}.mobile-list-action--order:hover{background:#f9731633}.dark .mobile-list-action--view{color:#93c5fd;background:#3b82f626}.dark .mobile-list-action--edit{color:#86efac;background:#22c55e26}.dark .mobile-list-action--delete{color:#fca5a5;background:#ef444426}.dark .mobile-list-action--time{color:#d8b4fe;background:#9333ea26}.dark .mobile-list-action--approve{color:#86efac;background:#22c55e26}.dark .mobile-list-action--order{color:#fdba74;background:#f9731626}.mobile-customer-list,.mobile-contact-list,.mobile-partner-list,.mobile-task-list,.mobile-opportunity-list,.mobile-quote-list,.mobile-subcontractor-list,.mobile-inspection-list,.mobile-complaint-list,.mobile-maintenance-list,.mobile-change-order-list,.mobile-worksite-list,.mobile-project-list{flex-direction:column;display:flex}.mobile-customer-card,.mobile-contact-card,.mobile-partner-card,.mobile-task-card,.mobile-opportunity-card,.mobile-quote-card,.mobile-subcontractor-card,.mobile-inspection-card,.mobile-complaint-card,.mobile-maintenance-card,.mobile-change-order-card,.mobile-worksite-card,.mobile-project-card{border-bottom:1px solid #0000000f}.dark .mobile-customer-card,.dark .mobile-contact-card,.dark .mobile-partner-card,.dark .mobile-task-card,.dark .mobile-opportunity-card,.dark .mobile-quote-card,.dark .mobile-subcontractor-card,.dark .mobile-inspection-card,.dark .mobile-complaint-card,.dark .mobile-maintenance-card,.dark .mobile-change-order-card,.dark .mobile-worksite-card,.dark .mobile-project-card{border-bottom-color:#ffffff14}.mobile-customer-main,.mobile-contact-main,.mobile-partner-main,.mobile-task-main,.mobile-opportunity-main,.mobile-quote-main,.mobile-subcontractor-main,.mobile-inspection-main,.mobile-complaint-main,.mobile-maintenance-main,.mobile-change-order-main,.mobile-worksite-main,.mobile-project-main{align-items:center;gap:8px;padding:10px 12px;display:flex}.mobile-checkbox{cursor:pointer;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;width:18px;height:18px}.dark .mobile-checkbox{background-color:#1e293b;border-color:#475569}.mobile-customer-info,.mobile-contact-info,.mobile-partner-info,.mobile-opportunity-info,.mobile-quote-info,.mobile-subcontractor-info,.mobile-inspection-info,.mobile-complaint-info,.mobile-maintenance-info,.mobile-change-order-info,.mobile-worksite-info,.mobile-project-info{flex:1;align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.mobile-avatar{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:flex}.mobile-customer-name,.mobile-contact-name,.mobile-partner-name,.mobile-opportunity-name,.mobile-quote-name,.mobile-subcontractor-name,.mobile-inspection-name,.mobile-complaint-name,.mobile-maintenance-name,.mobile-change-order-name,.mobile-worksite-name,.mobile-project-name{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-name-text{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.dark .mobile-name-text{color:#f1f5f9}.mobile-status-badge{border-radius:10px;align-items:center;width:fit-content;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.mobile-expand-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s;display:flex}.mobile-expand-btn:hover{background:#0000000d}.dark .mobile-expand-btn{color:#9ca3af}.dark .mobile-expand-btn:hover{background:#ffffff0d}.mobile-customer-details,.mobile-contact-details,.mobile-partner-details,.mobile-task-details,.mobile-opportunity-details,.mobile-quote-details,.mobile-subcontractor-details,.mobile-inspection-details,.mobile-complaint-details,.mobile-maintenance-details,.mobile-change-order-details,.mobile-worksite-details,.mobile-project-details{background:#00000005;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:8px;margin-left:26px;margin-right:12px;padding:10px 12px;display:flex}.dark .mobile-customer-details,.dark .mobile-contact-details,.dark .mobile-partner-details,.dark .mobile-task-details,.dark .mobile-opportunity-details,.dark .mobile-quote-details,.dark .mobile-subcontractor-details,.dark .mobile-inspection-details,.dark .mobile-complaint-details,.dark .mobile-maintenance-details,.dark .mobile-change-order-details,.dark .mobile-worksite-details,.dark .mobile-project-details{background:#ffffff08}.mobile-detail-row{color:#4b5563;align-items:center;gap:8px;font-size:12px;display:flex}.dark .mobile-detail-row{color:#9ca3af}.mobile-detail-icon{color:#9ca3af;flex-shrink:0}.dark .mobile-detail-icon{color:#6b7280}.mobile-actions{border-top:1px solid #0000000f;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;display:flex}.dark .mobile-actions{border-top-color:#ffffff14}.mobile-action-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-action-view{color:#3b82f6;background:#3b82f61a}.mobile-action-view:hover{background:#3b82f633}.mobile-action-edit{color:#22c55e;background:#22c55e1a}.mobile-action-edit:hover{background:#22c55e33}.mobile-action-delete{color:#ef4444;background:#ef44441a}.mobile-action-delete:hover{background:#ef444433}.mobile-action-time{color:#9333ea;background:#9333ea1a}.mobile-action-time:hover{background:#9333ea33}.dark .mobile-action-view{color:#93c5fd;background:#3b82f626}.dark .mobile-action-edit{color:#86efac;background:#22c55e26}.dark .mobile-action-delete{color:#fca5a5;background:#ef444426}.dark .mobile-action-time{color:#d8b4fe;background:#9333ea26}.mobile-type-badge{border-radius:10px;align-items:center;width:fit-content;padding:2px 6px;font-size:10px;font-weight:500;display:inline-flex}.mobile-type-badge.standalone{color:#6b7280;background:#6b72801a}.mobile-type-badge.client{color:#3b82f6;background:#3b82f61a}.mobile-type-badge.partner{color:#9333ea;background:#9333ea1a}.mobile-type-badge.user{color:#22c55e;background:#22c55e1a}.mobile-type-badge.lead{color:#ca8a04;background:#eab3081a}.dark .mobile-type-badge.standalone{color:#d1d5db;background:#6b728033}.dark .mobile-type-badge.client{color:#93c5fd;background:#3b82f633}.dark .mobile-type-badge.partner{color:#d8b4fe;background:#9333ea33}.dark .mobile-type-badge.user{color:#86efac;background:#22c55e33}.dark .mobile-type-badge.lead{color:#fde047;background:#eab30833}