:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;width:auto;height:100%;display:flex;flex-direction:column;max-width:100vw}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.date-filter{width:auto;align-items:center;background:transparent;border-radius:8px;gap:12px;flex-wrap:wrap}.date-filter{display:flex;flex-wrap:wrap;align-items:center;gap:12px;width:100%;background:transparent;border-radius:8px;justify-content:flex-end}.date-filter span,.date-filter p{font-weight:600;font-size:1.1rem;color:#388e3c;margin:0}.date-filter .ant-picker{width:150px;border-radius:6px;font-size:1rem;color:#388e3c;background-color:#f0fdf4;transition:all .3s ease;border:1px solid #75a5a1}.date-filter .ant-picker-input input::placeholder{color:#388e3c!important;opacity:.9;font-size:1rem}.date-filter .ant-picker-input input{color:#388e3c!important;font-size:1rem;font-weight:500}.date-filter .ant-picker .ant-picker-input{padding:8px 12px}.date-filter .ant-picker-suffix{color:#2e7d32!important;font-size:18px}.date-filter .ant-picker-suffix i{font-size:18px;color:#2e7d32}.date-filter .ant-picker:hover{border-color:#81c784;box-shadow:0 0 6px #81c78499}@media (max-width: 575px){.date-filter{justify-content:center;flex-direction:column;gap:8px}.date-filter .ant-picker{width:100%;max-width:300px}}@media (min-width: 576px) and (max-width: 767px){.date-filter{justify-content:center}}@media (min-width: 768px) and (max-width: 991px){.date-filter{justify-content:flex-end}}.title{margin:0}.profile{flex-direction:row;gap:20px;height:auto;font-size:medium;cursor:pointer;border-radius:6px;color:#212529;background-color:#e8f5e9;border:1px solid #388e3c;transition:all .3s ease;font-size:clamp(12px,2.5vw,18px);display:flex;align-items:center;gap:8px}.profile svg{color:inherit;transition:color .3s}.profile:hover{background-color:#388e3c;color:#fff;transform:scale(1.05);border:1px solid #81c784;box-shadow:0 0 6px #81c78499}.profile:hover svg{color:#fff}.username{margin:0}.ant-modal-content{background-color:#f5f5f5!important;color:#fff}.ant-modal-header{background-color:#f5f5f5!important;color:#fff!important}.ant-modal-footer{background-color:#f5f5f5!important}.title-topcard{color:#fff;text-align:center;font-size:clamp(1.2rem,2vw + .5rem,2.5rem);font-weight:700;margin-bottom:12px}.rupa-item-wrapper{display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}.rupa-box{flex:1 1 calc(50% - 8px);padding:16px;text-align:center}@media (max-width: 768px){.rupa-box{flex:1 1 100%}}.very-compact-table .ant-table-thead>tr>th,.very-compact-table .ant-table-tbody>tr>td{padding:2px 19px;font-size:12px;line-height:2.2;border-radius:10px}.very-compact-table .ant-table{font-size:12px}.table-wrapper{max-width:85vw;overflow-x:auto}.table-wrapper .ant-table-thead>tr>th{background-color:#001529;color:#fff;font-weight:700;text-align:center}.chart-table{display:flex;align-items:flex-start}.chart-container,.table-container{flex:1;min-width:0}.table-wrapper{border:1px solid #e0e0e0;border-radius:16px;overflow:hidden;background-color:#fff}.table-wrapper .ant-table-cell{padding:1px 8px!important;font-size:18px}.raihan-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:16px;margin:16px 0;max-width:87%;overflow-x:auto}.raihan-styled-table{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;width:100%;max-width:1250px;min-width:800px}.raihan-styled-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;text-align:center;border:none;font-size:12px;padding:12px 8px}.raihan-styled-table .ant-table-tbody>tr>td{padding:12px 8px;border-bottom:1px solid #f0f0f0;vertical-align:top;font-size:12px;line-height:1.4}.raihan-styled-table .ant-table-tbody>tr:hover>td{background-color:#f8f9ff}.raihan-styled-table .ant-table-tbody>tr:nth-child(2n){background-color:#fafafa}.raihan-styled-table .ant-table-tbody>tr:nth-child(2n):hover>td{background-color:#f0f2ff}.table-cell-content{max-width:200px;word-wrap:break-word;word-break:break-word;white-space:normal;overflow-wrap:break-word}.table-cell-content.text-transform{text-transform:capitalize}.table-cell-content.currency{font-weight:600;color:#1890ff;text-align:right}.table-cell-content.vendor-name{font-weight:500;color:#52c41a}.table-cell-content.method{background:#e6f7ff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;text-align:center;display:inline-block;min-width:80px}.raihan-css-pagination{margin-top:24px;text-align:center}.raihan-css-pagination .ant-pagination-item{border-radius:6px;border:1px solid #d9d9d9;margin:0 4px}.raihan-css-pagination .ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.raihan-css-pagination .ant-pagination-item-active a{color:#fff}.raihan-css-pagination .ant-pagination-prev,.raihan-css-pagination .ant-pagination-next,.raihan-css-pagination .ant-pagination-jump-prev,.raihan-css-pagination .ant-pagination-jump-next{border-radius:6px}.raihan-table-loading .ant-spin-dot-item{background-color:#667eea}@media (max-width: 768px){.raihan-table-wrapper{padding:8px;margin:8px 0}.raihan-styled-table{font-size:11px;min-width:600px}.raihan-styled-table .ant-table-thead>tr>th,.raihan-styled-table .ant-table-tbody>tr>td{padding:8px 4px;font-size:11px}.table-cell-content{max-width:150px}}.container{display:flex;flex-direction:column}.container-top-card{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.show-icon{color:#fff;font-size:2rem;margin:0;font-weight:bolder}.persentase{color:#1e293b;font-size:2rem;margin:0;font-weight:bolder}.title{margin-bottom:2vh;font-size:1rem;font-weight:700;color:#1e293b}.title-topgroup{margin-bottom:2vh;font-size:28px;font-weight:700;color:#fff}.paket{color:#1e293b;font-size:2rem;margin:0}.container-row-2{display:flex;align-items:center;color:#1e293b;font-size:1.5rem;justify-content:space-between}.nominal{color:#1e293b;font-size:2rem;margin:0;margin-top:2vh;text-align:start}.container-row-2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.ant-modal-content{width:auto}.title-page{text-align:center;font-size:xx-large}.top-card{background:linear-gradient(to right,#4e54c8,#8f94fb);height:auto}.top-groud-card-nominal{font-size:3cap;margin:0;color:#fff;font-weight:700}.chart-card{display:flex;flex-direction:column}.small-persentase{color:#fff;font-size:2rem;margin:0}.title-topcard{color:#fff;font-size:1.5rem;text-align:center}.container-top-card{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;height:100%;flex-shrink:0}.top-container-row-2-rupa{display:flex;flex-wrap:wrap;justify-content:center;gap:7vw;align-items:center;border:1px solid black}.rupa-item-wrapper{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;border-top:1px solid white;padding-top:10px;margin-top:10px}.rupa-box{flex:1;text-align:center;padding:10px;font-size:1.5rem;color:#fff;border-right:1px solid white}.rupa-box:last-child{border-right:none}.card-hover{background-color:#f9fafb;transition:all .3s ease-in-out;cursor:pointer;margin-bottom:10px;font-size:1.1rem}.card-hover:hover{background:linear-gradient(to bottom right,#cbd5e1,#e2e8f0);transform:scale(1.01);box-shadow:0 4px 12px #0000001a}.detail-btn{background:linear-gradient(to right,#e0f7fa,#b2ebf2);color:#004d40;border:none;padding:12px 24px;font-weight:700;border-radius:12px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:transform .2s ease,box-shadow .2s ease,background .4s ease}.detail-btn:hover{background:linear-gradient(to right,#b2ebf2,#80deea);transform:scale(1.05);box-shadow:0 8px 12px #00000026}.title-rupa{text-align:center;margin:0 0 20px;font-weight:700;color:#0f172a}.persentase-rupa,.paket-rupa{font-size:1.5rem;font-weight:700}.middle-row-rupa{display:flex;justify-content:space-around;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1;padding:10px 0;margin-top:2vh}.middle-item{flex:1;text-align:center}.border-right{border-right:1px solid #cbd5e1}.nominal-rupa{font-weight:700;text-align:center;margin-top:3.5vh;font-size:1.5rem;color:#1e293b}.dashboard-title{color:#1e293b;font-weight:700;font-size:24px;margin-bottom:24px;text-align:center;padding:0 20px}.p-title{color:#1e293b;font-size:24px;margin-bottom:24px;text-align:left;padding:0 20px}.dropdown-section{gap:16px;margin-bottom:24px;justify-content:space-between;align-items:center;padding:0 20px;width:100%}.custom-dropdown-fixed{flex:1;min-width:0}.custom-dropdown-fixed .ant-select{width:100%}.custom-dropdown-fixed .ant-select-selector{border-radius:8px!important;padding:8px 12px!important;height:42px!important;display:flex;align-items:center;background-color:#fff;border:1px solid #d1d5db;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.custom-dropdown-fixed .ant-select-selection-placeholder{color:#6b7280!important;opacity:1!important}.custom-dropdown-fixed .ant-select-selection-item{color:#374151!important}.custom-dropdown-fixed .ant-select-selector:hover{border-color:#667eea;box-shadow:0 4px 8px #667eea33}.custom-dropdown-fixed .ant-select-selector:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.custom-dropdown-fixed .ant-select-arrow{color:#6b7280}.custom-dropdown-fixed .ant-select-item-option-selected{background-color:#667eea!important;color:#fff!important;font-weight:600}.custom-dropdown-fixed .ant-select-item-option:hover{background-color:#e5e7eb!important}.cards-section{margin-bottom:32px;padding:0 20px}.dashboard-card{height:140px;border-radius:12px;border:none;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer;width:100%}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.card-jumlah-paket{background:linear-gradient(135deg,#fef08a,#f59e0b)}.card-nilai-paket{background:linear-gradient(135deg,#dcfce7,#10b981)}.card-persentase-paket{background:linear-gradient(135deg,#ede9fe,#a78bfa)}.card-durasi-tender{background:linear-gradient(135deg,#e0f2fe,#0ea5e9)}.card-durasi-penunjukan{background:linear-gradient(135deg,#fce7f3,#ec4899)}.card-content{display:flex;flex-direction:column;height:100%;padding:16px}.card-header{margin-bottom:12px}.card-title{margin:0;font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;text-align:center}.card-value{flex:1;display:flex;align-items:center;justify-content:center}.card-number{margin:0;font-size:20px;font-weight:700;color:#1f2937;text-align:center;line-height:1.2}.table-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 4px 12px #0000001a;margin:0 20px;overflow:hidden}.custom-table{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;width:100%}.custom-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;text-align:center;border:none;font-size:12px;padding:12px 8px;position:sticky;top:0;z-index:1}.custom-table .ant-table-tbody>tr>td{padding:12px 8px;border-bottom:1px solid #f0f0f0;vertical-align:top;font-size:12px;line-height:1.4}.custom-table .ant-table-tbody>tr:hover>td{background-color:#f8f9ff}.custom-table .ant-table-tbody>tr:nth-child(2n){background-color:#fafafa}.custom-table .ant-table-tbody>tr:nth-child(2n):hover>td{background-color:#f0f2ff}.custom-table .ant-table-container{border-radius:8px}.custom-table .ant-table-content{overflow-x:auto}.custom-pagination{margin-top:24px;text-align:center}.custom-pagination .ant-pagination-item{border-radius:6px;border:1px solid #d9d9d9;margin:0 4px}.custom-pagination .ant-pagination-item-active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.custom-pagination .ant-pagination-item-active a{color:#fff}.custom-pagination .ant-pagination-prev,.custom-pagination .ant-pagination-next{border-radius:6px}.ant-layout-sider-trigger{background-color:#bbf7d0!important;color:#065f46!important;font-size:20px!important;transition:all .3s ease-in-out}.ant-layout-sider-trigger:hover{background-color:#86efac!important;cursor:pointer}.ant-layout-sider-trigger{transition:width 10.9s ease,background-color .5s ease}.fab-main{position:fixed;bottom:80px;left:15px;width:50px;height:50px;border-radius:100%;background-color:#86efac;color:#000;font-size:20px;z-index:10000;display:flex;align-items:center;justify-content:center;padding:0}.fab-sub-container{position:fixed;bottom:150px;left:335px;display:flex;gap:10px;z-index:10000;flex-direction:column-reverse;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:0;pointer-events:none}.fab-sub-container.open{transform:translate(-320px);opacity:1;pointer-events:auto}.fab-sub1{width:50px;height:50px;border-radius:100%;background-color:#a8e6a1;color:#000;font-size:30px;font-weight:700}.fab-sub2{width:50px;height:50px;border-radius:100%;background-color:#f4a6a6;color:#000;font-size:30px;font-weight:700}.fab-sub3{width:50px;height:50px;border-radius:100%;background-color:#add8e6;color:#000;font-size:30px;font-weight:700}.fab-sub4{width:50px;height:50px;border-radius:100%;background-color:#fff7a1;color:#000;font-size:30px;font-weight:700}.login-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}.login-card{width:100%;max-width:60vw;background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 10px 30px #0000001a}.LogoFont{color:#00a651;margin:0;font-size:xx-large}.TitleContainer{margin:0!important;padding:0}