@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap";:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}body{margin:0;background-color:#eff1f0;font-family:Inter,Helvetica,sans-serif}.main-container[data-v-e44e63a8]{display:flex;flex-direction:column;min-height:100vh;width:100vw;margin:0;padding:0}.header-content-wrapper[data-v-e44e63a8],.grid-content[data-v-e44e63a8],.footer-content[data-v-e44e63a8]{max-width:1440px;margin:0 auto;padding:0 50px;box-sizing:border-box;width:100%}.app-header[data-v-e44e63a8]{background:#120f70;background:linear-gradient(18deg,#120f70,#0861c7);color:#fff;padding-top:25px;height:310px}.header-content-wrapper[data-v-e44e63a8]{display:flex;flex-direction:column}.top-row[data-v-e44e63a8]{display:flex;justify-content:space-between;align-items:flex-start}.title h1[data-v-e44e63a8]{font-size:30px;font-weight:700;margin:0}.title p[data-v-e44e63a8]{font-size:12px;font-weight:500;margin-top:-8px}.navigation[data-v-e44e63a8]{display:flex;align-items:center;gap:30px;background-color:#ffffff2e;border:1px solid #ffffff7a;border-radius:16px;padding:0 20px;height:40px}.nav-btn[data-v-e44e63a8]{background:none;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.date-display[data-v-e44e63a8]{font-size:18px;font-weight:700}.control-panel[data-v-e44e63a8]{width:100%;height:80px;background-color:#ffffff2e;border:1px solid #ffffff7a;border-radius:20px;-webkit-backdrop-filter:blur(7.2px);backdrop-filter:blur(7.2px);display:flex;align-items:center;justify-content:space-between;position:relative;margin-top:20px;padding:0 25px;box-sizing:border-box}.input-wrapper[data-v-e44e63a8]{display:flex;align-items:center;gap:25px}.input-group[data-v-e44e63a8]{display:flex;flex-direction:column}.input-group label[data-v-e44e63a8]{font-size:12px;margin-bottom:2px}.input-group input[type=number][data-v-e44e63a8]{width:180px;height:28px;border-radius:6px;border:none;background-color:#fff;padding:0 8px;font-size:10px}.separator-line[data-v-e44e63a8]{height:50px;width:1px;background-color:#fff}.file-input-container[data-v-e44e63a8]{width:232px;height:28px;border-radius:6px;background-color:#fff;display:flex;align-items:center}.file-btn[data-v-e44e63a8]{display:flex;align-items:center;justify-content:center;background-color:#2f77d9;height:20px;width:80px;border-radius:6px;margin-left:4px;cursor:pointer;color:#fff;font-size:8px}.freken[data-v-e44e63a8]{font-size:10px;margin-left:4px}.icon-add[data-v-e44e63a8]{flex-shrink:0}input[type=file][data-v-e44e63a8]{display:none}.file-name-display[data-v-e44e63a8]{color:#000;font-size:9px;font-style:italic;margin-left:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analyze-btn[data-v-e44e63a8]{width:140px;height:40px;background-color:#b1ff31;border-radius:16px;border:none;box-shadow:4px 4px 4px #0009;font-size:20px;font-weight:700;color:#000;cursor:pointer;flex-shrink:0;transition:transform .1s ease,box-shadow .1s ease}.analyze-btn[data-v-e44e63a8]:active{transform:translateY(2px);box-shadow:inset 2px 2px 4px #707070aa,2px 2px 2px #0006}.results-area[data-v-e44e63a8]{flex:1;background-color:#eff1f0;position:relative}.grid-content[data-v-e44e63a8]{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 25px;position:relative;z-index:1;top:-80px}.card[data-v-e44e63a8]{background-color:#fff;color:#0a377b;border-radius:20px;box-shadow:6px 8px 8px #0006;height:350px;display:flex;flex-direction:column;position:relative}.card-body-placeholder[data-v-e44e63a8]{flex-grow:1;display:grid;place-items:center;font-size:12px;font-style:italic;color:#00000080}.card-body-image[data-v-e44e63a8]{flex-grow:1;padding:1rem;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-body-image img[data-v-e44e63a8]{width:100%;height:100%;object-fit:contain}.card-footer-title[data-v-e44e63a8]{padding:.5rem 1rem;text-align:center;font-size:10px;font-style:italic;color:#00000080;border-top:1px solid #eee}.csv-card-body[data-v-e44e63a8]{padding:24px 14px;height:100%;box-sizing:border-box;display:flex;flex-direction:column}.csv-list[data-v-e44e63a8]{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:10px}.csv-list li[data-v-e44e63a8]{height:34px;display:flex;align-items:center;padding-left:25px;font-size:14px;font-weight:500;background-color:#d9d9d961;cursor:pointer}.csv-list li.selected[data-v-e44e63a8]{background-color:#d9d9d9}.download-btn-csv[data-v-e44e63a8]{background-color:#2f77d9;border-radius:6px;width:88px;height:26px;border:none;color:#fff;font-size:12px;text-align:center;font-weight:700;cursor:pointer;align-self:flex-end;margin-top:auto;display:flex;align-items:center;justify-content:center;gap:10px}.download-icon[data-v-e44e63a8]{position:absolute;top:12px;right:16px;z-index:10;background:none;border:none;cursor:pointer}.app-footer[data-v-e44e63a8]{background:#120f70;background:linear-gradient(18deg,#120f70,#0861c7);color:#fff}.footer-content[data-v-e44e63a8]{height:50px;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:500}.notification-box[data-v-e44e63a8]{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;border-radius:12px;padding:14px 18px;box-shadow:0 6px 12px #0000000f;max-width:420px;font-size:11px;font-family:Inter,sans-serif;gap:12px;transition:opacity .4s ease,transform .4s ease;opacity:1;transform:translate(0);z-index:1}.notification-content[data-v-e44e63a8]{display:flex;flex-direction:column}.notification-header[data-v-e44e63a8]{font-weight:700;font-size:13px;margin:0 0 4px;padding:0}.notification-box[style*="display: none"][data-v-e44e63a8]{opacity:0;transform:translate(100px)}.notification-box.success[data-v-e44e63a8]{background-color:#eaf2ff;border:1px solid #c3dafe;color:#1e3a8a}.notification-box.warning[data-v-e44e63a8]{background-color:#fff8e1;border:1px solid #f6e05e;color:#975a16}.notification-box.danger[data-v-e44e63a8]{background-color:#fff5f5;border:1px solid #F56565;color:#c53030}.notification-box.analysis-success[data-v-e44e63a8]{background-color:#f0fff4;border:1px solid #9AE6B4;color:#276749}.info-icon[data-v-e44e63a8],.error-icon[data-v-e44e63a8],.analysis-icon[data-v-e44e63a8],.warning-icon[data-v-e44e63a8]{width:32px;height:32px;flex-shrink:0}.loader-wrapper[data-v-e44e63a8]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;position:relative;z-index:5}.loader[data-v-e44e63a8]{width:180px;height:20px;border-radius:20px;color:#3182ce;border:2px solid;position:relative}.loader[data-v-e44e63a8]:before{content:"";position:absolute;margin:2px;top:0;right:100%;bottom:0;left:0;border-radius:inherit;background:currentColor;animation:l6-e44e63a8 2s infinite}@keyframes l6-e44e63a8{to{top:0;right:0;bottom:0;left:0}}.loader-text[data-v-e44e63a8]{margin-top:8px;font-size:12px;color:#000;font-weight:700}.background-waves[data-v-e44e63a8]{position:absolute;bottom:0;left:0;width:100%;height:auto;z-index:0;pointer-events:none;opacity:.3}.background-waves path[data-v-e44e63a8]{animation:wave-animation-e44e63a8 5s ease-in-out infinite alternate}@keyframes wave-animation-e44e63a8{0%{transform:translateY(0)}to{transform:translateY(20px)}}.modal-overlay[data-v-c0e4ac0d]{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000004d;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content[data-v-c0e4ac0d]{background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:500px;padding:30px 25px;position:relative;box-shadow:0 8px 16px #00000026}.close-btn[data-v-c0e4ac0d]{position:absolute;right:12px;top:12px;background:none;border:none;font-size:20px;cursor:pointer}.modal-title[data-v-c0e4ac0d]{font-weight:700;font-size:20px;margin-bottom:12px}.modal-body[data-v-c0e4ac0d]{font-size:12px;text-align:justify;line-height:1.6;max-height:408px;overflow-y:auto;padding-right:10px}.panduan[data-v-c0e4ac0d],.tentang[data-v-c0e4ac0d]{text-align:center}html,body{margin:0;padding:0;box-sizing:border-box;width:100%}#app{width:100%;height:100%;padding:0!important;margin:0 auto;box-sizing:border-box}