:root{--ink:#10231e;--muted:#6a7c76;--green:#17664e;--mint:#a4e0c3;--cream:#f2f5f0;--red:#dc5e50}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Manrope,sans-serif;background:var(--cream)}button,a{font:inherit}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);border-bottom:1px solid #10231e17;background:#ffffffa8;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand img{width:42px;height:42px;object-fit:cover;border-radius:11px;box-shadow:0 3px 12px #10231e1c}.brand>span{display:grid}.brand b{font-size:14px;letter-spacing:-.03em}.brand small{color:var(--green);font:500 8px 'DM Mono',monospace;letter-spacing:.18em}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font:500 10px 'DM Mono',monospace;text-transform:uppercase}.connection i{width:7px;height:7px;border-radius:50%;background:#d29b55;box-shadow:0 0 0 5px #d29b5517}.connection.online i{background:#56b986;box-shadow:0 0 0 5px #56b98617}.connection.offline i{background:var(--red)}.open-board{display:flex;gap:18px;padding:10px 15px;border-radius:10px;color:#fff;text-decoration:none;background:var(--green);font-size:11px;font-weight:700}main{max-width:1240px;margin:auto;padding:70px clamp(22px,5vw,65px) 100px}.welcome{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center;margin-bottom:65px}.eyebrow,.section-label{color:var(--green);font:500 9px 'DM Mono',monospace;letter-spacing:.15em;text-transform:uppercase}.welcome h1{max-width:690px;margin:15px 0 20px;font-size:clamp(46px,5.2vw,73px);line-height:1;letter-spacing:-.065em}.welcome>div>p:last-child{max-width:620px;color:var(--muted);font-size:15px;line-height:1.7}.pulse-card{position:relative;min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;border:1px solid #10231e13;border-radius:25px;background:#fff;box-shadow:0 25px 60px #193a2f10;text-align:center;overflow:hidden}.pulse-rings{position:relative;width:67px;height:67px;margin-bottom:20px}.pulse-rings i{position:absolute;inset:0;border:1px solid #5abc8b55;border-radius:50%;animation:pulse 2.4s ease-out infinite}.pulse-rings i:nth-child(2){animation-delay:.8s}.pulse-rings span{position:absolute;inset:23px;border-radius:50%;background:#54ba86;box-shadow:0 0 18px #54ba8690}.pulse-card.urgent .pulse-rings span{background:var(--red);box-shadow:0 0 18px #dc5e5080}.pulse-card p{margin:0 0 7px;color:var(--muted);font:400 8px 'DM Mono',monospace;text-transform:uppercase}.pulse-card strong{font-size:18px}.pulse-card small{margin-top:7px;color:#8a9a95;font-size:10px}@keyframes pulse{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.5);opacity:0}}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.latest-card,.summary-card{border:1px solid #10231e15;border-radius:21px;background:#fff}.latest-card{min-height:370px;display:flex;flex-direction:column;padding:28px;transition:.25s}.latest-card.urgent{border-color:#dc5e5060;box-shadow:0 18px 55px #dc5e5015}.latest-card>header{display:flex;align-items:start;justify-content:space-between}.latest-card>header>div{display:flex;align-items:center;gap:10px}.level{padding:5px 8px;border-radius:12px;color:#587269;background:#e8f1ec;font:500 8px 'DM Mono',monospace}.urgent .level{color:#ae4137;background:#fae8e4}.latest-card time{color:#879791;font:400 10px 'DM Mono',monospace}.latest-content{position:relative;display:flex;align-items:center;flex:1;padding:20px 34px}.quote{position:absolute;top:24px;left:0;color:#cce7da;font:700 54px Georgia,serif}.latest-content h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.25;letter-spacing:-.045em}.latest-card.empty .latest-content h2{color:#8fa09a;font-weight:500}.latest-card>footer{display:flex;align-items:center;justify-content:space-between;padding-top:19px;border-top:1px solid #10231e12;color:#82938d;font-size:9px}.latest-card button,.history-section button{padding:9px 13px;border:0;border-radius:9px;color:#fff;background:var(--green);font-size:10px;font-weight:700;cursor:pointer}.latest-card button:disabled{color:#98a69f;background:#ecf0ed;cursor:default}.summary-card{padding:27px}.summary-card>.section-label{display:block;margin-bottom:25px}.summary-stat{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid #10231e10;color:var(--muted);font-size:11px}.summary-stat strong{color:var(--ink);font-size:30px}.urgent-stat strong{color:var(--red)}.device-row{display:flex;align-items:center;gap:11px;margin-top:22px}.device-row>i{width:9px;height:9px;border-radius:50%;background:#57ba87;box-shadow:0 0 0 5px #57ba8714}.device-row>i.beacon-dot{background:#47bceb}.device-row div{display:grid;gap:3px}.device-row strong{font-size:10px}.device-row span{color:var(--muted);font-size:9px}.history-section{margin-top:70px}.history-section>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.history-section h2{margin:8px 0 0;font-size:29px;letter-spacing:-.04em}.history-section button{color:var(--muted);background:#e7ece8}.history{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:40px 1fr auto 20px;align-items:center;gap:14px;padding:16px 18px;border:1px solid #10231e12;border-radius:14px;background:#fff;animation:arrive .35s ease-out}.history-item.urgent{border-left:3px solid var(--red)}.history-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;color:var(--green);background:#e5f1eb;font-size:17px;font-weight:800}.urgent .history-icon{color:#b94137;background:#fae7e4}.history-item>div{display:grid;gap:4px}.history-item strong{font-size:12px}.history-item div span,.history-item time{color:var(--muted);font-size:9px}.history-item>i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:#dfe6e2;font-size:9px;font-style:normal}.history-item>i.seen{background:#55b985}.history-empty{display:grid;place-items:center;padding:60px;border:1px dashed #10231e2b;border-radius:17px;color:#82948d;text-align:center}.history-empty span{font-size:25px;letter-spacing:5px}.history-empty strong{margin-top:7px;color:#5d716a;font-size:12px}.history-empty p{margin:6px 0;font-size:10px}@keyframes arrive{from{opacity:.2;transform:translateY(-8px)}}.urgent-banner{position:fixed;z-index:30;right:25px;bottom:25px;width:min(430px,calc(100vw - 50px));display:grid;grid-template-columns:1fr auto;gap:9px;padding:19px;border:1px solid #e8877d;border-radius:17px;color:#fff;background:#a83f36;box-shadow:0 24px 60px #671f1f55;transform:translateY(140%);transition:.4s cubic-bezier(.16,1,.3,1)}.urgent-banner.show{transform:translateY(0)}.urgent-banner>span{display:flex;align-items:center;gap:8px;color:#ffd6d1;font:500 9px 'DM Mono',monospace;text-transform:uppercase}.urgent-banner>span i{width:7px;height:7px;border-radius:50%;background:#ffb0a6;box-shadow:0 0 10px #ffb0a6}.urgent-banner strong{grid-column:1;font-size:16px}.urgent-banner button{grid-column:2;grid-row:1/3;padding:9px 12px;border:1px solid #ffffff40;border-radius:8px;color:#fff;background:#ffffff12;cursor:pointer}@media(max-width:800px){.topbar{padding:0 12px}.brand>span{display:none}.open-board{font-size:0}.open-board span{font-size:14px}.welcome{grid-template-columns:1fr;gap:35px}.dashboard-grid{grid-template-columns:1fr}.welcome h1{font-size:48px}main{padding-top:45px}.latest-content{padding:20px}.latest-content h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}