:root,html[data-theme=light]{--primary: #3b82f6;--primary-black: #030213;--primary-hover: #5a6fd8;--secondary: #6b7280;--text-primary: #374151;--text-secondary: #6b7280;--text-tertiary: #717182;--text-muted: #999;--background-primary: #ffffff;--background-secondary: #f5f5f7;--background-tertiary: #f8f9fa;--background-hover: #f3f4f6;--background-warning: #fff9e6;--border-light: #e5e7eb;--border-lighter: #e5e5e5;--border-medium: #d1d5db;--border-hover: #c6c6c6;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 20px 60px rgba(0, 0, 0, .3);--box-shadow: 0 10px 30px rgba(0, 0, 0, .2);--gradient-header: white;--gradient-header-dark: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 50%, #6b6b6b 100%)}html[data-theme=dark]{--primary: #60a5fa;--primary-black: #f9fafb;--primary-hover: #93c5fd;--secondary: #9ca3af;--text-primary: #f9fafb;--text-secondary: #e5e7eb;--text-tertiary: #d1d5db;--text-muted: #9ca3af;--background-primary: #1f2937;--background-secondary: #111827;--background-tertiary: #0f172a;--background-hover: #374151;--background-warning: #fff9e6;--border-light: #374151;--border-lighter: #4b5563;--border-medium: #6b7280;--border-hover: #9ca3af;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .5);--shadow-md: 0 20px 60px rgba(0, 0, 0, .7);--box-shadow: 0 10px 30px rgba(0, 0, 0, .2);--gradient-header: var(--gradient-header-dark);--gradient-header-dark: linear-gradient(135deg, #1a1a1a 0%, #4a4a4a 50%, #6b6b6b 100%)}*{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}img.nav-icon,img.kpi-icon{filter:brightness(0) saturate(100%);opacity:.6;transition:opacity .2s ease}img.header-icon{filter:inherit;opacity:1}html[data-theme=dark] img.nav-icon,html[data-theme=dark] img.kpi-icon{filter:brightness(0) saturate(100%) invert(1);opacity:.8}html[data-theme=dark] img.header-icon{filter:brightness(0) saturate(100%);opacity:1}html{background-color:var(--background-secondary)}body{margin:0;padding:0;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:var(--background-secondary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}body .section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}body .section-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px}body .section-header .section-button{padding:.5rem 1rem;border:1px solid var(--border-medium);font-size:.875rem;font-weight:500;cursor:pointer;background:var(--background-hover);color:var(--text-primary);border-radius:.375rem;transition:all .2s}body .section-header .section-button:hover:not(:disabled){background:var(--border-light)}body .section-header .section-button:disabled{opacity:.5;cursor:not-allowed}body .help-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:8px;background-color:var(--background-hover);color:var(--text-primary);cursor:pointer;transition:all .2s ease;flex-shrink:0}body .help-button:hover{background-color:var(--border-light);transform:scale(1.05)}body .help-button:active{transform:scale(.95)}body .help-button svg{width:20px;height:20px;transition:transform .3s ease}body .help-button:hover svg{transform:rotate(15deg)}body .section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}body .section-card{background:var(--background-primary);border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);padding:24px}body .table-container{overflow-x:auto;background:var(--background-primary);border-radius:.5rem;border:1px solid var(--border-light)}body .table-container .table{width:100%;border-collapse:collapse;font-size:14px}body .table-container .table thead th{text-align:left;padding:12px 16px;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-light);background-color:var(--background-secondary)}body .table-container .table tbody .row{border-bottom:1px solid var(--border-light);transition:background-color .2s ease}body .table-container .table tbody .row:hover{background-color:var(--background-secondary)}body .table-container .table tbody .row td{padding:16px;color:var(--text-primary);vertical-align:middle}body .table-container .table tbody .row td .truncate-text{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}body .loading-container .loading-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}body .loading-container p{color:var(--text-secondary);font-size:14px;margin:0}body .no-data{text-align:center;color:var(--text-secondary);font-style:italic;padding:40px 16px}body .text-center{text-align:center}body .text-right{text-align:right}body .error-message,body .warning-message{border-radius:6px;padding:12px;margin-bottom:16px;font-size:13px;white-space:pre-wrap;word-break:break-word;max-height:200px;overflow-y:auto}body .error-message{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca}body .warning-message{color:#854d0e;background-color:#fffbeb;border:1px solid #fbbf24}body .old-value{text-decoration:line-through;color:var(--text-secondary);font-size:14px;font-weight:500}body .editable{border:1px solid var(--border-light);border-radius:8px;background:var(--background-secondary)}body .editable input[type=text],body .editable input[type=number]{padding-left:20px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E");background-size:14px 14px;background-repeat:no-repeat;background-position:left center}body .editable input[type=date]{padding-left:24px;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-size:16px 16px;background-repeat:no-repeat;background-position:4px center;position:relative}body .editable input[type=date]::-webkit-calendar-picker-indicator{position:absolute;left:0;top:0;width:24px;height:100%;opacity:0;cursor:pointer}body .status{font-size:12px;font-weight:500;padding:4px 6px;border-radius:8px}body .status.completed{background:#d1fae5;color:#065f46}body .status.scheduled{background:#fef3c7;color:#92400e}body .status.in_progress{background:#dbeafe;color:#1e40af}body .status.canceled{background:#fef3c7;color:#92400e}@media (max-width: 780px){.table-container .table thead{display:none}.table-container .table tr{display:block;margin-bottom:20px}.table-container .table td{display:block;text-align:right}.table-container .table td.no-data{text-align:center}.table-container .table td:before{content:attr(data-label);float:left;font-weight:700}.table-container .table tbody tr.row td{padding:5px}.table-container .table tbody tr.row td .truncate-text{margin-left:auto;max-width:50vw}}