@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--bg:#e8e4dc;--surface:#fff;--surfaceAlt:#f4f1ea;--p900:#1a3526;--p700:#2b5935;--p500:#3e7a4a;--p300:#6ea87a;--p100:#c4dfc9;--p50:#eaf2eb;--ink:#1a2920;--muted:#5a7060;--hint:#8fa897;--line:#d0ddd4;--danger:#c94040;--success:#2d8f70;--warn:#c07a2a;--max-width:1200px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;font-family:Inter,sans-serif;display:flex}.app-container{max-width:var(--max-width);background-color:var(--bg);flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative;box-shadow:0 0 20px #1a35260d}.app-bar{background-color:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:24px 32px 20px;display:flex}.app-bar-brand{color:var(--ink);letter-spacing:-.6px;font-size:22px;font-weight:800}.app-bar-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:13px;font-weight:600}.pill{background-color:var(--bg);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;padding:8px 14px;display:flex}.pill-text{font-size:13px;font-weight:700}.dot{border-radius:50%;width:8px;height:8px}.tab-bar{background-color:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:400px;margin:24px 32px 0;padding:6px;display:flex}.tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 0;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{background-color:var(--p50);border-color:var(--p100);color:var(--p700);font-weight:700}.scroll{flex:1;padding:24px 32px 60px;overflow-y:auto}.section-label{color:var(--hint);letter-spacing:1.5px;text-transform:uppercase;margin-top:24px;margin-bottom:16px;font-size:12px;font-weight:800}.desktop-grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.col-span-12{grid-column:span 12}.col-span-8{grid-column:span 8}.col-span-6{grid-column:span 6}.col-span-4{grid-column:span 4}.card{background-color:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:24px;display:flex;box-shadow:0 4px 12px #1a35260a}.card-row{align-items:center;gap:12px;margin-bottom:16px;display:flex}.card-title{color:var(--ink);flex:1;font-size:16px;font-weight:700}.icon-box{background-color:var(--p50);border:1px solid var(--p100);width:38px;height:38px;color:var(--p500);border-radius:10px;justify-content:center;align-items:center;display:flex}.badge{letter-spacing:.4px;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700}.ph-box{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:20px 0;display:flex}.ph-num{color:var(--p700);letter-spacing:-2px;font-size:72px;font-weight:900;line-height:80px}.ph-unit{color:var(--muted);margin-top:4px;font-size:14px;font-weight:600}.setting-name{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:700}.setting-desc{color:var(--muted);font-size:13px}.switch-wrapper{width:54px;height:32px;display:inline-block;position:relative}.switch-wrapper input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--line);border-radius:31px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:28px;height:28px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0000001a}input:checked+.switch-slider{background-color:var(--p300)}input:checked+.switch-slider:before{background-color:var(--p700);transform:translate(22px)}.threshold-section{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.threshold-label{color:var(--ink);margin-bottom:12px;font-size:14px;font-weight:600}.threshold-row{gap:12px;display:flex}.input-field{background-color:var(--bg);border:1px solid var(--line);height:48px;color:var(--ink);border-radius:12px;outline:none;flex:1;padding:0 16px;font-family:inherit;font-size:16px;font-weight:700}.input-field:focus{border-color:var(--p700)}.btn-primary{background-color:var(--p700);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:0 24px;font-family:inherit;font-size:14px;font-weight:700;transition:all .2s}.btn-primary:hover{background-color:var(--p900)}.relay-grid{gap:16px;height:100%;display:flex}.relay-card{background-color:var(--surface);border:1px solid var(--line);cursor:pointer;border-radius:18px;flex-direction:column;flex:1;padding:24px;transition:all .2s;display:flex;box-shadow:0 2px 8px #1a35260a}.relay-card:hover:not(:disabled),.relay-card.active{border-color:var(--p300);background-color:var(--p50)}.relay-icon-circle{background-color:var(--surfaceAlt);border:1px solid var(--line);width:52px;height:52px;color:var(--p700);border-radius:26px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.relay-card.active .relay-icon-circle{background-color:var(--p700);border-color:var(--p700);color:#fff}.relay-title{color:var(--ink);margin-bottom:8px;font-size:15px;font-weight:700}.relay-status-row{align-items:center;gap:8px;display:flex}.relay-status{font-size:13px;font-weight:600}.history-controls{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.filter-row{flex-direction:row;gap:12px;display:flex}.filter-chip{background-color:var(--surface);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:12px;outline:none;justify-content:center;align-items:center;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.filter-chip:hover{background-color:var(--surfaceAlt)}.filter-chip.active{background-color:var(--p50);border-color:var(--p100);color:var(--p700)}.filter-icon-btn{background-color:var(--surface);border:1px solid var(--line);width:48px;color:var(--ink);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.filter-icon-btn:hover{background-color:var(--surfaceAlt)}.native-date{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.date-pill{background-color:var(--p50);border:1px solid var(--p100);color:var(--p700);border-radius:10px;flex-direction:row;align-items:center;gap:10px;padding:10px 18px;font-size:14px;font-weight:700;display:flex}.table-card{padding:0;overflow:hidden}.table-header{align-items:center;padding:24px 32px;display:flex}.table-head{background-color:var(--bg);border-top:1px solid var(--line);padding:16px 32px;display:flex}.th{color:var(--muted);letter-spacing:.5px;text-transform:uppercase;flex:1;font-size:12px;font-weight:800}.table-row{border-top:1px solid var(--line);align-items:center;padding:20px 32px;display:flex}.table-row-alt{background-color:var(--surfaceAlt)}.td{color:var(--ink);flex:1;font-size:15px;font-weight:500}.empty-state{color:var(--line);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 0;display:flex}.empty-text{color:var(--muted);font-size:15px;font-weight:600}.btn-download{background-color:var(--p700);color:#fff;cursor:pointer;border:none;border-radius:16px;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:18px 0;font-size:16px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 10px #1a35262e}.btn-download:hover{background-color:var(--p900)}@media (max-width:900px){.col-span-8,.col-span-4,.col-span-6{grid-column:span 12}.history-controls{flex-direction:column;align-items:stretch;gap:16px}.tab-bar{max-width:100%;margin:16px 20px 0}.scroll,.app-bar{padding:20px}}