@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,900;1,700&family=Barlow:wght@300;400;500&family=DM+Mono:wght@400&display=swap";:root{--bg:#fff;--surface:#fff;--accent:#18453b;--accent-light:#d4ece7;--accent-dark:#0f3028;--gold:#4db896;--gold-light:#e8f4f1;--text:#0d1f1a;--muted:#4a6860;--border:#c0d8d4;--shadow:#0d1f1a14;--radius:12px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Barlow,sans-serif;overflow-x:hidden}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-family:Barlow,sans-serif;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 12px #18453b4d}.btn-ghost{color:var(--muted);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text);border-color:#bbb}.btn-danger{color:#fff;background:#c0392b}.btn-danger:hover{background:#a93226}.btn-sm{padding:6px 14px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.field{flex-direction:column;gap:4px;display:flex}.field label{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10px;font-weight:500}input,select{border:1.5px solid var(--border);height:42px;color:var(--text);background:var(--bg);box-sizing:border-box;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:Barlow,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}input[type=date]{appearance:none;height:42px;min-height:42px;padding:9px 12px;line-height:normal}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234a6860' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #18453b14}textarea{resize:vertical;border:1.5px solid var(--border);min-height:72px;color:var(--text);background:var(--bg);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:Barlow,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #18453b14}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 12px var(--shadow)}.dist-badge{background:var(--accent-light);color:var(--accent);border-radius:20px;padding:3px 9px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:inline-block}.dist-badge.marathon{color:#6c3ac1;background:#f0e8ff}.dist-badge.half{color:#1a6baf;background:#e8f4ff}.dist-badge.ten{color:#1a7a40;background:#e8fff0}.dist-badge.five{color:#8a6000;background:#fff8e8}.pr-badge{color:#fff;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#b8860b,#daa520);border-radius:10px;padding:2px 6px;font-family:DM Mono,monospace;font-size:9px;font-weight:600}.modal-overlay{z-index:200;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-width:560px;max-height:90vh;padding:28px 32px;animation:.2s popIn;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes popIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal h3{margin-bottom:4px;font-family:Barlow Condensed,serif;font-size:20px}.modal-sub{color:var(--muted);margin-bottom:20px;font-size:13px}.modal-btns{gap:10px;margin-top:20px;display:flex}.toast{z-index:400;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:22px;right:22px}.toast-item{background:var(--text);color:#fff;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;animation:.25s slideUp;display:flex;box-shadow:0 6px 20px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;color:var(--muted);padding:50px 20px}.empty-state .icon{margin-bottom:12px;font-size:44px}.empty-state p{font-size:15px}.empty-state small{color:#aaa;font-size:12px}.table-wrap{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 2px 12px var(--shadow);overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:var(--text);color:#fff}th{text-align:left;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 14px;font-family:DM Mono,monospace;font-size:10px}th:hover{background:#2d2d2d}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#faf9f7}td{vertical-align:middle;padding:12px 14px}.icon-btn{border:1px solid var(--border);background:var(--bg);cursor:pointer;width:28px;height:28px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:inline-flex}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn.del:hover{color:#18453b;background:#fff5f5;border-color:#18453b}.form-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}@media (width<=600px){.col-span-2,.col-span-3{grid-column:span 1}.modal{padding:20px}}.site-header{color:#fff;background:#18453b;padding:24px 40px 20px;position:relative;overflow:hidden}.site-header-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;max-width:1200px;margin:0 auto;display:flex;position:relative}.site-strip{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#18453b;overflow-x:auto}.site-strip::-webkit-scrollbar{display:none}.site-strip-inner{flex-wrap:nowrap;max-width:1200px;margin:0 auto;display:flex}.site-stat-pill{text-align:center;white-space:nowrap;border-right:1px solid #ffffff26;flex:1;min-width:100px;padding:10px 14px}.site-user-email{color:#a8d5c8;font-family:DM Mono,monospace;font-size:11px}.site-main{max-width:1200px;margin:0 auto;padding:28px 20px 60px}.charts-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.charts-grid-full{grid-column:span 2}.chart-wrap{height:260px;position:relative;overflow:hidden}.chart-wrap canvas{max-width:100%}.log-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.log-filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=768px){.site-header{padding:14px 16px}.site-stat-pill{min-width:82px;padding:8px 10px}.site-user-email{display:none}.site-main{padding:16px 12px 48px}.charts-grid{grid-template-columns:1fr}.charts-grid-full{grid-column:span 1}.chart-wrap{width:100%;max-width:100%;height:200px;max-height:200px;overflow:hidden}.log-filter-bar{flex-direction:column;align-items:stretch}.log-filter-controls{flex-direction:column}.log-filter-controls input,.log-filter-controls select{width:100%!important}.modal{padding:18px 16px}.form-grid{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:span 1}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}}