.farm{position:relative;margin:26px 0 25px;border:1px solid #c1d7ff22;border-radius:28px;overflow:hidden;background:linear-gradient(150deg,#182438c2,#0d1421e8);box-shadow:inset 0 1px 0 #ffffff23,0 14px 38px #0002}
.farm-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 18px 0}.farm-kicker{font-size:9px;letter-spacing:.16em;color:#96abc9;display:block;margin-bottom:3px}.farm-head h2{font-size:21px;font-weight:580;letter-spacing:-.04em}.farm-count{font-size:12px;color:#acc0dc;font-variant-numeric:tabular-nums;margin-left:6px;font-weight:400}.farm-add{display:flex;gap:5px;align-items:center;padding:9px 12px;min-height:43px;font-size:11px;white-space:nowrap}.farm-add svg{width:15px;height:15px}.farm-meta{display:flex;justify-content:space-between;gap:10px;padding:11px 18px 15px;color:#8fa7c7;font-size:10px}.farm-meta>span:first-child{display:flex;align-items:center;gap:6px;color:#b8cce8}.farm-status-line{height:2px;background:#ffffff09;margin-inline:18px;overflow:hidden;border-radius:5px}.farm-status-line i{display:block;height:100%;background:linear-gradient(90deg,#7794bd,#bddcff);transition:width 500ms var(--ease-out)}
.farm-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#b9d5ff2a transparent;padding:13px 16px 7px;scroll-padding-inline:16px;-webkit-overflow-scrolling:touch}.farm-deck{width:506px;min-width:100%;padding:0 0 5px}.farm-row-label{display:flex;justify-content:space-between;font-size:8px;color:#7d92b0;letter-spacing:.12em;margin:1px 3px 11px}.farm-rack{position:relative;display:grid;grid-template-columns:repeat(10,44px);gap:7px;isolation:isolate;padding:0 0 19px;margin-bottom:10px}.farm-rack:before{content:'';position:absolute;left:-5px;right:-5px;bottom:28px;height:18px;z-index:-1;border-radius:5px;background:linear-gradient(180deg,#66788d40,#26374e 32%,#0b111e 80%);border-top:1px solid #c8dfff40;box-shadow:0 8px 12px #0005,0 1px 0 #cadfff0c;transform:skewX(-7deg)}
.rack-slot{position:relative;border:0;background:none;padding:0;width:44px;min-height:95px;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;color:#99afcd;isolation:isolate;transition:scale 260ms var(--spring)}.rack-slot:focus-visible{outline-offset:2px;border-radius:9px}.rack-phone{position:relative;display:block;width:32px;height:63px;margin-bottom:12px;border:1px solid #a9bfd680;border-radius:7px;background:linear-gradient(100deg,#92a7bd50,#132135 14%,#0c1423 84%,#647b975e);box-shadow:inset 1px 0 0 #ffffff32,3px 3px 6px #0007;transform:perspective(150px) rotateY(-13deg) rotateX(3deg);transition:transform 440ms var(--spring),border-color .3s,box-shadow .3s;transform-origin:50% 90%}.rack-screen{position:absolute;inset:4px 3px 5px;border-radius:4px;background:linear-gradient(155deg,#26364c,#101a2a);overflow:hidden}.rack-screen:before{content:'';position:absolute;left:37%;right:37%;top:2px;height:2px;border-radius:2px;background:#070d18;z-index:1}.rack-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff14 26%,transparent 66%)}.rack-phone.lit .rack-screen{background:radial-gradient(ellipse at 10% 20%,#a2bee38c,transparent 65%),linear-gradient(155deg,#799ac4,#444867 62%,#18304e)}.rack-phone.running .rack-screen{background:radial-gradient(ellipse at 10% 20%,#b4d4ff87,transparent 60%),linear-gradient(160deg,#648db7,#384565 64%,#142743)}.rack-phone.offline{opacity:.48}.rack-phone.pending{opacity:.68;border-style:dashed}.rack-slot.active .rack-phone{transform:perspective(150px) rotateY(-4deg) translateY(-5px);border-color:#d3e8ff;box-shadow:inset 1px 0 0 #ffffff68,0 0 0 3px #b6d5ff12,0 8px 14px #0005}.rack-number{font-size:8px;line-height:10px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#8298b7}.rack-slot.active .rack-number{color:#d7eaff}.rack-led{position:absolute;bottom:17px;left:20px;width:4px;height:4px;border-radius:50%;background:#7291b7;box-shadow:0 0 6px #aacfff25}.rack-led.online{background:#9bcdbd}.rack-led.running{background:#b6d6ff;box-shadow:0 0 7px #9ac6ff66}.rack-led.offline{background:#b48a97}.rack-slot.empty .rack-phone{background:linear-gradient(150deg,#c6dcff06,#ffffff01);border:1px dashed #a9c8f62c;box-shadow:none;display:grid;place-items:center;transform:none;margin-bottom:12px;opacity:.65}.rack-slot.empty .rack-phone svg{width:14px;height:14px;color:#8ba5c8}.rack-slot:hover .rack-phone{border-color:#d1e5ff9c}.rack-slot.empty:hover .rack-phone{background:#bbd7ff0b;opacity:1;transform:translateY(-3px)}
.farm-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 18px 16px;border-top:1px solid #ffffff09;color:#8fa6c6;font-size:10px}.farm-footer strong{color:#bdcee6;font-weight:450}.farm-footer svg{width:13px;height:13px;vertical-align:-3px;margin-left:4px}.farm-new{animation:phone-dock 550ms var(--spring)}@keyframes phone-dock{from{opacity:0;translate:0 -14px;scale:.88}to{opacity:1;translate:0 0;scale:1}}
.farm-form-error{color:#efb5c7;font-size:12px;margin:8px 0 15px;line-height:1.5}.farm-slot-hint{font-size:12px;color:#a4badb;line-height:1.7;margin-top:8px}.farm-location{font-size:11px;color:#9fbada;margin-top:8px}.farm-location b{font-weight:500;color:#c5daf9}.farm-device-heading{margin-top:29px;margin-bottom:0}.farm-device-heading h2{font-size:18px}.farm-device-heading+ .search{margin-top:15px}
@media(min-width:700px){.farm-scroll{scrollbar-width:thin}}@media(max-width:360px){.farm-head{padding-inline:14px}.farm-head h2{font-size:19px}.farm-add{font-size:10px;padding-inline:10px}.farm-meta,.farm-footer{padding-inline:14px;font-size:9px}.farm-count{font-size:11px}}@media(prefers-reduced-motion:reduce){.farm-new{animation:none}.rack-phone{transition:none}.rack-slot.empty:hover .rack-phone{transform:none}}