:root{color:#17243a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f7fb;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font:inherit}button:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #93b7ff}#root{min-height:100vh}.app-shell{min-height:100vh;display:flex}.sidebar{color:#fff;z-index:30;background:#101d35;flex-direction:column;width:260px;min-width:260px;height:100vh;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:28px 22px;display:flex}.brand-symbol{background:#2563eb;border-radius:12px;place-items:center;width:43px;height:43px;font-size:25px;font-weight:800;display:grid}.brand-text{flex-direction:column;display:flex}.brand-text strong{font-size:20px}.brand-text span{color:#a8b9d6;font-size:12px}.sidebar-demo-label{text-align:center;color:#a9c4f5;border:1px solid #34445f;border-radius:8px;margin:0 18px 28px;padding:10px;font-size:10px;font-weight:700}.sidebar-section-title{color:#7385a5;letter-spacing:1.5px;padding:0 24px 12px;font-size:10px}.sidebar-nav{flex-direction:column;gap:5px;padding:0 12px;display:flex}.sidebar-item{color:#b7c4d9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:13px;display:flex}.sidebar-item:hover{color:#fff;background:#1b2d4b}.sidebar-item.active{color:#fff;background:#2563eb;font-weight:700}.sidebar-footer{color:#8394b0;flex-direction:column;gap:5px;margin-top:auto;padding:22px;font-size:12px;display:flex}.sidebar-footer small{font-size:10px}.sidebar-close,.sidebar-overlay{display:none}.app-main{flex:1;min-width:0}.app-header{background:#fff;border-bottom:1px solid #e6ebf2;justify-content:space-between;align-items:center;gap:20px;height:88px;padding:0 34px;display:flex}.header-left,.header-right{align-items:center;gap:22px;display:flex}.header-titles h1{color:#17243a;margin:0;font-size:21px;font-weight:750}.header-titles p{color:#8a96a8;margin:5px 0 0;font-size:12px}.header-demo-badge{color:#16805a;background:#edf7f2;border-radius:8px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;font-weight:700;display:flex}.header-notification{color:#8090a6;cursor:pointer;background:0 0;border:0;padding:8px}.header-notification:disabled{opacity:.45;cursor:not-allowed}.header-user{border-left:1px solid #e9edf4;align-items:center;gap:11px;padding-left:20px;display:flex}.header-avatar{color:#1b57bc;background:#dce9ff;border-radius:50%;place-items:center;width:39px;height:39px;font-size:13px;font-weight:800;display:grid}.header-user-info{flex-direction:column;gap:3px;display:flex}.header-user-info strong{color:#25334a;font-size:12px}.header-user-info span{color:#8997aa;font-size:10px}.header-user-arrow{color:#8491a3}.header-menu-button{color:#25334a;cursor:pointer;background:0 0;border:0;display:none}.app-content{max-width:1800px;margin:0 auto;padding:30px 34px}.dashboard-intro{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.eyebrow{color:#2563eb;letter-spacing:1.5px;font-size:10px;font-weight:800}.dashboard-intro h2{color:#17243a;margin:8px 0;font-size:23px;font-weight:750}.dashboard-intro p{color:#8996a8;margin:0;font-size:13px}.dashboard-filters{flex-direction:column;gap:7px;display:flex}.dashboard-filters label{color:#69778c;font-size:11px;font-weight:700}.dashboard-filters select{color:#29364b;background:#fff;border:1px solid #dfe6ef;border-radius:9px;outline:none;min-width:235px;padding:12px;font-size:12px}.dashboard-filters select:focus{border-color:#2563eb}.demo-info{color:#3564a5;background:#edf4ff;border:1px solid #dbe8ff;border-radius:9px;align-items:center;gap:10px;margin-bottom:23px;padding:12px 15px;font-size:12px;display:flex}.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.metric-card{background:#fff;border:1px solid #e8edf4;border-radius:13px;min-width:0;padding:21px;box-shadow:0 3px 14px #192d4907}.metric-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.metric-top>span{color:#718096;font-size:12px;font-weight:600}.metric-icon{border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.metric-blue{color:#2563eb;background:#e8f0ff}.metric-purple{color:#8054d9;background:#f0eaff}.metric-green{color:#15975a;background:#e5f8ed}.metric-orange{color:#e78b23;background:#fff1e2}.metric-cyan{color:#1598b1;background:#e3f7fb}.metric-pink{color:#d65b93;background:#fce9f2}.metric-card>strong{color:#18253b;letter-spacing:-.6px;overflow-wrap:anywhere;margin:14px 0 8px;font-size:25px;display:block}.metric-card>small{color:#91a0b2;font-size:11px}.dashboard-network{grid-template-columns:repeat(3,1fr);gap:17px;margin-top:20px;display:grid}.network-item{color:#2563eb;background:#fff;border:1px solid #e8edf4;border-radius:12px;align-items:center;gap:16px;padding:18px 22px;display:flex}.network-item>div{flex-direction:column;gap:5px;display:flex}.network-item strong{color:#17243a;font-size:23px}.network-item span{color:#8a97aa;font-size:11px}.dashboard-grid{grid-template-columns:1.25fr 1fr;gap:20px;margin-top:22px;display:grid}.dashboard-panel{background:#fff;border:1px solid #e8edf4;border-radius:13px;min-width:0;padding:23px}.panel-heading{color:#7b8ba1;justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h3{color:#1c2a40;margin:0 0 7px;font-size:15px}.panel-heading p{color:#94a0b1;margin:0;font-size:11px}.chart-container{height:285px;margin-top:25px}.ranking-list{flex-direction:column;gap:24px;margin-top:25px;display:flex}.ranking-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.ranking-name{align-items:center;gap:10px;min-width:0;display:flex}.ranking-position{color:#2563eb;background:#edf3ff;border-radius:8px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:12px;font-weight:800;display:grid}.ranking-name>div{flex-direction:column;gap:5px;min-width:0;display:flex}.ranking-name strong{color:#28364d;overflow-wrap:anywhere;font-size:11px}.ranking-name small{color:#9aa6b7;font-size:10px}.ranking-value{color:#27364d;white-space:nowrap;font-size:11px}.ranking-track{background:#edf1f7;border-radius:9px;height:6px;margin-top:12px;overflow:hidden}.ranking-progress{background:linear-gradient(90deg,#2563eb,#60a5fa);border-radius:9px;height:100%}.dashboard-footer-note{color:#9aa7b8;justify-content:space-between;gap:10px;margin:25px 0;font-size:10px;display:flex}.coming-soon{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:65vh;padding:30px;display:flex}.coming-soon-icon{color:#2563eb;background:#eaf1ff;border-radius:22px;place-items:center;width:80px;height:80px;margin-bottom:22px;display:grid}.coming-soon h2{color:#17243a;margin:12px 0;font-size:27px}.coming-soon p{color:#8290a5;font-size:14px}.coming-soon-message{color:#65768d;background:#fff;border:1px solid #e5ebf3;border-radius:9px;align-items:center;gap:9px;margin-top:25px;padding:14px 18px;font-size:12px;display:flex}@media (width<=1200px){.sidebar{width:230px;min-width:230px}.app-content{padding:25px}.app-header{padding:0 25px}.dashboard-grid{grid-template-columns:1fr}.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{width:270px;min-width:270px;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:29;background:#08142699;display:block;position:fixed;inset:0}.sidebar-close{color:#fff;cursor:pointer;background:0 0;border:0;margin-left:auto;display:block}.header-menu-button{display:block}.app-header{height:76px}.header-user-info,.header-user-arrow{display:none}.header-user{padding-left:12px}}@media (width<=600px){.app-header{padding:0 16px}.header-left,.header-right{gap:10px}.header-titles h1{font-size:16px}.header-titles p{display:none}.header-demo-badge{padding:7px}.header-demo-badge span,.header-notification{display:none}.app-content{padding:18px 14px}.dashboard-intro{flex-direction:column;align-items:stretch}.dashboard-intro h2{font-size:21px}.dashboard-filters select{width:100%}.dashboard-cards{grid-template-columns:1fr}.dashboard-network{grid-template-columns:1fr;gap:10px}.metric-card{padding:18px}.metric-card>strong{font-size:24px}.dashboard-panel{padding:17px}.chart-container{height:240px}.ranking-line{align-items:flex-start}.ranking-value{font-size:10px}.dashboard-footer-note{flex-direction:column}.demo-info{align-items:flex-start}}.receipt-page{flex-direction:column;gap:24px;display:flex}.receipt-intro{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.receipt-intro h2{color:#17243a;margin:8px 0;font-size:25px;font-weight:750}.receipt-intro p{color:#8290a4;margin:0;font-size:13px;line-height:1.6}.receipt-demo-tag{color:#3564a5;letter-spacing:.7px;white-space:nowrap;background:#edf4ff;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800}.receipt-workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.receipt-panel{background:#fff;border:1px solid #e5ebf3;border-radius:14px;min-width:0;padding:24px;box-shadow:0 3px 14px #192d4907}.receipt-panel-heading{align-items:center;gap:13px;margin-bottom:23px;display:flex}.receipt-step-icon{color:#2563eb;background:#eaf1ff;border-radius:11px;flex-shrink:0;place-items:center;width:43px;height:43px;display:grid}.receipt-panel-heading h3{color:#1c2a40;margin:0 0 5px;font-size:15px}.receipt-panel-heading p{color:#8b98aa;margin:0;font-size:11px;line-height:1.5}.receipt-dropzone{cursor:pointer;background:#f9fbff;border:1.5px dashed #cbd7e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:260px;padding:20px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.receipt-dropzone:hover{background:#f3f7ff;border-color:#6394f5}.receipt-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.receipt-dropzone>strong{color:#34445b;text-align:center;font-size:13px}.receipt-dropzone>span:not(.receipt-select-button){color:#8997aa;font-size:11px}.receipt-upload-icon{color:#2563eb;background:#e8f0ff;border-radius:16px;place-items:center;width:58px;height:58px;display:grid}.receipt-select-button{color:#2858a5;background:#fff;border:1px solid #d6e2f3;border-radius:8px;justify-content:center;align-items:center;padding:10px 16px;font-size:12px;font-weight:700;display:inline-flex}.receipt-preview-image{object-fit:contain;border-radius:6px;max-width:100%;max-height:420px;display:block}.receipt-file-info{color:#66768d;background:#f5f7fb;border-radius:8px;align-items:center;gap:9px;min-width:0;margin-top:12px;padding:10px 12px;font-size:11px;display:flex}.receipt-file-info span{overflow-wrap:anywhere;flex:1}.receipt-file-info button{color:#687992;cursor:pointer;background:0 0;border:0;place-items:center;padding:5px;display:grid}.receipt-primary-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:17px;padding:14px 16px;font-size:13px;font-weight:750;transition:background .2s;display:flex}.receipt-primary-button:hover:not(:disabled){background:#1d4ed8}.receipt-primary-button:disabled{cursor:not-allowed;background:#9bb5e8}@keyframes receipt-spin{to{transform:rotate(360deg)}}.receipt-progress,.receipt-success,.receipt-error{border-radius:8px;align-items:flex-start;gap:9px;margin-top:13px;padding:11px 12px;font-size:11px;line-height:1.6;display:flex}.receipt-progress{color:#3564a5;background:#edf4ff}.receipt-success{color:#16754c;background:#eaf8ef}.receipt-error{color:#b42318;background:#fff0f0}.receipt-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.receipt-field{flex-direction:column;gap:7px;min-width:0;display:flex}.receipt-field>span{color:#627188;font-size:11px;font-weight:700}.receipt-field input{color:#25364e;background:#fff;border:1px solid #dfe6ef;border-radius:8px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:12px}.receipt-field input::placeholder{color:#a1acbb}.receipt-field input:focus{border-color:#4e83ed;box-shadow:0 0 0 3px #2563eb12}.receipt-field input:disabled{color:#98a4b5;background:#f6f8fb}.receipt-review-note{color:#66758a;background:#f6f8fc;border-radius:9px;align-items:flex-start;gap:9px;margin-top:18px;padding:12px;font-size:11px;line-height:1.6;display:flex}.receipt-raw-text{border-top:1px solid #e5eaf1;margin-top:20px;padding-top:15px}.receipt-raw-text summary{color:#34445b;cursor:pointer;font-size:12px;font-weight:700}.receipt-raw-text textarea{color:#25364e;resize:vertical;border:1px solid #dfe6ef;border-radius:8px;width:100%;margin-top:13px;padding:12px;font-size:12px;display:block}.receipt-secondary-button{color:#34445b;cursor:pointer;background:#fff;border:1px solid #dfe6ef;border-radius:8px;margin-top:10px;padding:9px 12px;font-size:12px;font-weight:600}.receipt-success{color:#187447;background:#eaf8ef;border-radius:9px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;font-size:12px;line-height:1.5;display:flex}.receipt-error{color:#b42318;background:#fff0f0;border-radius:9px;align-items:flex-start;gap:9px;margin-top:14px;padding:12px;font-size:12px;line-height:1.5;display:flex}.receipt-progress{color:#4265a5;align-items:center;gap:9px;margin-top:12px;font-size:12px;display:flex}.receipt-privacy-note{color:#7a8799;margin-top:14px;font-size:11px;line-height:1.6}.receipt-spin{animation:1s linear infinite receipt-spin}@media (width<=1100px){.receipt-workspace{grid-template-columns:1fr}}@media (width<=600px){.receipt-intro{flex-direction:column;align-items:flex-start}.receipt-intro h2{font-size:22px}.receipt-panel{padding:17px}.receipt-fields-grid{grid-template-columns:1fr}.receipt-demo-tag{font-size:10px}}.receipt-capture-area{background:#f9fbff;border:1.5px dashed #cbd7e8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:260px;padding:22px;display:flex}.receipt-upload-placeholder{text-align:center;color:#627188;flex-direction:column;align-items:center;gap:10px;display:flex}.receipt-upload-placeholder svg{color:#356edb}.receipt-upload-placeholder strong{color:#34445b;font-size:14px}.receipt-upload-placeholder span{color:#8997aa;font-size:12px}.receipt-capture-actions{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:460px;display:grid}.receipt-camera-button,.receipt-gallery-button{text-align:center;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px;font-size:12px;font-weight:750;display:flex;position:relative}.receipt-camera-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.receipt-camera-button:hover{background:#1d4ed8}.receipt-gallery-button{color:#2858a5;background:#fff;border:1px solid #d6e2f3}.receipt-gallery-button:hover{background:#f0f5ff}.receipt-camera-button input,.receipt-gallery-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.receipt-capture-area .receipt-preview-image{object-fit:contain;max-width:100%;max-height:420px}@media (width<=600px){.receipt-capture-area{padding:16px}.receipt-capture-actions{grid-template-columns:1fr}.receipt-camera-button,.receipt-gallery-button{min-height:50px;font-size:13px}}