@font-face{font-family:Nasalization;src:url(/assets/nasalization-rg-MDJtql5c.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{color:#fff;background:radial-gradient(ellipse at 20% 0%,rgba(60,20,20,.4),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(20,20,60,.3),transparent 50%),#0c0c10;font-family:Nasalization,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4;font-weight:400}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}.app-shell{height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;background:#111115;padding:10px 24px;min-height:60px;border-bottom:3px solid #fe5719;flex-shrink:0;gap:24px}.top-bar-logo{height:40px;width:auto;flex-shrink:0}.top-bar-info{display:flex;align-items:center;gap:32px;flex:1;justify-content:center}.top-bar-label{font-size:clamp(1rem,2vw,1.6rem);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.status-error{color:#ff6b6b;font-size:.85rem;font-weight:700}.top-bar-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.top-bar-select{font-family:Nasalization,sans-serif;font-size:clamp(.7rem,1.2vw,.9rem);font-weight:700;color:#fff;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:4px 8px;cursor:pointer;outline:none;text-transform:uppercase;letter-spacing:.04em}.top-bar-select option{background:#1a1a2e;color:#fff}.top-bar-clock{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.top-bar-time{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:#fff;line-height:1.1}.top-bar-date{font-size:clamp(.75rem,1.2vw,1rem);font-weight:700;color:#ffffff80;line-height:1.1}.tiles-area{flex:1;min-height:0;padding:8px;position:relative;overflow:hidden}.tile-grid{display:grid;gap:8px;justify-content:center;align-content:center;width:100%;height:100%}.qr-tile{background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%),#1a1a20!important;border:2px solid rgba(255,255,255,.15);display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;padding:calc(var(--tile-size) * .05);min-height:0;width:100%;height:100%}.qr-tile-header{display:flex;align-items:center;gap:calc(var(--tile-size) * .02);white-space:nowrap}.qr-tile-header span{font-size:calc(var(--tile-size) * .08);font-weight:700;color:#fff;letter-spacing:.06em}.qr-phone-icon{width:calc(var(--tile-size) * .08);height:calc(var(--tile-size) * .08);color:#fff}.qr-tile-body{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;overflow:hidden}.qr-tile-body a{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.qr-image{display:block;max-width:100%;max-height:100%;aspect-ratio:1;object-fit:contain;border-radius:12px;background:#fff;padding:calc(var(--tile-size) * .03)}@keyframes tileDrop{0%{opacity:0;transform:translateY(-60px) scale(.95)}60%{opacity:1;transform:translateY(8px) scale(1.01)}80%{transform:translateY(-3px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}.tile-animate,.qr-tile.tile-animate{animation:tileDrop .5s ease-out both}.tile{display:grid;grid-template-rows:auto 1fr auto auto;background:linear-gradient(160deg,rgba(255,255,255,.18) 0%,transparent 40%),linear-gradient(180deg,color-mix(in srgb,var(--zone-color),white 15%),color-mix(in srgb,var(--zone-color),black 20%));border:2px solid rgba(255,255,255,.15);border-radius:12px;overflow:hidden;padding:calc(var(--tile-size) * .04);padding-bottom:0;position:relative;box-shadow:0 4px 24px #00000080,inset 0 1px #ffffff1a;width:100%;height:100%;min-height:0;min-width:0}.tile-top{display:flex;justify-content:space-between;align-items:flex-start;overflow:hidden;min-width:0}.tile-name-row{display:flex;align-items:center;gap:calc(var(--tile-size) * .03);min-width:0;overflow:hidden;flex:1}.tile-name-row h2{margin:0;font-size:calc(var(--tile-size) * .1);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;min-width:0}.avatar{width:calc(var(--tile-size) * .2);height:calc(var(--tile-size) * .2);border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.6);background:#ffffff1a;flex-shrink:0}.avatar-fallback{display:grid;place-items:center;font-weight:700;font-size:calc(var(--tile-size) * .09);color:#fff}.tile-center{display:flex;align-items:baseline;justify-content:center;gap:calc(var(--tile-size) * .01);margin:auto 0}.tile-percent{font-size:calc(var(--tile-size) * .35);line-height:.85;font-weight:700;letter-spacing:-.02em;color:#fff}.tile-percent-sign{font-size:calc(var(--tile-size) * .15);font-weight:700;color:#ffffffe6;align-self:baseline}.tile-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:calc(var(--tile-size) * .02);padding:calc(var(--tile-size) * .02) 0;overflow:hidden}.tile-bottom-left{display:flex;flex-direction:column;gap:calc(var(--tile-size) * .005)}.tile-bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--tile-size) * .005)}.tile-bottom-stat{display:flex;align-items:center;gap:calc(var(--tile-size) * .015);font-size:calc(var(--tile-size) * .1);color:#fff;font-weight:700;white-space:nowrap}.tile-bottom-stat small{font-size:.5em;color:#fffc}.tile-bottom-stat svg{flex-shrink:0;width:calc(var(--tile-size) * .08);height:calc(var(--tile-size) * .08)}.zone-bar{display:flex;height:calc(var(--tile-size) * .07);overflow:hidden;background:#0003;flex-shrink:0;border-radius:0 0 10px 10px;margin:0 calc(var(--tile-size) * -.04 - 2px);width:calc(100% + var(--tile-size) * .08 + 4px)}.zone-bar-segment{height:100%;transition:width .5s ease}.tile-inactive{background:linear-gradient(160deg,rgba(255,255,255,.08) 0%,transparent 40%),linear-gradient(180deg,#3a3a3a,#1e1e1e)!important;border-color:#ffffff14}.tile-inactive{grid-template-rows:auto auto 1fr auto auto}.tile-inactive>.tile-bottom{padding:0}.tile-recap-stats{display:flex;flex-direction:column;gap:0}.tile-recap-stats .tile-bottom{padding:0}.tile-inactive .avatar{border-color:#ffffff4d;filter:grayscale(.5)}.zone-breakdown{display:flex;flex-direction:column;gap:calc(var(--tile-size) * .008);min-height:0;padding:calc(var(--tile-size) * .01) 0;padding-left:calc(var(--tile-size) * .23)}.zone-breakdown-row{display:flex;align-items:center;gap:calc(var(--tile-size) * .015)}.zone-breakdown-bar-bg{flex:1;height:calc(var(--tile-size) * .05);background:#ffffff14;border-radius:calc(var(--tile-size) * .025);overflow:hidden}.zone-breakdown-bar-fill{height:100%;border-radius:calc(var(--tile-size) * .025);transition:width .5s ease;min-width:2px}.zone-breakdown-pct{font-size:calc(var(--tile-size) * .05);font-weight:700;color:#ffffffb3;min-width:calc(var(--tile-size) * .1);text-align:right}.pager{position:absolute;bottom:12px;right:16px;flex-shrink:0}.pager-text{font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:700;color:#fff9;letter-spacing:.06em}.empty-state{min-height:240px;border:1px dashed rgba(255,255,255,.2);border-radius:12px;display:grid;place-items:center;color:#fff9;text-align:center;padding:24px}@media(max-width:720px){.top-bar{padding:6px 12px;min-height:48px}.top-bar-logo{height:28px}.top-bar-info{gap:12px}.top-bar-label{font-size:.85rem}}