@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f141d;background-color:#f4f0ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 20% 10%,#f7efe2,#efe9df 40%,#e4ecf5);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;width:520px;height:520px;border-radius:50%;z-index:-1;filter:blur(0);opacity:.45}body:before{top:-120px;right:-160px;background:radial-gradient(circle,rgba(45,130,148,.35),transparent 60%)}body:after{bottom:-180px;left:-140px;background:radial-gradient(circle,rgba(205,128,82,.3),transparent 62%)}a{color:inherit;text-decoration:none}.app{max-width:1180px;margin:0 auto;padding:48px 24px 96px;display:flex;flex-direction:column;gap:28px}.hero{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.7rem;color:#4b5a63;margin:0 0 10px}.hero h1{font-size:clamp(2.1rem,4.8vw,3.4rem);margin:0 0 12px;color:#0f141d}.subtitle{margin:0;max-width:560px;color:#32404f}.hero-card{background:#ffffffd9;border-radius:20px;padding:18px 20px;border:1px solid rgba(191,200,213,.7);box-shadow:0 16px 32px #101c281a;max-width:280px}.panel{background:#ffffffd1;border-radius:22px;padding:26px;box-shadow:0 20px 40px #1b24321a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panel-header{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid #d0d6e2;background:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.icon-button svg{width:18px;height:18px;fill:#0f1a22}.icon-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 16px #0f1a221f}.icon-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.stats-capture{display:grid;gap:14px}.panel h2{margin:0;font-size:1.3rem}.inline-field{display:flex;align-items:center;gap:12px;font-size:.9rem}.inline-field input{border-radius:12px;border:1px solid #d0d6e2;padding:8px 12px;min-width:240px;background:#fff;font-family:JetBrains Mono,Segoe UI,monospace;font-size:.85rem}.primary,.ghost{border:none;border-radius:999px;padding:12px 20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary{background:#0f1a22;color:#f7f3ee;box-shadow:0 12px 24px #0f1a2233}.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.ghost{background:transparent;color:#0f1a22;border:1px solid #c6ced9}.primary:hover:not(:disabled),.ghost:hover{transform:translateY(-1px)}.upload-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.upload-card{position:relative;border:1px dashed #c3cbd8;background:#f7f5f1;padding:16px;border-radius:18px;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.upload-card.ready{border-color:#d9d2c6;box-shadow:0 16px 32px #f4f1eca6;background:#f9f6f0}.upload-card.dragging{border-color:#d9d2c6;background:#f7f2ea;box-shadow:0 16px 32px #f4f1eca6}.upload-card:hover{transform:translateY(-2px)}.upload-card input{display:none}.upload-title{font-weight:600;font-size:1rem}.upload-sub{font-size:.85rem;color:#526272}.upload-file{font-size:.85rem;color:#2f3f4d;font-family:JetBrains Mono,Segoe UI,monospace}.upload-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;padding:8px 14px;border-radius:999px;border:1px solid #c8cfda;background:#fff;font-weight:600;font-size:.85rem;align-self:flex-start}.action-grid{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.toggle-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-start;margin-bottom:16px}.toggle{align-self:flex-start}.toggle-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .35s ease,opacity .25s ease}.toggle-panel.open{opacity:1;grid-template-rows:1fr}.panel-body{overflow:hidden}.output-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-card{border-radius:16px;padding:16px;background:#f4f1ec;border:1px solid #e0e5ee;display:flex;flex-direction:column;gap:6px}.stat-label{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#6a7286}.stat-value{margin:0;font-size:1.6rem;font-weight:700;color:#0f141d}.stat-note{margin:0;font-size:.85rem;color:#586179}.output-panel{padding-bottom:28px}.output-stack{display:flex;flex-direction:column;gap:16px}.table-card{background:#fbfaf8;border-radius:18px;border:1px solid #e1e6ef;padding:16px;display:flex;flex-direction:column;gap:10px}.table-header{display:flex;justify-content:space-between;align-items:flex-start;margin-top:-4px}.table-header h3{margin:0;text-align:left}.table-header .meta{margin:0}.panel-header h3{margin:0;text-align:left}.header-stack{display:grid;gap:4px}.table-scroll{max-height:320px;overflow:auto}.table-scroll table{width:100%;border-collapse:collapse;font-size:.85rem}.table-scroll th,.table-scroll td{text-align:left;padding:10px 12px;border-bottom:1px solid #e4e7ef;vertical-align:top}.table-scroll th{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#5a6378}.mini-table{margin-top:14px}.list-grid{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #d0d6e2;font-size:.85rem}.email-draft{display:flex;flex-direction:column;gap:14px}.email-subject{margin:6px 0 0;font-weight:600}.email-draft textarea{width:100%;border-radius:12px;border:1px solid #d0d6e2;padding:12px;font-family:JetBrains Mono,Segoe UI,monospace;font-size:.85rem;resize:vertical;background:#fff}.log-panel{padding-bottom:20px}.log-entries{max-height:260px;overflow:auto;border:1px solid #e2e5ee;border-radius:12px;background:#fbfaf8;padding:12px 14px;font-size:.85rem;color:#2a3241}.log-entries ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.log-entries li{display:flex;gap:10px;align-items:baseline}.log-entries li.error .log-msg{color:#b42318;font-weight:600}.log-entries li.error .log-time{color:#b42318}.log-time{font-variant-numeric:tabular-nums;color:#6b7285;min-width:170px}.log-msg{color:#2a3241}.help-fab-wrap{position:fixed;left:20px;bottom:20px;display:flex;align-items:center;gap:12px;z-index:70}.help-fab{width:52px;height:52px;border-radius:50%;border:none;background:#111318;color:#f7f3ee;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 16px 30px #11131840;transition:transform .2s ease,box-shadow .2s ease}.help-fab-label{background:#fff;color:#111318;border:1px solid #d7dbe6;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:600;box-shadow:0 12px 24px #1f27361f;opacity:0;transform:translate(-8px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;white-space:nowrap}.help-fab-wrap.open .help-fab-label{opacity:1;transform:translate(0);animation:helpLabelIn .4s ease}.help-fab:hover{transform:translateY(-2px);box-shadow:0 20px 40px #11131847}.help-overlay{position:fixed;inset:0;background:#f5f3ef61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60}.help-overlay.compact{overflow-y:auto;padding:72px 16px 24px}.help-close{position:fixed;top:20px;right:20px;z-index:65}.help-spot{position:fixed;border-radius:16px;border:2px solid #111318;box-shadow:0 0 0 9999px #f5f3ef14;pointer-events:none}.help-item{position:relative;z-index:61}.help-list{display:flex;flex-direction:column;gap:12px;width:min(420px,100%);margin:0 auto}.help-card{position:fixed;width:280px;background:#fff;border-radius:16px;padding:16px;border:1px solid #e1e4ee;box-shadow:0 16px 30px #1f27361f;z-index:61}.help-card-compact{position:static;width:100%}.help-card h4{margin:0 0 6px;font-size:1rem;color:#111318}.help-card p{margin:0;font-size:.9rem;color:#3c4453}@keyframes helpLabelIn{0%{opacity:0;transform:translate(-10px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.chart-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:14px}.chart-card{border-radius:16px;padding:14px;background:#fff;border:1px solid #e1e6ef;display:flex;flex-direction:column;gap:10px}.wide-chart{grid-column:1 / -1}.discipline-chart{display:grid;gap:12px}.discipline-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;color:#4b5a63}.legend-dot.blue{background:#5b8def}.legend-dot.navy{background:#1f2a8a}.discipline-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(62px,1fr));gap:12px;align-items:end;min-height:220px;padding:8px 6px 0;border-bottom:1px dashed #e1e6ef}.discipline-bars-wrap{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:stretch}.discipline-axis{display:grid;grid-template-rows:repeat(5,1fr);align-items:end;justify-items:end;padding:8px 4px 0 0;min-height:220px;border-bottom:1px dashed #e1e6ef}.discipline-axis:after{content:"dagen";font-size:.7rem;color:#7b8498;margin-top:6px}.axis-tick{position:relative;width:100%}.axis-tick:after{content:"";position:absolute;right:-6px;top:50%;width:6px;height:1px;background:#d5dbe7}.axis-label{font-size:.7rem;color:#7b8498}.discipline-bar{display:grid;gap:8px;align-items:end;justify-items:center}.bar-pair{display:flex;align-items:flex-end;gap:6px;height:180px;position:relative}.bar-pair:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:100%;transform:translate(-50%,-8px);white-space:pre-line;background:#111318;color:#fff;font-size:.75rem;padding:6px 8px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:5;box-shadow:0 10px 20px #11131833}.bar-pair:before{content:"";position:absolute;left:50%;bottom:100%;transform:translate(-50%,-2px);width:8px;height:8px;background:#111318;opacity:0;transition:opacity .2s ease,transform .2s ease;clip-path:polygon(50% 100%,0 0,100% 0);z-index:4}.bar-pair:hover:after,.bar-pair:hover:before{opacity:1;transform:translate(-50%,-10px)}.bar-avg,.bar-count{width:16px;border-radius:6px 6px 0 0;display:block}.bar-avg{background:linear-gradient(180deg,#5b8def,#3a6fdc)}.bar-count{background:linear-gradient(180deg,#1f2a8a,#131a64)}.bar-label{font-size:.7rem;color:#4b5a63;text-align:center;max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-header{display:flex;justify-content:space-between;align-items:baseline}.chart-title{font-weight:600;color:#111318}.gauge{position:relative;width:100%;max-width:240px;aspect-ratio:2 / 1;margin:6px auto 0}.gauge-svg{width:100%;height:auto;display:block}.gauge-segment{fill:none;stroke-width:20;stroke-linecap:butt}.gauge-segment.red{stroke:#b42318;stroke-dasharray:35 65;stroke-dashoffset:0}.gauge-segment.orange{stroke:#f79009;stroke-dasharray:40 60;stroke-dashoffset:-35}.gauge-segment.green{stroke:#17b26a;stroke-dasharray:25 75;stroke-dashoffset:-75}.gauge-cap{fill:#2a3241}.gauge-needle{stroke:#8a8f98;stroke-width:6;stroke-linecap:round;filter:drop-shadow(0 2px 6px rgba(17,19,24,.2))}.gauge-value{position:absolute;left:50%;bottom:10px;transform:translate(-50%);font-size:1.4rem;font-weight:700;color:#111318}.gauge-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:10px;font-size:.75rem}.legend-chip{padding:4px 8px;border-radius:999px;font-weight:600;background:#f4f1ec;border:1px solid #e1e6ef}.legend-chip.red{color:#7a271a;border-color:#f2c5c1;background:#fef3f2}.legend-chip.orange{color:#7a2e0e;border-color:#fbd8b3;background:#fffaeb}.legend-chip.green{color:#05603a;border-color:#b7e4c7;background:#ecfdf3}.pie-wrap{display:grid;grid-template-columns:1fr;gap:10px;align-items:center;justify-items:center}.pie-svg{width:140px;height:140px;overflow:visible;display:block;padding:10px;position:relative;z-index:2}.pie-bg{fill:none;stroke:#17b26a;stroke-width:24;stroke-linecap:butt}.pie-slice{fill:none;stroke:#b42318;stroke-width:24;stroke-linecap:butt}.pie-legend{display:grid;gap:6px;font-size:.85rem;color:#4b5a63}.legend-row{display:inline-flex;align-items:center;gap:8px;font-weight:600}.legend-dot{width:10px;height:10px;border-radius:50%;background:#2a3241}.legend-dot.red{background:#b42318}.legend-dot.green{background:#17b26a}.chart-bars{display:flex;flex-direction:column;gap:8px;font-size:.85rem}.chart-bars.compact span{font-size:.8rem}.trend-bars{display:grid;gap:8px;font-size:.8rem}.trend-bar{display:grid;grid-template-columns:56px 1fr 32px;gap:8px;align-items:center}.trend-label{color:#4b5a63;font-variant-numeric:tabular-nums}.trend-track{height:8px;border-radius:999px;background:#f4f1ec;overflow:hidden}.trend-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#1d4ed8,#38bdf8)}.trend-value{text-align:right;font-variant-numeric:tabular-nums;color:#111318;font-weight:600}.bar{display:grid;gap:6px}.bar-track{height:8px;border-radius:999px;background:#f4f1ec;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#630d80,#baff33)}.chart-ring{display:grid;grid-template-columns:80px 1fr;gap:12px;align-items:center}.ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:#111318;position:relative;--ring-value: 0;--ring-color: #b42318;background:conic-gradient(var(--ring-color) 0% calc(var(--ring-value) * 1%),#f4f1ec 0)}.ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.ring span{position:relative;z-index:1;font-size:.9rem}.ring.red{--ring-color: #b42318}.ring.orange{--ring-color: #f79009}.ring.green{--ring-color: #17b26a}.ring-legend{display:grid;gap:6px;font-size:.85rem;color:#4b5a63}.traffic{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:#3c4453}.traffic-dot{width:10px;height:10px;border-radius:50%;background:var(--traffic-color);box-shadow:0 0 0 3px #0000000f}.traffic.red{--traffic-color: #b42318;color:#7a271a}.traffic.orange{--traffic-color: #f79009;color:#7a2e0e}.traffic.green{--traffic-color: #17b26a;color:#05603a}.chart-list{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:.85rem}.chart-list li{display:flex;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid #eef1f6}.meta{font-size:.85rem;color:#59637a}.empty{margin:0;color:#6b7285}@media(max-width:720px){.panel{padding:20px}.inline-field{width:100%}.inline-field input{min-width:0;width:100%}}