:root{--modern-sidebar-width:260px;--modern-sidebar-collapsed-width:80px;--modern-bg:#f3f4f6;--modern-sidebar-bg:#f9fafb;--modern-text:#111827;--modern-text-secondary:#6b7280;--modern-border:#e5e7eb;--modern-accent:#111827;--modern-accent-hover:#374151}.modern-layout{background-color:var(--modern-bg);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.modern-main{width:100%;margin:0;padding:0}.top-bar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.breadcrumbs{color:var(--modern-text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.breadcrumb-item{align-items:center;gap:8px;display:flex}.breadcrumb-active{color:var(--modern-text);font-weight:500}.top-search{width:300px;position:relative}.top-search input{border:1px solid var(--modern-border);background-color:#fff;border-radius:8px;width:100%;padding:8px 12px 8px 36px;font-size:14px}.top-search svg{color:#9ca3af;width:16px;height:16px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.dashboard-welcome{text-align:center;flex-direction:column;align-items:center;max-width:100%;margin:0 0 40px;display:flex}.brand-icon-large{color:#d1d5db;background-color:#f3f4f6;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:24px;display:flex}.greeting-title{color:var(--modern-text);margin-bottom:12px;font-size:32px;font-weight:700}.greeting-subtitle{color:var(--modern-text-secondary);margin-bottom:32px;font-size:16px}.prompt-bar-container{border:1px solid var(--modern-border);background-color:#fff;border-radius:16px;width:100%;padding:20px;box-shadow:0 1px 3px #0000001a}.prompt-input-area{gap:12px;margin-bottom:16px;display:flex}.prompt-input{resize:none;border:none;outline:none;flex:1;min-height:24px;font-family:inherit;font-size:16px}.ai-badge{color:#0284c7;background-color:#f0f9ff;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-flex}.prompt-actions{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.action-chips{gap:8px;display:flex}.action-chip{border:1px solid var(--modern-border);color:var(--modern-text-secondary);cursor:pointer;background-color:#fff;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:all .2s;display:flex}.action-chip:hover{color:var(--modern-text);background-color:#f9fafb}.send-btn{background-color:var(--modern-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.send-btn:hover{background-color:var(--modern-accent-hover)}.modern-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;width:100%;margin-bottom:32px;display:grid}@media (max-width:1024px){.modern-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.modern-metrics-grid{grid-template-columns:1fr}}.modern-metric-card{border:1px solid var(--modern-border);background-color:#fff;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.modern-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.metric-icon-wrapper{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-icon-wrapper.primary{background-color:#6366f1}.metric-icon-wrapper.success{background-color:#10b981}.metric-icon-wrapper.warning{background-color:#f59e0b}.metric-icon-wrapper.accent{background-color:#8b5cf6}.metric-icon-wrapper.info{background-color:#3b82f6}.metric-info{flex-direction:column;display:flex}.metric-label{color:var(--modern-text-secondary);font-size:13px;font-weight:500}.modern-actions-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;display:grid}@media (max-width:1024px){.modern-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.modern-actions-grid{grid-template-columns:1fr}}.modern-action-card{border:1px solid var(--modern-border);background-color:#fff;border-radius:12px;align-items:flex-start;gap:16px;padding:24px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.modern-action-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.action-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.modern-action-card.primary .action-icon{color:#1d4ed8;background-color:#dbeafe}.modern-action-card.secondary .action-icon{color:#7c3aed;background-color:#f3e8ff}.action-content{flex:1}.action-title{color:var(--modern-text);margin-bottom:6px;font-size:16px;font-weight:600}.action-description{color:var(--modern-text-secondary);font-size:14px;line-height:1.5}.action-icon-box{width:48px;height:48px;color:var(--modern-text);background-color:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;display:flex}.action-icon-box.success{color:#059669;background-color:#ecfdf5}.action-details{flex:1}.action-details h3{color:var(--modern-text);margin:0 0 4px;font-size:16px;font-weight:600}.action-details p{color:var(--modern-text-secondary);margin:0;font-size:13px;line-height:1.4}.action-arrow{color:#d1d5db;transition:transform .2s}.modern-action-card:hover .action-arrow{color:#3b82f6;transform:translate(4px)}.sidebar-scroll-area{flex:1;margin-bottom:16px;overflow:visible auto}.modern-sidebar.collapsed .sidebar-scroll-area{overflow-x:hidden}.sidebar-scroll-area::-webkit-scrollbar{width:4px}.sidebar-scroll-area::-webkit-scrollbar-thumb{background-color:#e5e7eb;border-radius:4px}.app-header{z-index:999;height:68px;box-shadow:none;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 32px;transition:left .3s;display:flex;position:fixed;top:0;left:260px;right:0}.app-shell.sidebar-collapsed .app-header{left:80px}.app-header .brand{color:#111827;letter-spacing:-.02em;align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.app-header .brand img{filter:drop-shadow(0 1px 2px #0000001a);width:28px;height:28px}.modern-header{z-index:999;height:68px;box-shadow:none;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:0 32px;transition:left .3s;display:flex;position:fixed;top:0;left:260px;right:0}.app-shell.sidebar-collapsed .modern-header{left:80px}.header-brand{color:#111827;letter-spacing:-.02em;align-items:center;gap:12px;font-size:17px;font-weight:700;display:flex}.header-brand img{filter:drop-shadow(0 1px 2px #0000001a);width:28px;height:28px}.header-spacer{flex:1}.header-notification-btn{cursor:pointer;color:#6b7280;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.header-notification-btn:hover{color:#111827;background-color:#f3f4f6;border-color:#d1d5db}.header-profile-btn{cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.header-profile-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.profile-avatar{background-color:#fff;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.profile-avatar img{width:20px;height:20px}.profile-info{flex-direction:column;align-items:flex-start;display:flex}.profile-name{color:#111827;font-size:13px;font-weight:600;line-height:1.2}.profile-role{color:#6b7280;font-size:11px;line-height:1.2}.profile-chevron{color:#9ca3af;transition:transform .2s}.profile-chevron.open{transform:rotate(180deg)}.header-dropdown{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:220px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dropdown-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dropdown-header h6{color:#111827;margin:0;font-size:13px;font-weight:600}.dropdown-header a{color:#3b82f6;font-size:12px;text-decoration:none}.dropdown-header a:hover{text-decoration:underline}.dropdown-list{max-height:320px;overflow-y:auto}.dropdown-item{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:14px;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{background-color:#f9fafb}.dropdown-item.danger{color:#ef4444}.dropdown-item.danger:hover{background-color:#fef2f2}.notification-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.header-actions{align-items:center;gap:16px;display:flex}.notification-container{position:relative}.notification-bell{cursor:pointer;color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex;position:relative}.notification-bell:hover{color:#111827;background-color:#f9fafb;border-color:#111827;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.notification-badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:10px;min-width:18px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:-4px;right:-4px}.notification-dropdown{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:360px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0000001a}.notification-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notification-header h6{color:#111827;margin:0;font-size:14px;font-weight:600}.notification-header a{color:#6b7280;font-size:13px;font-weight:500;text-decoration:none}.notification-header a:hover{color:#111827}.notification-list{max-height:400px;overflow-y:auto}.chevron-stepper{background:0 0;border-radius:8px;gap:0;margin-bottom:24px;padding:4px 0;display:flex;overflow:hidden}.chevron-step{color:#6b7280;cursor:pointer;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,15px 50%);filter:drop-shadow(0 1px 1px #0000000d);background:#fff;border:none;flex:1;justify-content:center;align-items:center;gap:8px;margin-left:-15px;padding:12px 10px 12px 35px;font-size:13px;font-weight:500;transition:all .2s;display:flex;position:relative}.chevron-step:first-child{clip-path:polygon(0 0,calc(100% - 15px) 0,100% 50%,calc(100% - 15px) 100%,0 100%);border-top-left-radius:8px;border-bottom-left-radius:8px;margin-left:0;padding-left:20px}.chevron-step:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,15px 50%);border-top-right-radius:8px;border-bottom-right-radius:8px;padding-right:20px}.chevron-step:hover{color:#111827;background:#f9fafb}.chevron-step.active{color:#fff;z-index:10;background:#059669}.chevron-step.completed{color:#059669;background:#ecfdf5}.chevron-step.completed:hover{background:#d1fae5}.chevron-step-icon{justify-content:center;align-items:center;display:flex}.chevron-step.active .chevron-step-icon{color:#a7f3d0}.chevron-step.completed .chevron-step-icon{color:#059669}.documents-ingestion-grid{grid-template-columns:350px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1024px){.documents-ingestion-grid{grid-template-columns:1fr}}.documents-left-panel{flex-direction:column;gap:24px;display:flex}.document-upload-card{text-align:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:32px;transition:all .2s;display:flex}.document-upload-card:hover{background-color:#f0fdf4;border-color:#059669}.document-upload-icon{color:#059669;background:#ecfdf5;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.document-upload-copy strong{color:#111827;margin-bottom:4px;font-size:14px;display:block}.document-upload-copy span{color:#6b7280;font-size:12px}.document-upload-actions{justify-content:center;gap:12px;width:100%;display:flex}.document-queue-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.queue-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.queue-header h5{color:#111827;margin:0 0 4px;font-size:14px;font-weight:600}.queue-header p{color:#6b7280;margin:0;font-size:12px}.queue-total{color:#374151;background:#e5e7eb;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:600}.document-queue-list{max-height:400px;overflow-y:auto}.document-row{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex}.document-row:hover{background-color:#f9fafb}.document-row.active{background-color:#ecfdf5;border-left:3px solid #059669}.document-row-body strong{color:#111827;white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-bottom:2px;font-size:13px;display:block;overflow:hidden}.document-row-body span{color:#6b7280;font-size:11px}.document-row-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.document-row-meta span{color:#9ca3af;font-size:10px}.document-status-badge{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.document-status-badge.success{color:#059669;background:#ecfdf5}.document-status-badge.warning{color:#d97706;background:#fffbeb}.document-status-badge.danger{color:#dc2626;background:#fef2f2}.document-status-badge.neutral{color:#4b5563;background:#f3f4f6}.document-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.doc-detail-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.doc-detail-header h4{color:#111827;margin:0 0 4px;font-size:18px}.doc-detail-header p{color:#6b7280;margin:0;font-size:13px}.doc-meta-grid{background:#f9fafb;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;padding:16px;display:grid}.doc-meta-item{flex-direction:column;gap:4px;display:flex}.doc-meta-item label{text-transform:uppercase;color:#6b7280;font-size:11px;font-weight:600}.doc-meta-item span{color:#111827;font-size:14px;font-weight:500}.extracted-fields-list{border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:0;display:flex;overflow:hidden}.extracted-field-row{background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:12px 16px;display:flex}.extracted-field-row:last-child{border-bottom:none}.extracted-field-row:nth-child(2n){background:#f9fafb}.field-label{color:#4b5563;font-size:13px;font-weight:500}.field-value{color:#111827;text-align:right;font-size:13px;font-weight:600}.field-confidence{border-radius:4px;margin-left:8px;padding:1px 4px;font-size:11px}.field-confidence.high{color:#059669;background:#ecfdf5}.field-confidence.medium{color:#d97706;background:#fffbeb}.field-confidence.low{color:#dc2626;background:#fef2f2}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:#f9fafb}.notification-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.notification-dot.validated{background-color:#10b981}.notification-dot.pending{background-color:#f59e0b}.notification-dot.buyer_signed{background-color:#3b82f6}.notification-content{flex-direction:column;flex:1;gap:4px;display:flex}.notification-title{color:#111827;font-size:13px;font-weight:600}.notification-desc{color:#6b7280;font-size:12px}.notification-time{color:#9ca3af;font-size:11px}.profile-button{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:6px 12px 6px 6px;transition:all .2s;display:flex}.profile-button:hover{background-color:#f9fafb;border-color:#111827;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.profile-button img{border:2px solid #f3f4f6;border-radius:50%;width:36px;height:36px}.profile-meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.profile-name{color:#111827;font-size:13px;font-weight:600}.profile-role{color:#6b7280;font-size:11px}.chevron{color:#9ca3af;font-size:12px;transition:transform .2s}.chevron.open{transform:rotate(180deg)}.profile-menu{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:240px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 4px 12px #0000001a}.profile-menu a,.profile-menu button{color:#111827;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s;display:flex}.profile-menu a:hover,.profile-menu button:hover{background-color:#f9fafb}.profile-menu a.danger,.profile-menu button.danger{color:#ef4444}.profile-menu img{width:18px;height:18px}.modern-page-container{padding:0}.modern-page-header{margin-bottom:32px}.unified-declaration-page,.unified-declaration-grid,.wizard-panel{width:100%}.tiles-section{margin-bottom:24px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.declaration-tile{cursor:pointer;text-align:left;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:flex-start;gap:16px;width:100%;padding:24px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.declaration-tile:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.declaration-tile.selected{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.tile-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;display:flex;box-shadow:0 2px 4px #0000001a}.tile-icon svg{width:24px;height:24px}.declaration-tile:hover .tile-icon{transition:all .2s;transform:scale(1.05)}.tile-label{flex-direction:column;flex:1;gap:4px;display:flex}.tile-label strong{color:#111827;margin-bottom:2px;font-size:16px;font-weight:600}.tile-label span{color:#6b7280;font-size:14px;line-height:1.5}.wizard-steps{border-bottom:1px solid #e5e7eb;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex}.wizard-step{cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.wizard-step:hover{background-color:#f3f4f6}.wizard-step.active{color:#fff;background-color:#111827;border-color:#111827}.wizard-step.completed{background-color:#ecfdf5;border-color:#10b981}.wizard-step-icon{color:#6b7280;background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;display:flex}.wizard-step-icon svg{width:20px;height:20px}.wizard-step.active .wizard-step-icon{color:#fff;background-color:#fff3}.wizard-step.completed .wizard-step-icon{color:#fff;background-color:#10b981}.wizard-step-content{flex-direction:column;gap:4px;display:flex}.wizard-step-title{color:#111827;font-size:14px;font-weight:600}.wizard-step.active .wizard-step-title{color:#fff}.wizard-step-desc{color:#6b7280;font-size:12px}.wizard-step.active .wizard-step-desc{color:#fffc}.modern-form-group{margin-bottom:24px}.modern-form-label{color:#111827;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.modern-form-input,.modern-form-select,.modern-form-textarea{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.modern-form-input:focus,.modern-form-select:focus,.modern-form-textarea:focus{border-color:#111827;outline:none;box-shadow:0 0 0 3px #1118271a}.modern-form-textarea{resize:vertical;min-height:100px}.modern-form-hint{color:#6b7280;margin-top:6px;font-size:12px}.modern-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.modern-btn-primary{color:#fff;background-color:#111827}.modern-btn-primary:hover{background-color:#374151}.modern-btn-secondary{color:#111827;background-color:#fff;border:1px solid #e5e7eb}.modern-btn-secondary:hover{background-color:#f9fafb}.modern-btn-success{color:#fff;background-color:#10b981}.modern-btn-success:hover{background-color:#059669}.wizard-actions{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.wizard-actions-left,.wizard-actions-right{gap:12px;display:flex}.score-card{color:#fff;background:linear-gradient(135deg,#111827 0%,#374151 100%);border-radius:12px;margin-bottom:24px;padding:24px}.score-card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.score-card-title{font-size:16px;font-weight:600}.score-card-value{font-size:32px;font-weight:700}.score-progress{background-color:#fff3;border-radius:4px;width:100%;height:8px;overflow:hidden}.score-progress-bar{background-color:#10b981;border-radius:4px;height:100%;transition:width .3s}.array-items{flex-direction:column;gap:16px;display:flex}.array-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.array-item-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.array-item-title{color:#111827;font-size:14px;font-weight:600}.array-item-remove{color:#ef4444;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px;transition:all .2s}.array-item-remove:hover{background-color:#fee2e2;border-color:#ef4444}.array-add-btn{color:#6b7280;cursor:pointer;background-color:#fff;border:2px dashed #e5e7eb;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.array-add-btn:hover{color:#111827;background-color:#f9fafb;border-color:#111827}.form-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.form-grid-full{grid-column:1/-1}@media (max-width:768px){.form-grid{grid-template-columns:1fr}.wizard-steps{flex-direction:column}.tile-grid{grid-template-columns:1fr}}.step-progress-container{margin-bottom:40px;padding:0 20px}.step-progress-bar{justify-content:space-between;align-items:flex-start;max-width:800px;margin:0 auto;display:flex;position:relative}.step-progress-item{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:12px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.step-circle.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;transform:scale(1.1);box-shadow:0 0 0 4px #3b82f61a}.step-info{text-align:center;opacity:.6;transition:all .3s}.step-progress-item:hover .step-info{opacity:1}.step-progress-item:has(.active) .step-info{opacity:1}.step-description{color:#6b7280;max-width:120px;margin:0 auto;font-size:11px;line-height:1.4}.step-content{max-width:800px;margin:0 auto;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:32px}.step-header h3{color:#111827;letter-spacing:-.02em;margin:0 0 8px;font-size:24px;font-weight:700}.supplier-search-block{margin-bottom:32px;position:relative}.supplier-search-input-wrapper{position:relative}.supplier-search-icon{color:#6b7280;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.supplier-search-results{z-index:100;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.supplier-search-result{text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f3f4f6;width:100%;padding:12px 16px;transition:background-color .2s}.supplier-search-result:last-child{border-bottom:none}.supplier-search-result:hover{background-color:#f9fafb}.supplier-search-result.selected{background-color:#f3f4f6}.supplier-search-result.new{color:#3b82f6;font-weight:500}.supplier-search-result strong{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.result-meta{color:#6b7280;font-size:12px}.supplier-search-reset{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:13px;transition:all .2s}.supplier-search-reset:hover{background-color:#fee2e2;border-color:#ef4444}.general-sections{flex-direction:column;gap:24px;display:flex}.form-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;box-shadow:0 1px 2px #0000000d}.form-section h4{color:#111827;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:12px;font-size:15px;font-weight:600}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group input,.form-group select,.form-group textarea{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:120px}.form-group small{color:#6b7280;margin-top:6px;font-size:12px;display:block}.fuel-item,.water-item,.waste-item{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .2s;box-shadow:0 1px 2px #0000000d}.fuel-item:hover,.water-item:hover,.waste-item:hover{border-color:#d1d5db;box-shadow:0 4px 6px #0000000d}.fuel-item-header,.water-item-header,.waste-item-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.fuel-item-title,.water-item-title,.waste-item-title{color:#111827;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.remove-item-btn{color:#ef4444;cursor:pointer;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.remove-item-btn:hover{background-color:#fee2e2;border-color:#ef4444}.add-item-btn{color:#4b5563;cursor:pointer;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.add-item-btn:hover{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.upload-section{text-align:center;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:8px;margin-top:16px;padding:16px}.upload-btn{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.upload-btn:hover{background-color:#f9fafb;border-color:#111827}.wizard-navigation{border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.nav-btn-prev{color:#111827;background-color:#fff;border:1px solid #e5e7eb}.nav-btn-prev:hover{background-color:#f9fafb}.nav-btn-next{color:#fff;background-color:#111827}.nav-btn-next:hover{background-color:#374151}.nav-btn-submit{color:#fff;background-color:#10b981}.nav-btn-submit:hover{background-color:#059669}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.wizard-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.wizard-actions .btn{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.wizard-actions .btn-outline-secondary{color:#6b7280;background-color:#fff;border:1px solid #d1d5db}.wizard-actions .btn-outline-secondary:hover{color:#111827;background-color:#f9fafb;border-color:#9ca3af}.wizard-actions .btn-primary{color:#fff;background-color:#3b82f6;border:none}.wizard-actions .btn-primary:hover{background-color:#2563eb}.wizard-actions .btn-success{color:#fff;background-color:#10b981;border:none}.wizard-actions .btn-success:hover{background-color:#059669}.wizard-actions .step-indicator{color:#6b7280;font-size:13px;font-weight:500}.final-step-actions{align-items:center;gap:12px;display:flex}@media (max-width:768px){.step-progress-bar{flex-direction:column;gap:16px}.step-connector{display:none}.step-progress-item{text-align:left;flex-direction:row;width:100%}.step-info{margin-top:0;margin-left:12px}}.input-with-unit .form-control{flex:1}.unit-label{color:#6b7280;min-width:60px;font-size:14px;font-weight:500}.btn-upload{color:#4b5563;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.total-consumption{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;margin-top:32px;padding:24px}.total-consumption h4{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:15px;font-weight:600}.consumption-summary{flex-direction:column;gap:12px;display:flex}.consumption-item{color:#334155;border-bottom:1px dashed #cbd5e1;justify-content:space-between;padding-bottom:8px;font-size:14px;display:flex}.consumption-item:last-child{border-bottom:none}.consumption-total{color:#0c4a6e;border-top:2px solid #bae6fd;justify-content:space-between;margin-top:8px;padding-top:16px;font-size:16px;font-weight:700;display:flex}.fuel-breakdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:32px;padding:24px;box-shadow:0 1px 2px #0000000d}.fuel-breakdown h4{color:#111827;border-bottom:1px solid #f3f4f6;margin:0 0 20px;padding-bottom:12px;font-size:15px;font-weight:600}.consumption-point label{color:#6b7280;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.review-sections{flex-direction:column;gap:24px;display:flex}.review-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.review-section h4{color:#111827;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #f3f4f6;margin:0 0 20px;padding-bottom:12px;font-size:15px;font-weight:600}.review-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;display:grid}.review-grid>div{flex-direction:column;gap:4px;display:flex}.review-grid strong{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.review-grid span{color:#111827;font-size:14px;font-weight:500}.review-item{background-color:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;margin-bottom:12px;padding:16px}.review-item:last-child{margin-bottom:0}.submit-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;gap:16px;margin-top:40px;padding-top:24px;display:flex}.submit-actions .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.submit-actions .btn-outline-primary{color:#374151;background-color:#fff;border:1px solid #d1d5db}.submit-actions .btn-outline-primary:hover{color:#111827;background-color:#f9fafb;border-color:#9ca3af}.submit-actions .btn-primary{color:#fff;background-color:#10b981;box-shadow:0 1px 2px #0000000d}.submit-actions .btn-primary:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.submit-actions .btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width:768px){.review-grid{grid-template-columns:1fr}.submit-actions{flex-direction:column}.submit-actions .btn{justify-content:center;width:100%}}.settings-content{max-width:1200px;margin:0 auto}.settings-content h3{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.settings-description{color:#6b7280;margin:0 0 32px;font-size:14px}.connections-grid{flex-direction:column;gap:24px;display:flex}.connection-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.connection-header{border-bottom:1px solid #f3f4f6;flex-direction:column;gap:8px;margin-bottom:24px;padding-bottom:20px;display:flex}.connection-title{align-items:center;gap:12px;display:flex}.connection-title h4{color:#111827;margin:0;font-size:18px;font-weight:600}.connection-title .status-badge{border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.connection-title .status-badge.connected{color:#065f46;background-color:#d1fae5}.connection-title .status-badge.disconnected{color:#6b7280;background-color:#f3f4f6}.connection-title .status-badge.testing{color:#92400e;background-color:#fef3c7}.last-tested{color:#9ca3af;font-size:12px}.connection-form{flex-direction:column;gap:20px;display:flex}.password-input{align-items:center;display:flex;position:relative}.password-input input{flex:1;padding-right:44px}.password-toggle{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle:hover{color:#374151}.connection-actions{border-top:1px solid #f3f4f6;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;display:flex}.connection-actions .btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.connection-actions .btn-outline-primary{color:#3b82f6;background-color:#fff;border:1px solid #3b82f6}.connection-actions .btn-outline-primary:hover{background-color:#eff6ff}.connection-actions .btn-outline-primary:disabled{opacity:.5;cursor:not-allowed}.connection-actions .btn-primary{color:#fff;background-color:#111827}.connection-actions .btn-primary:hover{background-color:#374151}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-section{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 2px #0000000d}.settings-section h4{color:#111827;border-bottom:1px solid #f3f4f6;margin:0 0 20px;padding-bottom:12px;font-size:16px;font-weight:600}.preference-item{border-bottom:1px solid #f9fafb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.preference-item:last-child{border-bottom:none}.preference-label{flex-direction:column;gap:4px;display:flex}.preference-label strong{color:#111827;font-size:14px;font-weight:600}.preference-label span{color:#6b7280;font-size:13px}.toggle-switch{width:44px;height:24px;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#e5e7eb;border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.settings-actions{justify-content:flex-end;gap:12px;margin-top:32px;display:flex}.settings-actions .btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s}.settings-actions .btn-outline{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb}.settings-actions .btn-outline:hover{background-color:#f9fafb;border-color:#d1d5db}.settings-actions .btn-primary{color:#fff;background-color:#10b981}.settings-actions .btn-primary:hover{background-color:#059669}.file-upload-area{text-align:center;cursor:pointer;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:40px;transition:all .2s}.file-upload-area:hover{background-color:#eff6ff;border-color:#3b82f6}.file-upload-label{cursor:pointer;color:#6b7280;flex-direction:column;align-items:center;gap:12px;display:flex}.file-upload-label span{font-size:14px}.file-upload-label .file-name{color:#111827;margin-top:8px;font-weight:600}.support-search-section{margin-bottom:32px}.support-search-wrapper{max-width:600px;margin:0 auto;position:relative}.support-search-icon{color:#6b7280;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.support-search-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:14px 16px 14px 48px;font-size:15px;transition:all .2s}.support-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.support-quick-links{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:48px;display:grid}.support-quick-link-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.support-quick-link-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.support-link-icon{color:#1d4ed8;background-color:#dbeafe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.support-link-content{flex:1}.support-link-content h3{color:#111827;margin:0 0 4px;font-size:15px;font-weight:600}.support-link-content p{color:#6b7280;margin:0;font-size:13px}.support-link-arrow{color:#9ca3af;transition:transform .2s}.support-quick-link-card:hover .support-link-arrow{color:#3b82f6;transform:translate(4px)}.support-faqs-section{margin-bottom:48px}.support-section-title{color:#111827;margin:0 0 8px;font-size:20px;font-weight:700}.support-section-subtitle{color:#6b7280;margin:0 0 24px;font-size:14px}.support-faqs-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px;display:grid}.support-faq-category{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.support-faq-category-title{color:#111827;border-bottom:1px solid #e5e7eb;margin:0 0 16px;padding-bottom:12px;font-size:16px;font-weight:600}.support-faq-list{flex-direction:column;gap:12px;display:flex}.support-faq-item{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.support-faq-question{color:#111827;cursor:pointer;background-color:#f9fafb;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.support-faq-question:hover{background-color:#f3f4f6}.support-faq-icon{color:#6b7280;transition:transform .2s}.support-faq-item[open] .support-faq-icon{transform:rotate(90deg)}.support-faq-answer{color:#6b7280;background-color:#fff;padding:16px;font-size:14px;line-height:1.6}.support-contact-section{margin-bottom:48px}.support-contact-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.support-contact-card{text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.support-contact-icon{color:#059669;background-color:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.support-contact-card h3{color:#111827;margin:0 0 8px;font-size:15px;font-weight:600}.support-contact-value{color:#3b82f6;margin:0 0 4px;font-size:14px;font-weight:600}.support-contact-description{color:#6b7280;margin:0;font-size:12px}.support-resources-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.support-resources-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.support-resource-link{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.support-resource-link:hover{color:#3b82f6;background-color:#f9fafb;border-color:#3b82f6}.support-resource-link svg:last-child{color:#9ca3af;margin-left:auto}@media (max-width:768px){.support-faqs-grid,.support-contact-grid,.support-resources-list{grid-template-columns:1fr}}.modern-page-container{background-color:#fff;border-radius:12px;max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:32px;box-shadow:0 1px 3px #0000000d}.modern-page-header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.modern-page-title{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.modern-page-subtitle{color:#6b7280;margin:0;font-size:14px}.unified-declaration-page{width:100%}.unified-declaration-grid,.wizard-panel{flex-direction:column;gap:24px;display:flex}.tiles-section{width:100%;margin-bottom:24px}.declaration-icon-grid{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.declaration-icon-item{cursor:pointer;background-color:#0000;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:12px;transition:all .2s;display:flex}.declaration-icon-item:hover{background-color:#f9fafb}.declaration-icon-item.selected{background-color:#eff6ff}.declaration-icon-circle{color:#6b7280;background-color:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.declaration-icon-item:hover .declaration-icon-circle{color:#111827;background-color:#e5e7eb;transform:scale(1.05)}.declaration-icon-item.selected .declaration-icon-circle{color:#fff;background-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.declaration-icon-label{color:#6b7280;text-align:center;max-width:90px;font-size:12px;font-weight:500;line-height:1.3}.declaration-icon-item:hover .declaration-icon-label{color:#111827}.declaration-icon-item.selected .declaration-icon-label{color:#3b82f6;font-weight:600}.wizard-section{width:100%}.wizard-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.wizard-placeholder{text-align:center;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:60px 24px}.wizard-placeholder p{color:#6b7280;margin:0;font-size:14px}.container-fluid{background-color:#fff;border-radius:12px;max-width:1200px;min-height:calc(100vh - 200px);margin:0 auto;padding:32px;box-shadow:0 1px 3px #0000000d}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d}.card-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:16px 20px;border-radius:12px 12px 0 0!important}.card-body{padding:24px}.form-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600}.form-control,.form-select{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.form-control:focus,.form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.btn{border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background-color:#2563eb;border-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.btn-secondary{color:#374151;background-color:#fff;border-color:#d1d5db}.btn-secondary:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-outline-primary:hover{color:#2563eb;background-color:#eff6ff;border-color:#2563eb}.analytics-grid{grid-template-columns:1fr 1fr;gap:24px;width:100%;display:grid}.analytics-grid>*{width:100%;min-width:0}.analytics-grid>.quality-section{min-width:0;max-width:100%;grid-template-columns:unset!important;width:100%!important;display:block!important}.analytics-grid .quality-card{width:100%;max-width:100%}.analytics-wide{max-width:1600px!important}@media (max-width:1200px){.analytics-grid{grid-template-columns:1fr}}.alert{border:1px solid;border-radius:8px;margin-bottom:20px;padding:12px 16px}.alert-success{color:#065f46;background-color:#d1fae5;border-color:#10b981}.alert-danger{color:#991b1b;background-color:#fee2e2;border-color:#ef4444}.alert-info{color:#1e40af;background-color:#dbeafe;border-color:#3b82f6}.nav-tabs{border-bottom:2px solid #e5e7eb;margin-bottom:24px}.nav-tabs .nav-link{color:#6b7280;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:12px 20px;font-weight:500}.nav-tabs .nav-link:hover{color:#111827;border-color:#0000}.nav-tabs .nav-link.active{color:#3b82f6;background-color:#0000;border-color:#3b82f6}@media (max-width:768px){.modern-page-container,.container-fluid{border-radius:0;padding:20px}.tile-grid{grid-template-columns:1fr}}.logo-blue{filter:hue-rotate(200deg)saturate(2)brightness(.8)}.step-progress-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:32px;padding:24px}.step-progress-bar{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.step-progress-item{text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{color:#9ca3af;cursor:pointer;z-index:2;background-color:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:relative}.step-circle:hover{border-color:#3b82f6;transform:scale(1.05)}.step-circle.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.step-circle.completed{color:#fff;background-color:#10b981;border-color:#10b981}.step-info{max-width:150px;margin-top:12px}.step-title{color:#111827;margin-bottom:4px;font-size:13px;font-weight:600}.step-description{color:#6b7280;font-size:11px;line-height:1.4}.step-connector{z-index:1;background-color:#e5e7eb;height:2px;position:absolute;top:24px;left:50%;right:-50%}.step-connector.completed{background-color:#10b981}.step-progress-item:last-child .step-connector{display:none}.step-content{background-color:#fff;border-radius:12px;margin-bottom:24px;padding:32px}.step-header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:20px}.step-header h3{color:#111827;margin:0 0 8px;font-size:20px;font-weight:700}.step-header p{color:#6b7280;margin:0;font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-size:13px;font-weight:600}.dynamic-item{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px;position:relative}.dynamic-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.remove-btn{margin-top:12px}.supplier-search-block{margin-bottom:24px}.supplier-search-input-wrapper{margin-bottom:12px;position:relative}.supplier-search-icon{color:#9ca3af;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.supplier-search-input{color:#111827;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 14px 12px 44px;font-size:14px;transition:all .2s}.supplier-search-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.supplier-search-results{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;max-height:300px;margin-top:8px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.supplier-result-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:12px 16px;transition:background-color .2s}.supplier-result-item:hover{background-color:#f9fafb}.supplier-result-item:last-child{border-bottom:none}.supplier-result-name{color:#111827;margin-bottom:4px;font-size:14px;font-weight:600}.supplier-result-email{color:#6b7280;font-size:12px}.fuel-breakdown{border-top:1px solid #e5e7eb;margin-top:32px;padding-top:32px}.fuel-breakdown h4{color:#111827;margin-bottom:20px;font-size:16px;font-weight:600}.consumption-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.consumption-point{flex-direction:column;gap:8px;display:flex}.consumption-point label{color:#374151;font-size:13px;font-weight:500}.input-with-unit{align-items:center;gap:8px;display:flex}.input-with-unit input{flex:1}.input-with-unit span{color:#6b7280;white-space:nowrap;font-size:13px}.btn-upload{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-upload:hover{background-color:#f9fafb;border-color:#9ca3af}.empty-state{text-align:center;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;margin:20px 0;padding:40px 20px}.empty-state p{color:#6b7280;margin:0;font-size:14px}.wizard-navigation{background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:space-between;align-items:center;margin-top:24px;padding:20px 32px;display:flex}.wizard-nav-left,.wizard-nav-right{gap:12px;display:flex}.score-display{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:24px;padding:20px}.score-display-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.score-display-title{color:#111827;font-size:16px;font-weight:600}.score-display-value{color:#3b82f6;font-size:24px;font-weight:700}.score-sections{flex-direction:column;gap:12px;display:flex}.score-section-item{background-color:#f9fafb;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.score-section-name{color:#374151;font-size:13px;font-weight:500}.score-section-value{color:#111827;font-size:14px;font-weight:600}@media (max-width:768px){.step-progress-bar{flex-direction:column;gap:20px}.step-connector{display:none}.step-progress-item{text-align:left;flex-direction:row;justify-content:flex-start}.step-info{max-width:none;margin-top:0;margin-left:16px}.form-grid,.consumption-grid{grid-template-columns:1fr}}.btn-outline-danger:hover{color:#dc2626;background-color:#fee2e2;border-color:#dc2626}@media (max-width:768px){.modern-sidebar{width:280px;transform:translate(-100%);box-shadow:4px 0 16px #0000001a}.modern-sidebar.mobile-open{transform:translate(0)}.app-header,.modern-header{width:100%;padding:0 16px;left:0!important}.modern-main{width:100%;margin-left:0!important}.app-shell.sidebar-collapsed .app-header,.app-shell.sidebar-collapsed .modern-header{left:0!important}.sidebar-toggle{display:none}.header-actions{gap:12px}.profile-info{display:none}.header-profile-btn{padding:6px}}.sidebar-overlay{z-index:998;opacity:0;visibility:hidden;background-color:#00000080;transition:all .3s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.mobile-menu-btn{color:#111827;cursor:pointer;background:0 0;border:none;margin-right:12px;padding:8px;display:none}@media (max-width:768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}}.declaration-icon-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-bottom:32px;display:grid}.declaration-icon-item{cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:120px;padding:16px;transition:all .2s;display:flex}.declaration-icon-item:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f61a}.declaration-icon-item.selected{color:#1d4ed8;background-color:#eff6ff;border-color:#3b82f6}.declaration-icon-circle{color:#6b7280;background-color:#f3f4f6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;transition:all .2s;display:flex}.declaration-icon-item:hover .declaration-icon-circle,.declaration-icon-item.selected .declaration-icon-circle{color:#3b82f6;background-color:#dbeafe}.declaration-icon-label{text-align:center;font-size:13px;font-weight:500;line-height:1.4}@media (max-width:768px){.declaration-icon-grid{grid-template-columns:repeat(2,1fr);gap:12px}.declaration-icon-item{min-height:100px;padding:12px}.step-progress-bar{justify-content:flex-start;gap:24px;padding-bottom:12px;overflow-x:auto}.step-progress-item{flex:none;min-width:80px}.step-connector{display:none}}.score-chip{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;min-width:200px;padding:8px 16px;display:flex}.score-chip-label{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin:0 0 2px;font-size:10px;font-weight:600}.score-chip-total{color:#0c4a6e;font-size:16px;font-weight:700;line-height:1.2}.score-chip-percent{color:#0284c7;margin:0;font-size:11px}.score-chip-badge{color:#0369a1;white-space:nowrap;background-color:#fff;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600;box-shadow:0 1px 2px #0000000d}.wizard-container{flex-direction:column;gap:24px;display:flex}.wizard-progress-top-row{justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 20px;display:flex}.wizard-progress{color:#6b7280;font-size:14px;font-weight:600}@media (max-width:768px){.wizard-progress-top-row{flex-direction:column;align-items:flex-start;gap:16px}.score-chip{width:100%}}.declaration-wizard{flex-direction:column;gap:24px;display:flex}.wizard-score-tracker{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:8px;display:flex}.score-badge{text-align:center;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:12px;padding:12px 20px}.score-label{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:10px;font-weight:600}.score-value{color:#0c4a6e;margin-bottom:4px;font-size:20px;font-weight:700}.score-status{color:#0284c7;font-size:11px}.score-pill{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:600}.wizard-progress-horizontal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px 40px}.progress-steps{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.progress-step-item{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.progress-step-circle{color:#9ca3af;cursor:pointer;background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:12px;transition:all .3s;display:flex}.progress-step-circle.active{color:#fff;background-color:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.progress-step-circle.completed{color:#fff;background-color:#10b981;border-color:#10b981}.progress-step-label{text-align:center;max-width:140px}.progress-step-title{color:#111827;margin-bottom:4px;font-size:13px;font-weight:600}.progress-step-desc{color:#6b7280;font-size:11px;line-height:1.4}.progress-step-line{z-index:1;background-color:#e5e7eb;height:2px;position:absolute;top:24px;left:calc(50% + 60px);right:calc(60px - 50%)}.progress-step-line.completed{background-color:#10b981}.wizard-step-content{padding:32px}.wizard-step-content h3{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.step-subtitle{color:#6b7280;margin:0 0 32px;font-size:14px}.form-section{margin-bottom:32px}.form-section h4{color:#111827;text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px;font-size:13px;font-weight:600}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-row-1,.form-row-2,.form-row-3,.form-row-4{gap:20px;margin-bottom:20px;display:grid}.form-row-1{grid-template-columns:1fr}.form-row-2{grid-template-columns:repeat(2,1fr)}.form-row-3{grid-template-columns:repeat(3,1fr)}.form-row-4{grid-template-columns:repeat(4,1fr)}.form-group label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.form-control{color:#111827;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.form-control:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input-with-suffix{position:relative}.input-suffix{color:#6b7280;font-size:13px;font-weight:500;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.text-muted{color:#9ca3af;font-size:14px}.dynamic-item-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.empty-state-box{text-align:center;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:32px}.empty-state-box p{color:#6b7280;margin:0;font-size:14px}.review-section{border-bottom:1px solid #f3f4f6;margin-bottom:32px;padding-bottom:24px}.review-section:last-child{border-bottom:none}.review-section h4{color:#111827;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px;font-size:11px;font-weight:700}.review-grid-1,.review-grid-2,.review-grid-3,.review-grid-4{gap:20px;display:grid}.review-grid-1{grid-template-columns:1fr}.review-grid-2{grid-template-columns:repeat(2,1fr)}.review-grid-3{grid-template-columns:repeat(3,1fr)}.review-grid-4{grid-template-columns:repeat(4,1fr)}.review-item label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:10px;font-weight:600;display:block}.review-value{color:#111827;font-size:14px;font-weight:500}.wizard-footer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.step-indicator{color:#6b7280;font-size:14px;font-weight:600}.final-actions{gap:12px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:6px 12px;font-size:13px}.btn-primary{color:#fff;background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-success{color:#fff;background-color:#10b981}.btn-success:hover:not(:disabled){background-color:#059669}.btn-outline-primary{color:#3b82f6;background-color:#fff;border:1px solid #3b82f6}.btn-outline-primary:hover:not(:disabled){background-color:#eff6ff}.btn-outline-secondary{color:#6b7280;background-color:#fff;border:1px solid #e5e7eb}.btn-outline-secondary:hover:not(:disabled){background-color:#f9fafb}.btn-outline-danger{color:#ef4444;background-color:#fff;border:1px solid #ef4444}.btn-outline-danger:hover:not(:disabled){background-color:#fef2f2}@media (max-width:768px){.wizard-progress-horizontal{padding:20px 16px}.progress-steps{flex-direction:column;gap:16px}.progress-step-item{flex-direction:row;gap:12px;width:100%}.progress-step-circle{margin-bottom:0}.progress-step-label{text-align:left;max-width:none}.progress-step-line{display:none}.form-row-2,.form-row-3,.form-row-4,.review-grid-2,.review-grid-3,.review-grid-4{grid-template-columns:1fr}.wizard-footer{flex-direction:column;gap:16px}.final-actions{flex-direction:column;width:100%}.final-actions .btn{width:100%}.wizard-score-tracker{flex-direction:column;align-items:stretch}.score-badge{width:100%}}.declaration-form-container{flex-direction:column;gap:20px;display:flex}.form-score-tracker{justify-content:flex-end;align-items:center;gap:12px;display:flex}.form-tabs-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:8px}.form-tabs{flex-wrap:wrap;gap:4px;display:flex}.form-tab{color:#6b7280;cursor:pointer;background-color:#0000;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex;position:relative}.form-tab .tab-icon{color:#0369a1;background-color:#e0f2fe;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s,color .2s,transform .2s;display:inline-flex}.form-tab.active .tab-icon{color:#fff;background-color:#1d4ed8;transform:scale(1.05)}.form-tab:hover{color:#111827;background-color:#f9fafb}.form-tab.active{color:#fff;background-color:#3b82f6}.form-tab.complete{color:#10b981}.form-tab.active.complete{color:#fff;background-color:#10b981}.tab-check{position:absolute;top:6px;right:6px}.tab-content-area{padding:32px}.tab-content-area h3{color:#111827;margin:0 0 8px;font-size:24px;font-weight:700}.tab-subtitle{color:#6b7280;margin:0 0 32px;font-size:14px}.form-footer-actions{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.footer-actions-right{gap:12px;display:flex}@media (max-width:768px){.form-tabs{flex-direction:column}.form-tab{justify-content:flex-start;width:100%;min-width:auto}.form-footer-actions{flex-direction:column;align-items:stretch;gap:16px}.footer-actions-right{flex-direction:column;width:100%}.footer-actions-right .btn{width:100%}}.btn-icon-nav{color:#6b7280;cursor:pointer;background-color:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:all .2s;display:inline-flex}.btn-icon-nav:hover{color:#111827;background-color:#e5e7eb}.score-pill.in-progress{color:#1e40af;background-color:#dbeafe;border-color:#3b82f6}.score-pill.complete{color:#065f46;background-color:#d1fae5;border-color:#10b981}.btn-icon-add{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.btn-icon-add:hover{background-color:#2563eb}.btn-icon-remove{color:#ef4444;cursor:pointer;background-color:#fef2f2;border:1px solid #fca5a5;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:inline-flex}.btn-icon-remove:hover{background-color:#fee2e2;border-color:#ef4444}.ai-assistant-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.ai-header-left{flex:1}.ai-header-left h3{margin:0 0 8px}.ai-header-left .tab-subtitle{margin:0}.ai-toggle-btn{color:#6b7280;cursor:pointer;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.ai-toggle-btn:hover{background:#e5e7eb}.ai-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.smart-upload-zone{cursor:pointer;background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border:2px dashed #93c5fd;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:24px;transition:all .3s;display:flex}.smart-upload-zone:hover{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f626}.upload-icon{color:#3b82f6;background:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.upload-content{flex:1}.upload-content strong{color:#1e40af;margin-bottom:4px;font-size:15px;display:block}.upload-content p{color:#3b82f6;margin:0;font-size:13px}.ai-suggestion-chip{color:#4f46e5;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:500;animation:.3s slideInFromLeft;display:inline-flex}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.anomaly-alert{color:#d97706;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;font-size:12px;font-weight:600;animation:2s ease-in-out infinite pulse;display:inline-flex}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.ai-recommendation-box{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-left:4px solid #3b82f6;border-radius:8px;margin-top:12px;margin-bottom:12px;padding:12px 16px;font-size:13px;animation:.4s fadeIn}.ai-recommendation-box strong{color:#1d4ed8}.waste-summary-panel{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin-top:32px;padding:24px}.waste-summary-panel h4{color:#111827;text-transform:uppercase;letter-spacing:.05em;margin:0 0 20px;font-size:16px;font-weight:700}.metrics-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px;display:grid}.metric-card{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.metric-card.success{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#10b981}.metric-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.metric-card.success .metric-label{color:#059669}.metric-value{color:#111827;font-size:28px;font-weight:700;line-height:1}.metric-card.success .metric-value{color:#047857}.ai-insight-box{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-left:4px solid #f59e0b;border-radius:8px;align-items:flex-start;gap:8px;margin-top:16px;padding:14px 18px;font-size:14px;display:flex}.ai-insight-box strong{color:#78350f}@media (max-width:768px){.ai-assistant-header{flex-direction:column;align-items:stretch}.ai-toggle-btn{justify-content:center;width:100%}.metrics-row{grid-template-columns:1fr}.smart-upload-zone{text-align:center;flex-direction:column}}.analytics-badge{color:#0369a1;background:#f0f9ff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.analytics-metric-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:40px;display:grid}.analytics-metric-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.analytics-metric-card p{color:#6b7280;margin:0 0 8px;font-size:13px;font-weight:600}.analytics-metric-card h2{color:#111827;letter-spacing:-.02em;margin:0 0 4px;font-size:28px;font-weight:700}.analytics-metric-card span{color:#6b7280;align-items:center;gap:4px;font-size:13px;display:flex}.analytics-metric-card span.positive{color:#059669;font-weight:500}.analytics-body{grid-template-columns:2fr 1fr;gap:24px;display:grid}.analytics-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.analytics-panel.compact{background:#f8fafc}.panel-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.panel-header p{color:#64748b;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:600}.panel-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:600}.panel-meta{text-align:right;flex-direction:column;gap:2px;display:flex}.panel-meta span{color:#64748b;font-size:12px;font-weight:500}.panel-chart{width:100%;height:300px}.side-metric-list{flex-direction:column;gap:20px;display:flex}.side-metric{flex-direction:column;gap:8px;display:flex}.side-metric-label{color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.side-metric-value{color:#0f172a;font-size:20px;font-weight:700}.progress-track{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:3px;height:100%}@media (max-width:1024px){.analytics-metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-body{grid-template-columns:1fr}}@media (max-width:640px){.analytics-page{padding:16px}.analytics-card{padding:20px}.analytics-metric-grid{grid-template-columns:1fr}}