*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;color:#111827;background:#f6f7f9;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}table{border-collapse:collapse;width:100%}:focus-visible{outline:2px solid #2563EB;outline-offset:2px}::selection{background:#dbeafe}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.5;transition:background .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.btn:disabled{opacity:.45;cursor:not-allowed}.btn .material-icons-round{font-size:16px}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8}.btn-secondary{background:#fff;color:#2563eb;border:1px solid #E5E7EB}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#2563eb}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-ghost{color:#4b5563;border:1px solid #E5E7EB;background:#fff}.btn-ghost:hover:not(:disabled){background:#f9fafb;color:#111827}.btn-sm{padding:4px 12px;font-size:11px}.btn-sm .material-icons-round{font-size:15px}.btn-lg{padding:12px 24px;font-size:14px}.btn-icon{padding:8px;border-radius:8px}.btn-icon .material-icons-round{font-size:18px}.card{background:#fff;border-radius:12px;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0f172a0a;padding:20px}.card-sm{padding:16px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-header h3{font-size:15px;font-weight:600;color:#111827}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;font-size:11px;font-weight:500;white-space:nowrap;letter-spacing:.1px}.badge .material-icons-round{font-size:13px}.badge-success,.badge--green{background:#ecfdf5;color:#059669}.badge-warning,.badge--amber{background:#fffbeb;color:#d97706}.badge-danger,.badge--red{background:#fef2f2;color:#dc2626}.badge-info,.badge--blue{background:#eff6ff;color:#2563eb}.badge-neutral,.badge--gray{background:#f3f4f6;color:#4b5563}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:12px;font-weight:500;color:#374151}.form-control{padding:8px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}.form-control::placeholder{color:#9ca3af}.form-control:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.form-control:disabled{background:#f3f4f6;cursor:not-allowed}select.form-control{cursor:pointer}.table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #E5E7EB}.table{width:100%;font-size:12px}.table thead tr{background:#f9fafb;border-bottom:1px solid #E5E7EB}.table th{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.table td{padding:12px 16px;border-bottom:1px solid #F3F4F6;color:#111827;vertical-align:middle}.table tbody tr{transition:background .15s ease}.table tbody tr:hover{background:#fafbff}.table tbody tr:last-child td{border-bottom:none}.kpi-grid-primary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}@media(max-width:1024px){.kpi-grid-primary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid-primary{grid-template-columns:1fr}}.kpi-grid-secondary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}@media(max-width:1024px){.kpi-grid-secondary{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid-secondary{grid-template-columns:repeat(2,1fr)}}.kpi-card-primary{background:#fff;border-radius:20px;padding:20px;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0f172a0a;display:flex;align-items:center;gap:16px;transition:box-shadow .15s ease,transform .15s ease}.kpi-card-primary:hover{box-shadow:0 1px 4px #0f172a0f,0 1px 2px #0f172a08;transform:translateY(-1px)}.kpi-card-primary .kpi-icon-box{width:44px;height:44px;border-radius:12px;background:var(--kpi-icon-bg, #F3F4F6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card-primary .kpi-icon-box .material-icons-round{font-size:22px;color:var(--kpi-icon-color, #6B7280)}.kpi-card-primary .kpi-body{flex:1;min-width:0}.kpi-card-primary .kpi-label{font-size:11px;font-weight:500;color:#6b7280;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.kpi-card-primary .kpi-value{font-size:22px;font-weight:700;color:#111827;line-height:1.1;letter-spacing:-.5px}.kpi-card-primary .kpi-sub{font-size:11px;color:#9ca3af;margin-top:2px}.kpi-card-secondary{background:#fff;border-radius:16px;padding:16px;border:1px solid #E5E7EB;display:flex;flex-direction:column;gap:3px;transition:box-shadow .15s ease}.kpi-card-secondary:hover{box-shadow:0 1px 2px #0f172a0a}.kpi-card-secondary .kpi-label{font-size:11px;font-weight:500;color:#6b7280;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-card-secondary .kpi-value{font-size:18px;font-weight:700;color:#111827;line-height:1.2;letter-spacing:-.3px}.kpi-card-secondary .kpi-sub{font-size:11px;color:#9ca3af}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.kpi-card{background:#fff;border-radius:16px;padding:16px;border:1px solid #E5E7EB;box-shadow:0 1px 2px #0f172a0a;transition:box-shadow .15s ease}.kpi-card:hover{box-shadow:0 1px 4px #0f172a0f,0 1px 2px #0f172a08}.kpi-card .kpi-icon{width:32px;height:32px;border-radius:8px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.kpi-card .kpi-icon .material-icons-round{font-size:18px}.kpi-card .kpi-label{font-size:11px;color:#6b7280;font-weight:500;letter-spacing:.2px;margin-bottom:4px}.kpi-card .kpi-value{font-size:20px;font-weight:700;color:#111827;line-height:1.2}.kpi-card .kpi-sub{font-size:11px;color:#6b7280;margin-top:2px}.kpi-card .kpi-trend{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:500;margin-top:8px}.kpi-card .kpi-trend.up{color:#059669}.kpi-card .kpi-trend.down{color:#dc2626}.kpi-card .kpi-trend .material-icons-round{font-size:14px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.page-header .page-header__text h1{font-size:19px;font-weight:700;color:#111827;letter-spacing:-.4px;line-height:1.2}.page-header .page-header__text p{font-size:12px;color:#6b7280;margin-top:3px;font-weight:400}.page-header .page-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.empty-state .material-icons-round{font-size:48px;color:#d1d5db;margin-bottom:16px}.empty-state h3{font-size:15px;font-weight:600;color:#4b5563;margin-bottom:8px}.empty-state p{font-size:12px;max-width:320px}.spinner{width:32px;height:32px;border:3px solid #E5E7EB;border-top-color:#2563eb;border-radius:9999px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{display:flex;align-items:center;justify-content:center;padding:48px}.filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.filter-bar .filter-search{position:relative;flex:1;min-width:200px}.filter-bar .filter-search .material-icons-round{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:18px;pointer-events:none}.filter-bar .filter-search input{width:100%;padding-left:40px}.tabs{display:flex;gap:0;border-bottom:1px solid #E5E7EB;margin-bottom:20px}.tab{padding:10px 16px;font-size:13px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease;cursor:pointer;white-space:nowrap}.tab:hover{color:#374151}.tab.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.badge--teal{background:#ccfbf1;color:#0f766e}.badge--orange{background:#fff7ed;color:#c2410c}.badge--purple{background:#f5f3ff;color:#7c3aed}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.ph__left{display:flex;flex-direction:column;gap:3px}.ph__title{font-size:19px;font-weight:700;color:#111827;letter-spacing:-.4px;line-height:1.2;margin:0}.ph__sub{font-size:12px;color:#6b7280;font-weight:400}.ph__right{display:flex;align-items:center;gap:8px;flex-shrink:0}.tbl__wrap{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden}.tbl{width:100%;font-size:13px;border-collapse:collapse}.tbl thead tr{background:#f9fafb;border-bottom:1px solid #E5E7EB}.tbl th{padding:10px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.6px;white-space:nowrap}.tbl td{padding:11px 16px;border-bottom:1px solid #F3F4F6;color:#111827;vertical-align:middle}.tbl tbody tr{transition:background .15s ease}.tbl tbody tr:hover{background:#fafbff}.tbl tbody tr:last-child td{border-bottom:none}.tbl .tbl__empty{text-align:center;color:#6b7280;padding:48px;font-size:13px}.filter-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:12px 16px}.filter-search{position:relative;flex:1;min-width:180px}.filter-search .material-symbols-rounded,.filter-search .material-icons-round{position:absolute;left:11px;top:50%;transform:translateY(-50%);font-size:16px;color:#9ca3af;pointer-events:none}.filter-search input{width:100%;height:34px;padding:0 12px 0 34px;border:1px solid #E5E7EB;border-radius:12px;font-size:13px;color:#111827;background:#f6f7f9;outline:none;transition:border-color .15s ease;font-family:inherit;box-sizing:border-box}.filter-search input::placeholder{color:#9ca3af}.filter-search input:focus{border-color:#2563eb}.filter-select{height:34px;padding:0 12px;border:1px solid #E5E7EB;border-radius:12px;font-size:13px;color:#111827;background:#f6f7f9;outline:none;cursor:pointer;font-family:inherit}.filter-select:focus{border-color:#2563eb}.filter-chips{display:flex;gap:8px;flex-wrap:wrap}.chip{height:30px;padding:0 12px;border-radius:9999px;font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.chip:hover{background:#e5e7eb;color:#111827}.chip.active{background:#eff6ff;color:#2563eb;border-color:#2563eb4d;font-weight:600}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.sk{background:linear-gradient(90deg,#f3f4f6 25%,#eaecf0,#f3f4f6 75%);background-size:600px 100%;animation:shimmer 1.4s ease infinite;border-radius:8px}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 22;font-family:Material Symbols Rounded;font-style:normal;display:inline-block;line-height:1;vertical-align:middle;-webkit-user-select:none;user-select:none}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid #E5E7EB;background:#fff;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease}.btn-icon:hover{background:#f9fafb;color:#111827}.btn-icon .material-symbols-rounded{font-size:18px}.btn-pill{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 16px;border-radius:9999px;border:1px solid #E5E7EB;background:#fff;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-pill .material-symbols-rounded{font-size:16px}.btn-pill:hover,.btn-pill.active{background:#2563eb;border-color:#2563eb;color:#fff}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:11px 16px;font-size:13px;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;background:transparent;border-top:none;border-left:none;border-right:none;transition:color .15s ease,border-color .15s ease;white-space:nowrap}.tab-btn .material-symbols-rounded{font-size:16px}.tab-btn:hover{color:#111827}.tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600}.tab-badge{font-size:10px;font-weight:700;padding:1px 6px;border-radius:9999px;margin-left:2px}.tab-badge--red{background:#fee2e2;color:#dc2626}.tab-badge--blue{background:#dbeafe;color:#1d4ed8}.chart-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;margin-bottom:16px;animation:fadeInUp .6s ease both}.chart-card__head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.chart-card__title{font-size:14px;font-weight:600;color:#111827}.chart-card__sub{font-size:12px;color:#6b7280;margin-top:2px}.chart-card__stats{display:flex;gap:24px;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cs{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.cs__label{font-size:10px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.cs__val{font-size:20px;font-weight:700;color:#111827;letter-spacing:-.5px;line-height:1.1}.cs__val--muted{color:#9ca3af}.cs__unit{font-size:12px;font-weight:400;color:#6b7280}.timeline{display:flex;flex-direction:column;padding:8px 0}.tl-item{display:flex;gap:16px;min-height:64px}.tl-connector{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:36px}.tl-icon{width:36px;height:36px;border-radius:9999px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.tl-icon .material-symbols-rounded{font-size:18px;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.tl-icon.tl-icon--blue{background:#eff6ff;color:#2563eb}.tl-icon.tl-icon--green{background:#ecfdf5;color:#059669}.tl-icon.tl-icon--orange{background:#fff7ed;color:#ea580c}.tl-icon.tl-icon--amber{background:#fef3c7;color:#d97706}.tl-icon.tl-icon--red{background:#fef2f2;color:#dc2626}.tl-icon.tl-icon--gray{background:#f3f4f6;color:#6b7280}.tl-line{flex:1;width:2px;background:#e5e7eb;margin:2px 0;min-height:24px}.tl-body{flex:1;padding-bottom:20px}.tl-header{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.tl-header strong{font-size:13px;font-weight:600;color:#111827}.tl-date{font-size:12px;color:#6b7280;margin-left:auto;white-space:nowrap}.tl-detail{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280;flex-wrap:wrap}.tl-detail .material-symbols-rounded{font-size:14px}.tl-obs{margin-top:6px;font-size:12px;color:#6b7280;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;padding:8px 12px;font-style:italic;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.text-success{color:#059669!important}.text-warning{color:#d97706!important}.text-danger{color:#dc2626!important}.text-info{color:#2563eb!important}.text-muted{color:#6b7280!important}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.mt-6{margin-top:24px}.mb-6{margin-bottom:24px}.w-full{width:100%}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}