.plaud-team-app{--pt-accent:#61b8e8;--pt-soft:color-mix(in srgb,var(--text,#e9f2f7) 58%,transparent);display:grid;gap:18px;max-width:1500px;margin:0 auto;padding:14px 4px 44px;color:var(--text)}
.pt-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);align-items:center;min-height:300px;padding:42px 48px;border:1px solid color-mix(in srgb,var(--pt-accent) 18%,var(--line));border-radius:26px;overflow:hidden;background:radial-gradient(circle at 80% 28%,color-mix(in srgb,var(--pt-accent) 14%,transparent),transparent 30%),linear-gradient(135deg,color-mix(in srgb,var(--panel) 92%,#07131e),color-mix(in srgb,var(--bg) 72%,#06101b))}
.pt-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--pt-accent),transparent);opacity:.42}.pt-eyebrow,.pt-kicker{display:block;color:var(--pt-accent);font-size:10px;font-weight:850;letter-spacing:.13em}.pt-hero h1{margin:12px 0 14px;max-width:760px;font-size:clamp(34px,4.8vw,67px);line-height:.98;letter-spacing:-.045em;font-weight:560}.pt-hero h1 span{color:color-mix(in srgb,var(--pt-accent) 74%,white)}.pt-hero p{max-width:700px;margin:0;color:var(--pt-soft);font-size:14px;line-height:1.7}.pt-orbit{position:relative;justify-self:center;display:grid;place-content:center;width:min(240px,25vw);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--pt-accent) 34%,transparent);border-radius:50%;text-align:center;box-shadow:0 0 55px color-mix(in srgb,var(--pt-accent) 10%,transparent),inset 0 0 70px color-mix(in srgb,var(--pt-accent) 6%,transparent)}.pt-orbit:before,.pt-orbit:after,.pt-orbit i{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--pt-accent) 22%,transparent);border-radius:50%}.pt-orbit:before{inset:12%}.pt-orbit:after{inset:28%}.pt-orbit i:nth-child(1){inset:-7% 44%;border-radius:999px}.pt-orbit i:nth-child(2){inset:44% -7%;border-radius:999px}.pt-orbit i:nth-child(3){inset:19%;transform:rotate(45deg)}.pt-orbit strong{font-size:42px;font-weight:500}.pt-orbit span{font-size:8px;letter-spacing:.18em;color:var(--pt-soft)}
.pt-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.pt-card,.pt-fleet,.pt-boundaries article,.pt-note,.pt-empty{border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--panel) 88%,var(--bg));box-shadow:0 18px 55px rgb(0 0 0 / .08)}.pt-card{padding:24px}.pt-card-head,.pt-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.pt-card h2,.pt-section-head h2{margin:5px 0 0;font-size:22px}.pt-badge{display:inline-flex;padding:5px 9px;border:1px solid var(--line);border-radius:999px;color:var(--pt-soft);font-size:9px;font-weight:760}.pt-badge.good{color:#9fe5bb;border-color:color-mix(in srgb,#9fe5bb 35%,var(--line))}.pt-badge.warn{color:#efc989}.pt-badge.night{color:#8fc9ff;border-color:color-mix(in srgb,#8fc9ff 32%,var(--line))}
.pt-connection-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:10px;margin:22px 0}.pt-connection-grid>div{min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:13px;background:color-mix(in srgb,var(--bg) 35%,transparent)}.pt-connection-grid span,.pt-device-grid label,.pt-inline-form label{display:grid;gap:6px;color:var(--pt-soft);font-size:9px}.pt-connection-grid strong{display:block;margin:5px 0;font-size:12px}.pt-connection-grid small{display:block;overflow:hidden;color:var(--pt-soft);font-size:9px;line-height:1.5;text-overflow:ellipsis}
.pt-inline-form{display:grid;grid-template-columns:1fr 180px auto;gap:10px;align-items:end}.pt-inline-form input,.pt-inline-form select,.pt-device-grid input,.pt-device-grid select,.pt-add input,.pt-add select{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:inherit;font-size:11px}.pt-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:15px}.pt-actions a,.pt-device footer a{color:var(--pt-accent);font-size:10px}.pt-actions span{margin-left:auto;color:var(--pt-soft);font-size:9px}
.pt-primary,.pt-card button,.pt-fleet button,.pt-device button,.pt-empty button{padding:10px 13px;border:1px solid color-mix(in srgb,var(--pt-accent) 34%,var(--line));border-radius:9px;background:color-mix(in srgb,var(--pt-accent) 13%,var(--panel));color:var(--text);font:inherit;font-size:10px;font-weight:760;cursor:pointer}.pt-primary{background:var(--pt-accent);color:#07131e;border-color:transparent}.pt-primary:disabled,button:disabled{opacity:.45;cursor:not-allowed}
.pt-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:24px 0 16px}.pt-metrics div{padding:13px 9px;border-radius:12px;background:color-mix(in srgb,var(--bg) 35%,transparent);text-align:center}.pt-metrics strong{display:block;font-size:25px;font-weight:540}.pt-metrics span{font-size:8px;color:var(--pt-soft)}.pt-help{margin:0;color:var(--pt-soft);font-size:10px;line-height:1.6}
.pt-fleet{padding:26px}.pt-section-head{margin-bottom:18px}.pt-add{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0 0 18px;padding:16px;border:1px solid color-mix(in srgb,var(--pt-accent) 24%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--pt-accent) 4%,transparent)}.pt-add label{display:grid;gap:6px;color:var(--pt-soft);font-size:9px}.pt-add .pt-primary{align-self:end}.pt-device-list{display:grid;gap:10px}.pt-device{padding:18px;border:1px solid color-mix(in srgb,var(--line) 74%,transparent);border-radius:15px;background:linear-gradient(120deg,color-mix(in srgb,var(--panel) 94%,var(--bg)),color-mix(in srgb,var(--bg) 88%,var(--panel)))}.pt-device header,.pt-device footer{display:flex;justify-content:space-between;align-items:center;gap:14px}.pt-device h3{display:inline;margin:0 9px 0 0;font-size:15px}.pt-device-role{display:block;margin-bottom:4px;color:var(--pt-accent);font-size:8px;font-weight:800;letter-spacing:.09em}.pt-device code{color:var(--pt-soft);font-size:9px}.pt-device-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pt-device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:16px 0}.pt-device footer{padding-top:12px;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.pt-device footer span{color:var(--pt-soft);font-size:9px}
.pt-boundaries{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pt-boundaries article{padding:22px}.pt-boundaries h3{margin:7px 0 10px;font-size:16px}.pt-boundaries p{color:var(--pt-soft);font-size:10px;line-height:1.65}.pt-boundaries strong{display:block;margin-top:14px;font-size:10px;line-height:1.55}.pt-note,.pt-empty{padding:24px}.pt-note p,.pt-empty p{color:var(--pt-soft);line-height:1.6}.pt-empty{text-align:center}
@media(max-width:900px){.pt-hero,.pt-grid{grid-template-columns:1fr}.pt-orbit{width:190px}.pt-connection-grid,.pt-boundaries{grid-template-columns:1fr}.pt-device-grid,.pt-add{grid-template-columns:1fr 1fr}.pt-inline-form{grid-template-columns:1fr 1fr}.pt-inline-form button{grid-column:1/-1}.pt-actions span{margin-left:0}}
@media(max-width:560px){.plaud-team-app{padding-top:0}.pt-hero{padding:28px 20px;border-radius:18px}.pt-hero h1{font-size:38px}.pt-orbit{width:150px}.pt-card,.pt-fleet{padding:18px}.pt-metrics{grid-template-columns:1fr 1fr}.pt-device-grid,.pt-add,.pt-inline-form{grid-template-columns:1fr}.pt-device header,.pt-device footer{align-items:flex-start;flex-direction:column}.pt-device-badges{justify-content:flex-start}.pt-actions{align-items:flex-start;flex-direction:column}}