:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#eef1f6,#dfe4ec);color:#1d2530;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.page{margin:0 auto;max-width:680px;padding:24px 16px 48px}header{margin-bottom:18px}.eyebrow{color:#5d6b7a;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px}h1{font:700 1.6rem/1.2 Georgia,Times New Roman,serif;margin:0 0 4px}.sub{color:#5d6b7a;font-size:.84rem;margin:0}.card{background:#fff;border:1px solid #d6dce5;border-radius:16px;box-shadow:0 14px 34px -22px #1e2c428c;margin-bottom:14px;padding:18px}.controls{display:grid;gap:12px}label{color:#5d6b7a;display:grid;font-size:.74rem;font-weight:700;gap:5px}input{border:1px solid #cfd7e2;border-radius:10px;font:inherit;padding:11px;width:100%}input:focus{border-color:#3f6ea8;box-shadow:0 0 0 3px #3f6ea82e;outline:none}button{background:#3f6ea8;border:0;border-radius:10px;color:#fff;font:inherit;font-weight:800;padding:13px}button:disabled{background:#9aa8ba}.row{align-items:baseline;border-bottom:1px solid #eef1f5;display:flex;justify-content:space-between;padding:9px 0}.row:last-of-type{border-bottom:0}.big{font:700 1.9rem/1.1 Georgia,Times New Roman,serif;color:#22303f}.muted{color:#5d6b7a;font-size:.82rem}.fresh{background:#fff7e8;border:1px solid #f0d9a8;border-radius:10px;color:#7a5a1e;font-size:.8rem;margin:12px 0 0;padding:10px}.error{background:#fbeae6;border:1px solid #e9c3b8;border-radius:10px;color:#a1412d;font-size:.84rem;margin:0 0 14px;padding:11px}.device{border-top:1px solid #eef1f5;display:grid;gap:3px;padding:10px 0}.device:first-of-type{border-top:0}.device strong{font-size:.9rem}.head-row{align-items:flex-start;display:flex;justify-content:space-between}.ghost{background:transparent;border:1px solid #c3ccd9;color:#3f4b5a;font-weight:700;padding:9px 14px}.hour{align-items:center;display:grid;gap:10px;grid-template-columns:64px 1fr auto;padding:6px 0}.hour-label{color:#5d6b7a;font-size:.78rem;font-variant-numeric:tabular-nums}.hour-bar{background:#eef1f5;border-radius:999px;height:8px;overflow:hidden}.hour-bar span{background:linear-gradient(90deg,#6d9bd8,#3f6ea8);display:block;height:100%}.hour-value{font-size:.8rem;font-variant-numeric:tabular-nums}.orders{display:grid}.orders-head,.orders-row{display:grid;gap:10px;grid-template-columns:1fr 1fr 1fr;padding:8px 0}.orders-head{border-bottom:1px solid #dfe4ea;color:#5d6b7a;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.orders-row{border-bottom:1px solid #f1f4f8;font-size:.86rem}.orders-row:last-child{border-bottom:0}.orders-row span:last-child,.orders-row span:nth-child(2){text-align:right}.period-tabs{display:flex;gap:6px}.range{display:grid;gap:12px;grid-template-columns:1fr 1fr}.tab{background:#eef1f6;border:1px solid #d6dce5;color:#46536a;flex:1;font-weight:700;padding:10px}.tab.active{background:#3f6ea8;border-color:#3f6ea8;color:#fff}.period-label{color:#22303f;font:700 1rem/1.3 Georgia,Times New Roman,serif;margin:0 0 8px}.top-item{align-items:center;border-bottom:1px solid #f1f4f8;display:grid;gap:10px;grid-template-columns:22px 1fr auto auto;padding:9px 0}.top-item:last-child{border-bottom:0}.top-item .rank{color:#8795a4;font-size:.8rem;font-variant-numeric:tabular-nums}.top-item .top-name{font-size:.9rem;font-weight:600}.top-item span:last-child{font-variant-numeric:tabular-nums}