:root{
  --bg:#FAFAFA;
  --card:#FFFFFF;
  --muted:#6B7280;
  --text:#1F2933;
  --accent:#2563EB;
  --soft:#F5F6F8;
  --shadow: 0 10px 30px rgba(0,0,0,.08);
  --radius:18px;
}

*{ box-sizing:border-box; }
html,body{ height:100%; }

body{
  margin:0;
  font-family: "Segoe UI", Arial, sans-serif;
  color:var(--text);
  background:#0f1115;
}

/* Player */
.screen-wrap{ display:flex; justify-content:center; padding:16px; }
.screen{
  width:1080px;
  height:1920px;
  background:var(--bg);
  padding:70px 60px;
  position:relative;
  overflow:hidden;
}

.header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:30px;
  margin-bottom:55px;
}
.brand{ display:flex; gap:22px; align-items:center; }
.logo{ width:90px; height:90px; object-fit:contain; display:none; }
.property-name{ font-size:52px; font-weight:700; line-height:1.05; }
.property-address{ margin-top:8px; font-size:26px; color:var(--muted); }

.timebox{ text-align:right; min-width:260px; }
.clock{ font-size:56px; font-weight:750; }
.date{ margin-top:8px; font-size:22px; color:var(--muted); }

.main{ display:grid; grid-template-rows:auto auto 1fr; gap:26px; }

.card{
  background:var(--card);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  padding:26px;
}

.section-title{
  font-size:22px;
  font-weight:700;
  letter-spacing:.18em;
  color:var(--accent);
  margin-bottom:14px;
}

.tenant-grid{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px 18px;
}
.tenant{
  padding:10px 12px;
  border-radius:12px;
  background:var(--soft);
  font-size:24px;
  display:flex;
  justify-content:space-between;
  gap:10px;
}
.tenant .apt{ color:var(--muted); font-weight:650; min-width:70px; }
.tenant .name{ font-weight:650; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.info{ background:var(--soft); box-shadow:none; }
.bullets{ margin:0; padding-left:22px; font-size:24px; line-height:1.35; }
.bullets li{ margin:10px 0; }

.media{ display:none; }
.slideshow{ width:100%; height:420px; border-radius:14px; overflow:hidden; background:#E9EEF7; }
.slideshow img{ width:100%; height:100%; object-fit:cover; display:block; }

.footer{
  position:absolute;
  left:60px; right:60px; bottom:60px;
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:20px; padding-top:18px;
  border-top:1px solid rgba(107,114,128,.25);
}
.org{ font-size:22px; font-weight:700; }
.contact{ margin-top:6px; font-size:20px; color:var(--muted); }
.contact-persons{ text-align:right; font-size:20px; color:var(--muted); line-height:1.35; }

/* Admin/Login */
.page{
  max-width:980px;
  margin:0 auto;
  padding:30px 18px 60px;
  color:#e7e9ee;
}
.panel{
  background:#151823;
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  padding:18px;
}
.row{ display:grid; grid-template-columns: 1fr 1fr; gap:14px; }
label{ display:block; font-size:13px; color:#b8bfcc; margin:10px 0 6px; }

input, textarea, select{
  width:100%;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.10);
  background:#0f111a;
  color:#e7e9ee;
  outline:none;
}
textarea{ min-height:90px; resize:vertical; }

.btns{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
button{
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.12);
  background:#1c2240;
  color:#fff;
  cursor:pointer;
}
button.secondary{ background:#12162a; }
button.danger{ background:#3a1f24; }

.small{ font-size:12px; color:#b8bfcc; }
hr{ border:0; border-top:1px solid rgba(255,255,255,.08); margin:16px 0; }

.list{ display:flex; flex-direction:column; gap:10px; }
.item{
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  padding:12px;
  background:#101325;
}
.item-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
}