@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");:root{--background:#f3f5f7;--foreground:#2a3547;--primary:#5d87ff;--primary-light:rgba(93,135,255,.12);--primary-foreground:#fff;--secondary:#fff;--secondary-foreground:#2a3547;--accent:#49beff;--success:#13deb9;--warning:#ffae1f;--error:#fa896b;--muted:#7c8fac;--muted-bg:#f6f9fc;--border:#e5eaef;--radius:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0px 2px 6px rgba(0,0,0,.05);--shadow:0px 4px 16px rgba(93,135,255,.08);--shadow-lg:0px 8px 24px rgba(93,135,255,.12);--sidebar-width:270px;--sidebar-collapsed-width:72px;--header-height:70px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--brand:#5d87ff;--brand-strong:#4670e8;--brand-medium:rgba(93,135,255,.4);--brand-soft:rgba(93,135,255,.1);--neutral-primary-medium:#fff;--neutral-secondary-strong:#f6f9fc;--neutral-tertiary-medium:#f3f5f7;--default-medium:#e5eaef;--default-strong:#cbd5e0;--heading:#2a3547;--body:#7c8fac;--radius-base:8px;--radius-xs:4px}*{box-sizing:border-box;padding:0;margin:0}body,html{height:100%}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit}.app-shell{display:flex;min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.card{background-color:var(--secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:1.5rem;transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.5rem 1.25rem;border-radius:var(--radius);font-weight:500;font-size:.875rem;transition:all .2s ease;cursor:pointer;white-space:nowrap}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);border:1px solid var(--primary)}.btn-primary:hover{background-color:#4670e8;box-shadow:0 4px 12px rgba(93,135,255,.35);transform:translateY(-1px)}.btn-outline{border:1px solid var(--border);background-color:transparent;color:var(--foreground)}.btn-outline:hover{background-color:var(--muted-bg);border-color:var(--muted)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{background:var(--muted-bg);color:var(--foreground)}.btn-danger{background-color:var(--error);color:#fff;border:1px solid var(--error)}.btn-danger:hover{background-color:#e8754f;box-shadow:0 4px 12px hsla(13,93%,70%,.35);transform:translateY(-1px)}.badge{display:inline-flex;align-items:center;padding:.2rem .65rem;border-radius:99px;font-size:.75rem;font-weight:600;line-height:1.5}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:rgba(19,222,185,.12);color:#13deb9}.badge-warning{background:rgba(255,174,31,.12);color:#ffae1f}.badge-error{background:hsla(13,93%,70%,.12);color:var(--error)}.badge-muted{background:var(--muted-bg);color:var(--muted)}.input,.select-input{width:100%;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;color:var(--foreground);background-color:#fff;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=date]{text-align:left!important}input[type=date]::-webkit-datetime-edit{text-align:left}input[type=date]::-webkit-datetime-edit-fields-wrapper{text-align:left;justify-content:flex-start}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23000000' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 15l4 4 4-4M8 9l4-4 4 4'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;padding-right:3rem!important;color:#000;font-weight:500;font-size:1rem}select.input{width:100%;border:1px solid var(--border);border-radius:var(--radius);background-color:#fff;padding-left:.9rem;padding-top:.75rem;padding-bottom:.75rem;outline:none;transition:border-color .2s,box-shadow .2s}.input:focus,select.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.input::placeholder{color:var(--muted)}label{font-size:.82rem;font-weight:500;color:var(--muted);display:block;margin-bottom:.35rem}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border);background:var(--muted-bg)}.data-table th:first-child{border-radius:var(--radius) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius) 0 0}.data-table td{padding:.9rem 1rem;font-size:.875rem;color:var(--foreground);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--muted-bg);transition:background .15s}.page{padding:0}.page-title{font-size:1.35rem;font-weight:700;color:var(--foreground);letter-spacing:-.3px}.page-subtitle{font-size:.82rem;color:var(--muted);margin-top:2px}.section-title{font-size:1.1rem;font-weight:600;color:var(--foreground);margin-bottom:1rem}.stat-card{display:flex;flex-direction:column;gap:.5rem}.stat-card .stat-icon{width:44px;height:44px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:.5rem}.stat-card .stat-value{font-size:1.75rem;font-weight:700;color:var(--foreground);line-height:1}.stat-card .stat-label{font-size:.8rem;color:var(--muted);font-weight:500}.stat-card .stat-change{font-size:.78rem;font-weight:600}.stat-card .stat-change.positive{color:var(--success)}.stat-card .stat-change.negative{color:var(--error)}.stat-card .stat-change.neutral{color:var(--muted)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-bottom:1rem}.pt-4,.py-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mr-2{margin-right:.5rem}.ml-auto,.mx-auto{margin-left:auto}.mx-auto{margin-right:auto}.w-full{width:100%}.w-8{width:2rem}.h-8{height:2rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-muted{color:var(--muted)}.text-primary{color:var(--primary)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.uppercase{text-transform:uppercase}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.bg-white{background-color:#fff}.bg-primary{background-color:var(--primary);color:#fff}.bg-muted{background-color:var(--muted-bg)}.rounded{border-radius:var(--radius)}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius-lg)}.shadow{box-shadow:var(--shadow)}.shadow-sm{box-shadow:var(--shadow-sm)}.border{border:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.inset-0{top:0;left:0;right:0;bottom:0}.opacity-50{opacity:.5}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.bg-green-100{background-color:rgba(19,222,185,.12)}.text-green-700{color:#13deb9}.hover\:bg-green-200:hover{background-color:rgba(19,222,185,.2)}.bg-gray-50{background-color:var(--muted-bg)}.bg-gray-100{background-color:#f3f5f7}.text-gray-400{color:var(--muted)}.text-gray-600{color:#5a6a85}.touch-none{touch-action:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.spinner{border-top:3px solid var(--border);border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .85s linear infinite}.breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--muted);margin-bottom:1.5rem}.breadcrumb .crumb-current{color:var(--primary);font-weight:500}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.modal-box{background:#fff;border-radius:var(--radius-xl);box-shadow:0 24px 48px rgba(0,0,0,.15);width:100%;max-width:540px;max-height:90vh;overflow-y:auto;animation:fadeIn .25s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.modal-title{font-size:1.05rem;font-weight:700;color:var(--foreground)}.modal-body{padding:1.5rem}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--muted);font-size:1.2rem;transition:all .2s}.modal-close:hover{background:var(--muted-bg);color:var(--foreground)}@media (max-width:1024px){.card{padding:1.25rem}}@media (max-width:768px){.grid-cols-3,.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}.page-title{font-size:1.2rem}}.dropdown-menu{position:absolute;top:calc(100% + 10px);background:var(--neutral-primary-medium);border-radius:var(--radius-lg);box-shadow:0 12px 32px rgba(93,135,255,.15);border:1px solid var(--border);overflow:hidden;z-index:1000;animation:dropdownFadeIn .2s ease-out;min-width:220px}.dropdown-menu.right-0{right:0}.dropdown-menu.left-0{left:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.dropdown-footer,.dropdown-header{background:var(--neutral-secondary-strong)}.dropdown-footer{padding:.75rem 1.25rem;border-top:1px solid var(--border)}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--body);transition:all .2s;cursor:pointer;border:none;background:transparent;text-align:left}.dropdown-item.active,.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-item.active{font-weight:600}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:hsla(13,93%,70%,.08)}.dropdown-divider{height:1px;background:var(--border);margin:.25rem 0}.dropdown-section-label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.75rem 1.25rem .25rem}.dropdown-checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;cursor:pointer;transition:background .2s}.dropdown-checkbox-item:hover{background:var(--neutral-tertiary-medium)}.dropdown-checkbox{width:18px;height:18px;border-radius:4px;border:2px solid var(--border);accent-color:var(--primary);cursor:pointer}.dropdown-checkbox-label{font-size:.875rem;font-weight:500;color:var(--foreground);flex:1 1;margin:0;cursor:pointer}.dropdown-scroll{max-height:300px;overflow-y:auto}.shadow-dropdown{box-shadow:0 12px 32px rgba(93,135,255,.15)}.filter-dropdown-trigger{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius);font-size:.875rem;font-weight:500;color:var(--foreground);transition:all .2s}.filter-dropdown-trigger:hover{border-color:var(--primary);background:var(--primary-light)}.filter-dropdown-trigger.active{background:var(--primary);color:#fff;border-color:var(--primary)}.costs-two-col-layout{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;align-items:start}@media (min-width:1024px){.costs-two-col-layout{grid-template-columns:1fr 2fr}}