:root{--primary:#ff7b00;--primary-hover:#e06c00;--bg:#f5f7fa;--surface:#fff;--text:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--green:#10b981;--red:#ef4444;--yellow:#fef08a;--radius:16px;--radius-lg:32px}body.dark{--bg:#0f172a;--surface:#1e293b;--text:#f1f5f9;--text-muted:#94a3b8;--border:#334155;--primary:#fb923c}.quick-action-card{border-radius:32px;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px -10px #ff7b0033;border-color:var(--primary)!important;background-color:var(--bg)!important}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);scrollbar-gutter:stable;margin:0;font-family:Inter,system-ui,sans-serif;transition:background-color .3s,color .3s;overflow-y:scroll}body.dark .card,body.dark .navbar-container,body.dark .admin-header-row,body.dark .admin-split-left,body.dark .admin-split-right,body.dark .modal-content,body.dark .quick-action-card,body.dark .history-item-container{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}body.dark .search-input,body.dark input,body.dark textarea,body.dark .datepicker-input-wrapper{background-color:var(--bg)!important;border-color:var(--border)!important;color:var(--text)!important}body.dark .datepicker-calendar{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}body.dark .datepicker-day:hover:not(.empty),body.dark .datepicker-nav-btn:hover{background-color:var(--bg)!important;color:var(--primary)!important}body.dark .datepicker-input-wrapper:hover{background-color:var(--bg)!important;border-color:var(--primary)!important}body.dark .data-table th,body.dark thead tr{color:var(--text-muted)!important;background-color:#1a2233!important}body.dark .data-table tr.row-red{background-color:#450a0a!important}body.dark .data-table tr.row-yellow{background-color:#422006!important}body.dark .data-table tr.row-green{background-color:#064e3b!important}body.dark .data-table tr.row-blue{background-color:#1e3a8a!important}body.dark .data-table tr.row-dark-red{background-color:#7f1d1d!important}body.dark .data-table td{border-color:var(--border)!important;color:var(--text)!important}body.dark .address-cell{color:var(--text-muted)!important}body.dark .btn-secondary,body.dark .action-btn-icon,body.dark .theme-toggle-btn{color:var(--text)!important;border-color:var(--border)!important;background-color:#334155!important}body.dark .badge-calc.blue{color:#bfdbfe!important;background:#1e3a8a!important}body.dark .badge-calc.orange{color:#ffedd5!important;background:#431407!important}body.dark .badge-calc.green{color:#d1fae5!important;background:#064e3b!important}body.dark .navbar-container,body.dark .admin-nav-container{background-color:var(--surface)!important;border-color:var(--border)!important}body.dark .nav-group-center{border-color:var(--border)!important;background:#0f172a!important}body.dark .admin-nav-inner div{color:var(--text)!important}body.dark .home-nav-item:hover{background:#334155!important}body.dark .quick-action-card{background:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}body.dark .quick-action-card:hover{background:#334155!important}body.dark .quick-action-card h3{color:#fff!important}body.dark .quick-action-card p{color:#94a3b8!important}body.dark .quick-action-card svg{color:var(--primary)!important}body.dark .admin-split-left>div:first-child,body.dark .admin-split-right>div:first-child{border-bottom-color:var(--border)!important;background:#1e293bcc!important}body.dark label[for=fileUpload]{color:var(--text)!important;background-color:#1e293b!important;border-color:#334155!important}body.dark label[for=fileUpload] div{color:var(--text)!important}body.dark .mismatch-cell{color:#fecaca!important;background-color:#7f1d1d!important;border-color:#b91c1c!important}body.dark .beautiful-tooltip{color:var(--text)!important;background:#1e293b!important;border-color:#334155!important}body.dark .tooltip-value,body.dark .admin-split-left div,body.dark .admin-split-right div{color:var(--text)!important}body.dark .admin-split-body{background:var(--bg)!important}body.dark textarea{color:var(--text)!important;background:#0f172a!important;border-color:#3b82f6!important}body.dark .upload-icon-wrapper{color:var(--primary)!important;background:#334155!important}body.dark .upload-icon-wrapper svg{color:var(--primary)!important}body.dark [style*="position: fixed"][style*="bottom: 20px"]{background-color:var(--surface)!important;border-color:var(--border)!important;color:var(--text)!important}.btn{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text);background-color:#f1f5f9}.btn-secondary:hover{background-color:#e2e8f0}.app-container{width:100%;max-width:2400px;margin:0 auto;padding:1.5rem 2rem 15rem}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:32px;padding:2.5rem;box-shadow:0 10px 30px -10px #0000000d}.navbar-container{background-color:var(--surface);border:1px solid var(--border);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 2rem;display:flex;box-shadow:0 4px 15px #00000008}.nav-group-center{background:#e2e8f0;border:1px solid #0000000d;border-radius:16px;gap:4px;padding:4px;display:flex;position:relative}.nav-item{cursor:pointer;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{color:var(--text);background:#ffffff80}.nav-item.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px #00000014}.home-nav-item{cursor:pointer;color:var(--text);border-radius:12px;align-items:center;gap:10px;padding:10px 20px;font-weight:700;transition:all .2s;display:flex}.home-nav-item:hover{background:var(--bg)}.home-nav-item.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #ff7b004d}.tab-content-wrapper{will-change:opacity, transform;min-height:60vh;animation:.3s cubic-bezier(.4,0,.2,1) tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.user-nav-info{color:var(--text-muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;box-shadow:inset 0 0 0 1px var(--border);border-radius:8px;margin-top:1rem;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:8px 10px}.data-table th{background-color:var(--bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:normal;vertical-align:bottom;min-width:60px;font-size:11px;font-weight:600;line-height:1.2}.data-table tr.row-red{background-color:#fef2f2}.data-table tr.row-yellow{background-color:#fffbeb}.data-table tr.row-green{background-color:#ecfdf5}.data-table tr.row-blue{background-color:#eff6ff!important;border-left:4px solid #3b82f6!important}.data-table tr.row-dark-red{background-color:#ffe4e4!important;border-left:4px solid #991b1b!important}.address-cell{color:#475569;max-width:250px;font-size:11px;line-height:1.3;white-space:normal!important;min-width:140px!important}.search-container{flex-grow:1;max-width:400px;position:relative}.search-input{border:1px solid var(--border);background-color:var(--bg);width:100%;color:var(--text);border-radius:12px;padding:10px 15px 10px 40px;font-size:.9rem;transition:all .2s}.search-input:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.search-icon{color:#94a3b8;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.workspace-actions{align-items:center;gap:.75rem;display:flex}.workspace-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.5rem .25rem;display:flex}.badge-calc{border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;font-weight:500;display:flex}.badge-calc.blue{color:#1e40af;background:#eff6ff}.badge-calc.orange{color:#9a3412;background:#fff7ed}.badge-calc.green{color:#166534;background:#f0fdf4}.action-btn-icon{cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.action-btn-icon:hover{background:#f1f5f9;transform:translateY(-1px)}.data-table tr.row-gray{opacity:.7;background-color:#f8fafc}.status-badge{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.ok{color:#166534;background-color:#dcfce7}.status-badge.error{color:#991b1b;background-color:#fee2e2}.status-badge.arbitration{color:#1e40af;background-color:#dbeafe}.status-badge.in-progress{color:#854d0e;background-color:#fef9c3}.status-badge.out-of-period{color:#fff;background-color:#991b1b}.btn.dragging{transform:scale(1.02);border-color:var(--primary)!important;background-color:#fff7ed!important}.dropzone{transition:all .2s}.dragging{transform:scale(1.01);border-color:var(--primary)!important;background-color:#fff7ed!important}.dropzone:hover{border-color:var(--primary)!important;background-color:#f1f5f9!important}.mismatch-cell{cursor:pointer;font-weight:600;transition:all .2s;position:relative;color:#991b1b!important;background-color:#fee2e2!important;border:1px solid #f87171!important}.mismatch-cell:hover{box-shadow:inset 0 0 4px #dc262633;background-color:#fecaca!important}.beautiful-tooltip{z-index:1001;border:1px solid var(--border);background:#fff;border-radius:12px;min-width:180px;padding:12px;animation:.15s ease-out tooltipFadeIn;position:absolute;box-shadow:0 10px 25px -5px #0003,0 8px 10px -6px #0000001a}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.tooltip-header{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:11px}.tooltip-value{color:var(--text);word-break:break-all;margin-bottom:10px;font-size:15px;font-weight:700}.btn-fix{background-color:var(--green);width:100%;padding:6px 10px;font-size:13px}.btn-fix:hover{background-color:#059669}@media (width<=1200px){.app-container{padding:1.5rem}.card{border-radius:20px;padding:1.5rem}}@media (width<=1024px){.navbar-container{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.user-nav-info{border-top:1px solid var(--border);justify-content:space-between;width:100%;padding-top:.75rem;border-left:none!important;padding-left:0!important}.home-nav-item{justify-content:center}.nav-group-center{justify-content:space-between;width:100%}.nav-item{flex:1;justify-content:center;padding:10px;font-size:.85rem}}@media (width<=992px){.dashboard-main-grid{grid-template-columns:1fr!important}.upload-card-order{order:-1}.workspace-header{flex-direction:column;align-items:stretch;gap:1.5rem}}@media (width<=768px){.app-container{padding:1rem 1rem 10rem}.card,.quick-action-card{padding:1.25rem;border-radius:20px!important}.tabs{gap:1rem;padding-bottom:5px;overflow-x:auto}[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"]{grid-template-columns:1fr!important}.datepicker-calendar{width:90%!important;max-width:320px!important;margin:0!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 20px 60px #0000004d!important}.beautiful-tooltip{min-width:0;position:fixed;bottom:20px;width:auto!important;top:auto!important;left:20px!important;right:20px!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.card{animation:.4s ease-out fadeIn}.circular-progress-container{z-index:5;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:10px;display:flex;position:relative}.circular-progress-svg{width:100%;height:100%;animation:10s linear infinite rotateCircle;transform:rotate(-90deg)}.progress-circle-fill{stroke-dashoffset:264px;stroke-dasharray:264;animation:3s ease-in-out infinite circleFill}@keyframes circleFill{0%{stroke-dashoffset:264px}45%,55%{stroke-dashoffset:0}to{stroke-dashoffset:-264px}}@keyframes rotateCircle{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.inner-glow{z-index:-1;background:radial-gradient(circle,#ff7b0026 0%,#ff7b0000 70%);border-radius:50%;width:60px;height:60px;animation:2s ease-in-out infinite glowPulse;position:absolute}@keyframes glowPulse{0%,to{opacity:.3;filter:blur(2px);transform:scale(1)}50%{opacity:.6;filter:blur(5px);transform:scale(1.4)}}.upload-icon-wrapper{width:70px;height:70px;color:var(--primary);background:#fff;border-radius:20px;justify-content:center;align-items:center;margin-bottom:10px;transition:all .3s;display:flex;box-shadow:0 8px 20px #0000000d}.btn:hover .upload-icon-wrapper{transform:translateY(-5px);box-shadow:0 12px 25px #ff7b0026}.pulse-bg{z-index:1;background:radial-gradient(circle,#ff7b000d 0%,#0000 70%);width:100%;height:100%;animation:3s ease-in-out infinite bgPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes bgPulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(.8)}50%{opacity:.6;transform:translate(-50%,-50%)scale(1.2)}}.loading-active{box-shadow:0 0 0 4px #ff7b001a!important}.newly-added{z-index:20;animation:.6s cubic-bezier(.25,.46,.45,.94) forwards fallDown,3s ease-out .6s forwards flashHighlightSmooth;position:relative}.newly-added~.history-item-container:nth-child(n+1){animation:.5s cubic-bezier(.22,1,.36,1) .5s rippleDown}.newly-added~.history-item-container:nth-child(2){animation-delay:.55s}.newly-added~.history-item-container:nth-child(3){opacity:.95;animation-delay:.6s}.newly-added~.history-item-container:nth-child(4){opacity:.9;animation-delay:.65s}.newly-added~.history-item-container:nth-child(n+5){opacity:.85;animation-delay:.7s}@keyframes fallDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes rippleDown{0%{transform:translateY(0)}30%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes flashHighlightSmooth{0%{border-color:var(--primary);background-color:#fff7ed;box-shadow:0 0 30px #ff7b004d}to{box-shadow:none;background-color:#f8fafc;border:none}}.custom-toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;background:#ffffffd9;border:1px solid #ffffff80;border-radius:20px;min-width:320px;padding:16px 20px;animation:.5s cubic-bezier(.68,-.55,.265,1.55) toastIn;position:fixed;bottom:30px;right:30px;overflow:hidden;box-shadow:0 15px 35px #0000001a}.custom-toast.success{border-left:5px solid var(--green)}.custom-toast.error{border-left:5px solid var(--red)}.toast-content{color:var(--text);align-items:center;gap:12px;font-size:14px;font-weight:600;display:flex}.custom-toast.success svg{color:var(--green)}.custom-toast.error svg{color:var(--red)}.toast-progress{background:var(--primary);width:100%;height:3px;animation:4s linear forwards toastProgress;position:absolute;bottom:0;left:0}@keyframes toastIn{0%{opacity:0;transform:translate(100%)scale(.5)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172a66;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #fff3;border-radius:24px;width:100%;max-width:450px;padding:32px;box-shadow:0 25px 50px -12px #00000040}.modal-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.modal-header h3{color:var(--text);margin:0;font-size:1.25rem;font-weight:800}.modal-body{color:#64748b;margin-bottom:32px;font-size:15px;line-height:1.6}.modal-body p{margin:8px 0}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.animate-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.datepicker-container{width:100%;position:relative}.datepicker-input-wrapper{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;align-items:center;gap:8px;width:100%;padding:10px 14px;transition:all .2s;display:flex}.datepicker-input-wrapper:hover{border-color:var(--primary);background:#fff9f5}.datepicker-input-wrapper span{color:var(--text);flex:1;font-size:14px;font-weight:500}.datepicker-calendar{z-index:1000;border:1px solid var(--border);background:#fff;border-radius:16px;width:280px;padding:16px;animation:.2s ease-out tooltipFadeIn;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d}.datepicker-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.datepicker-header span{color:var(--text);font-size:15px;font-weight:700}.datepicker-nav-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;display:flex}.datepicker-nav-btn:hover{color:var(--primary);background:#f1f5f9}.datepicker-days-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.datepicker-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:700}.datepicker-day{text-align:center;cursor:pointer;color:var(--text);border-radius:8px;padding:8px 0;font-size:13px;font-weight:500;transition:all .2s}.datepicker-day:hover:not(.empty){color:var(--primary);background:#f1f5f9}.datepicker-day.selected{font-weight:700;box-shadow:0 4px 10px #ff7b004d;background:var(--primary)!important;color:#fff!important}.datepicker-day.today{color:var(--primary);font-weight:700;position:relative}.datepicker-day.today:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.datepicker-day.empty{cursor:default}.datepicker-overlay{display:none}@media (width<=768px){.datepicker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#0f172a66;display:block;position:fixed;inset:0}}@media (width<=1024px){.admin-nav-inner{flex-direction:column!important;gap:1rem!important;height:auto!important;padding:1rem 0!important}.admin-nav-inner>div:first-child{margin-right:0!important}.admin-nav-inner button:last-child{width:100%!important}}@media (width<=768px){.admin-header-row{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.admin-header-row>div{justify-content:space-between!important;width:100%!important}.admin-split-body{flex-direction:column!important;overflow-y:auto!important}.admin-split-left{flex:none!important;width:100%!important;max-height:60vh!important}.admin-split-right{min-height:40vh!important}.tab-content-wrapper{padding:1rem 0!important}div[style*="padding: '18px 20px'"]{flex-direction:column!important;align-items:stretch!important}div[style*="align-items: flex-end"]{margin-top:10px;align-items:stretch!important}div[style*="align-items: flex-end"] button{width:100%!important}.admin-split-left div[style*="grid-template-columns: '28px 1fr 1fr auto'"],div[style*="grid-template-columns: '1fr 1fr'"]{grid-template-columns:1fr!important}}@keyframes downloadGlow{0%,to{box-shadow:0 0 5px #ff7b0033}50%{box-shadow:0 0 15px #ff7b0099,0 0 25px #ff7b004d}}.btn-download-highlight{transform:scale(1.05);color:#ff7b00!important;background-color:#fff7ed!important;border-color:#ff7b00!important;animation:2s ease-in-out infinite downloadGlow!important}body.dark .btn-download-highlight{color:#fb923c!important;background-color:#fb923c1a!important;border-color:#fb923c!important}@keyframes fadeInOut{0%{opacity:0;filter:blur(2px);transform:translateY(4px)}15%{opacity:1;filter:blur();transform:translateY(0)}85%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(2px);transform:translateY(-4px)}}.fade-text{animation:3s cubic-bezier(.4,0,.2,1) forwards fadeInOut;display:inline-block}.data-table input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--primary);vertical-align:middle;border-radius:6px}.data-table th input[type=checkbox],.data-table td input[type=checkbox]{margin:0 auto;display:block}