/* RESET */
* {
	padding: 0;
	margin: 0;
	border: 0;
	outline: 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
html {
	padding: 0;
	border: 0 !important;
	overflow-x: hidden;
	scroll-behavior: initial !important
}
body {
	background: #fff;
	font-family: "Poppins", Tahoma, Arial, Helvetica;
	overflow-wrap: break-word;
	line-height: 2;
	font-size: 16px;
	text-wrap: pretty
}
form {
	font-size: 16px
}
form button {
	font-size: 14px
}
img {
	max-width: 100%;
	display: block;
	height: auto;
	box-sizing: border-box
}
a {
	color: #000;
	text-decoration: none;
	transition: all .2s ease-in-out
}
a:hover {
	color: #4e71fe
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.4;
	font-weight: bold;
	margin: 0 0 10px 0;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}
h1 { font-size: 48px }
h2 { font-size: 36px }
h3 { font-size: 24px }
h4 { font-size: 20px }
h5 { font-size: 18px }
h6 { font-size: 16px }
small {
	opacity: .8;
	display: block;
	font-size: .9em;
	font-weight: normal;
	margin: 4px 0 0
}
p {
	margin-bottom: 30px
}
p:last-child {
	margin-bottom: 0
}
p:empty {
	display: none
}
strong, big {
	font-weight: bold
}
del * {
	text-decoration: line-through
}
em {
	font-style: italic
}
ul {
	list-style-type: disc;
	margin: 0 0 0 20px
}
ul ul {
	margin-bottom: 10px;
}
ol {
	list-style-type: none
}
ol li {
	list-style: decimal;
	padding: 0;
	margin: 0 0 0 20px
}
ol ul li {
	list-style: disc;
	padding-bottom: 0
}
ol ul ol li {
	list-style: decimal;
	padding-bottom: 0
}
ol ul,
ol ul ol {
	margin-top: 5px;
}
ul ul ol li,
ul ol li {
	padding-bottom: 0;
}
hr {
    margin: 20px 0;
    display: flex;
    height: 1px;
	background: rgba(167, 167, 167, .2)
}
article {
	position: relative
}
pre, blockquote, .blockquote {
	display: inline-block;
	position: relative;
	padding: 6px 14px;
	margin-bottom: 30px;
	background: rgba(167, 167, 167, .1);
	border-radius: 2px;
	overflow: auto;
	max-width: 100%
}
pre small {
	margin: 0;
	font-size: inherit;
	display: inline-block
}
q {
	font-weight: 700;
	position: relative;
	padding: 6px 14px;
	background: rgba(167, 167, 167, .1);
	border-radius: 2px;
	overflow: auto;
	max-width: 100%;
}
blockquote, .blockquote {
	overflow: visible;
	font-size: 18px;
	padding: 10px 20px;
}
.blockquote {
	text-align: center;
	padding: 30px
}
cite {
	opacity: .7;
	font-size: 16px;
	margin: 0 5px;
	background: rgba(167, 167, 167, .1);
	padding: 3px 10px;
	display: inline-block
}
blockquote cite, 
.blockquote cite,
pre cite {
	display: block;
	font-size: 12px;
	font-style: italic;
	background: none;
	margin: 0;
	padding: 0
}
code,
tt {
	position: relative;
	padding: 8px 10px;
	background: rgba(167, 167, 167, .1);
	border-radius: 2px;
	overflow: auto;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2
}
blockquote code {
	padding: 4px 6px
}

pre,code{
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	white-space: pre-wrap;
}
code {
	margin-bottom: 5px
}
mark {
	padding: 3px 5px;
	background: none
}
video {
	width: 100%;
	height: auto
}
iframe {
	max-width: 100%
}
table {
	text-align: center;
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 30px;
	box-sizing: border-box;
	border: 1px solid rgba(167, 167, 167, .2) !important
}
.widget table {
	table-layout: fixed
}
div > table:last-child {
	margin: 0 !important
}
tr {
	border-bottom: 1px solid rgba(167, 167, 167, .2)
}
th, td {
	padding: 8px;
	border-right: 1px solid rgba(167, 167, 167, .2)
}
.widget th:last-child, 
.widget td:last-child {
	border-right: 0
}
thead {
	background-color: rgba(167, 167, 167, .1)
}
table caption {padding: 0 0 10px}
abbr, acronym {
	border-bottom: 1px dotted;
	cursor: help
}
kbd {
	background: rgb(111, 111, 111);
	padding: 4px 10px;
	border-radius: 4px;
	color: #fff
}
dl {
	border: 3px double rgba(167, 167, 167, .3);
	padding: 20px;
	margin: 0 0 20px
}
dt {
	float: left;
	clear: left;
	width: 200px;
	text-align: right;
	font-weight: bolder
}
dt:after {content: ":"}
dd {
	margin: 0 0 10px 220px;
	padding: 0 0 10px 0;
	border-bottom: 1px solid rgba(167, 167, 167, .2)
}
dd:last-child {
	margin-bottom: 0;
	border-bottom: 0
}
address {
	border: 1px dashed rgba(167, 167, 167, .3);
	display: inline-block;
	padding: 20px;
	margin: 0 0 30px
}

input, textarea, select {
	width: 100%;
	padding: 12px;
	margin: 0;
	color: #444;
	font-size: 1em;
	border-radius: 2px;
	font-family: inherit;
	box-sizing: border-box;
	-webkit-appearance: none;
	border: 1px solid rgba(167, 167, 167, .4)
}
textarea {
	height: 160px;
	line-height: 2;
	overflow: auto
}
select {
	background: #fff url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiNhN2E3YTciLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat right 18px center;
	background-size: 10px
}
option {
	color: #111;
	background: #fff
}
input[type="date"] {
	padding: 9px 12px
}
input[type=checkbox],
input[type=radio]:not(.gfield-choice-input) {
	-webkit-appearance: none;
	width: auto !important;
	display: inline-block !important;
	margin: 0 10px 0 0 !important;
	padding: 5px !important;
	vertical-align: middle !important;
	-webkit-appearance: checkbox
}
input[type=radio] {
	-webkit-appearance: radio
}
::-moz-placeholder {
	text-align: initial;
	opacity: 1
}
input::-webkit-input-placeholder, 
textarea::-webkit-input-placeholder {
	text-align: initial;
	color: inherit;
	opacity: .8
}
input::-ms-input-placeholder, 
textarea::-ms-input-placeholder {
	text-align: initial;
	color: inherit;
	opacity: .8
}
input::-moz-input-placeholder, 
textarea::-moz-input-placeholder {
	text-align: initial;
	color: inherit;
	opacity: .8
}

/* HALADESK*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');
.haladesk-dashboard {
  max-width: 920px;
  margin: 24px auto;
  padding: 0 16px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
.haladesk-dashboard h2 { margin: 24px 0 12px; }
.haladesk-dashboard h3 { margin: 18px 0 10px; }

.haladesk-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.haladesk-list > li {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 12px;
  margin: 10px 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

/* Generic panel/card to replace inline styles */
.haladesk-card,
.haladesk-panel,
.haladesk-list__item {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}

/* Spacing utilities */
.haladesk-mt-10 { margin-top: 10px; }
.haladesk-mt-6 { margin-top: 6px; }
.haladesk-mt-12 { margin-top: 12px; }
.haladesk-mt-16 { margin-top: 16px; }
.haladesk-ml-8 { margin-left: 8px; }

/* Inline form utility */
.haladesk-inline-form { display: inline-block; }
.haladesk-mr-6 { margin-right: 6px; }

/* Filters bar layout */
.haladesk-filters { margin:12px 0; display:flex; gap:12px; align-items:flex-end; flex-wrap:wrap; }
.haladesk-filters .haladesk-filters-actions { display:flex; gap:8px; }
.haladesk-filters .haladesk-filters-export { margin-left:auto; display:flex; gap:8px; }

/* Flex helpers */
.haladesk-flex-row { display:flex; gap:10px; }
.haladesk-inline { display:inline-block; }

/* Width helpers */
.w-160 { max-width:160px; }
.minw-240 { min-width:240px; }

/* Muted text small */
.text-muted { color:#666; }
.text-small { font-size:12px; }

/* Auth background image element */
.haladesk-auth-left { position: relative; }
.haladesk-auth-left .haladesk-auth-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position: top; }

/* Pricing */

.pricing-toggle { display:flex; gap:0; align-items:center; margin:-20px auto 0; background:#fff; border:1px solid #eceff4; padding:14px; border-radius:999px; box-shadow: 0 2px 10px rgba(0,0,0,0.06); width: fit-content; }
.pricing-toggle .toggle-btn { background:transparent; color:#777; border:none; border-radius:999px; padding:8px 16px; cursor:pointer; font-weight:600; }
.pricing-toggle .toggle-btn.is-active { background:#e31e24; color:#fff; }
.pricing-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:28px; align-items: stretch; margin-top:70px}
.pricing-card { position:relative; background:#fff; border:1px solid #e9eef5; border-radius:12px; padding:62px 26px 42px; box-shadow: 0 8px 24px rgba(0,0,0,0.06); background-image:url(../img/Pattern.png); background-repeat:no-repeat; }
.pricing-card.featured {margin-top:-30px;padding-top: 70px; }
.pricing-card::before { content:""; position:absolute; inset:0; background:
  radial-gradient(120px 120px at 30% 20%, rgba(0,0,0,0.02) 0, rgba(0,0,0,0) 70%),
  radial-gradient(140px 140px at 80% 60%, rgba(0,0,0,0.02) 0, rgba(0,0,0,0) 70%);
  pointer-events:none;
}
.pricing-card .pricing-header { position:relative; z-index:1; text-align:center; }
.pricing-card .plan-name { font-weight:700; letter-spacing:1px; color:#111; }
.pricing-card .pricing-price { margin: 8px 0 2px; }
.pricing-card .pricing-price .amount { font-size:56px; font-weight:800; color:#e31e24; line-height:1; }
.pricing-card .pricing-price .price-currency { font-size:14px; margin-left:6px; color:#e31e24; font-weight:700; }
.pricing-card .cadence { color:#666; margin-top:6px; }
.pricing-card .pricing-features { position:relative; z-index:1; margin:16px 0 0; padding:0 8px; }
.pricing-card .pricing-features li { display:flex; align-items:center; gap:8px; color:#333;     margin: 0;  border: none;  box-shadow: none;  margin-left: 70px;  background: transparent;  padding: 3px; }
.pricing-card .pricing-features li .icon { width:20px; height:20px; display:inline-flex; align-items:center; justify-content:center; }
.pricing-card .pricing-features li .icon svg { display:block; width:20px; height:20px; }
.pricing-card .pricing-features li .icon-check { color:#e31e24; }
.pricing-card .pricing-features li.disabled { color:#98a2b3; }
.pricing-card .pricing-features li.disabled .icon { color:#cbd5e1; }
.pricing-card .pricing-actions { text-align:center; margin-top:18px; position:relative; z-index:1; }
.btn-subscribe { display:inline-block; background:#fff; border:1px solid #e0e0e0; color:#333; padding:10px 18px; border-radius:8px; text-decoration:none; box-shadow: 0 2px 6px rgba(0,0,0,0.06); }
.btn-subscribe.primary { background:#e31e24; border-color:#e31e24; color:#fff; }
.btn-subscribe.primary:hover { background:#c71a1f; }
.pricing-badge { position:absolute; top:0; left: 24px; background:#e31e24; color:#fff; border-radius:0 0 7px 7px; padding:15px 30px; font-size:10px; font-weight:700; z-index:2; box-shadow: 0 8px 20px rgba(227,30,36,0.2); left: 50%; transform: translate(-50%); text-transform: uppercase; letter-spacing: 7px; }

/* Chart container */
.haladesk-chart { height:260px; padding:40px 0; border:1px solid #eef3f8; border-radius:10px; overflow:hidden; background:#fff; }

/* Simple grid helpers */
.grid-3 { display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; }
.list-unstyled { list-style:none; margin:0; padding:0; }

/* Image preview utility */
.img-preview { max-width:220px; display:block; margin-bottom:8px; border-radius:8px; }

/* Map container */
.haladesk-map { width:100%; height:380px; border:1px solid #eef3f8; border-radius:10px; overflow:hidden; margin:10px 0 16px; }

/* Guards */
.guard-card__avatar{position: absolute;right: 30px;}
.building-card img.guard-avatar { width:80px; height:80px; border-radius:8px; object-fit:cover; display:block; border:1px solid #e6e6e6; }

/* Typography helpers */
.fw-normal { font-weight: 400; }
.pricing-label { font-weight:700; letter-spacing:1px; }

/* SVG helpers */
.svg-fluid { width:100%; height:100%; display:block; }

input,.haladesk-dashboard form label input,
.haladesk-dashboard form label select,
.haladesk-dashboard form input[type="text"],
.haladesk-dashboard form input[type="email"],
.haladesk-dashboard form input[type="password"],
.haladesk-dashboard form select {
  width: 100%;
  max-width: 420px;
  box-sizing: border-box;
  padding: 8px 10px;
  border: 1px solid #d8d8d8;
  border-radius: 6px !important;
}
form br{display: none;}
.haladesk-dashboard form button,
.haladesk-dashboard button {
  background: #ea0b0c;
  color: #fff;
  border: none;
  border-radius: 6px;
  padding: 8px 12px;
  cursor: pointer;
}
.haladesk-dashboard form button:hover,
.haladesk-dashboard button:hover {
  background: #c71a1f;
}

/* Generic dashboard button style (used by filters, exports, table actions) */
.haladesk-dashboard .button,
.haladesk-dashboard a.button,
.haladesk-app .button,
.haladesk-app a.button,
.haladesk-app button.button {
  display:inline-block;
  background:#ea0b0c;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:8px 12px;
  text-decoration:none;
}
.haladesk-dashboard .button:hover,
.haladesk-dashboard a.button:hover,
.haladesk-app .button:hover,
.haladesk-app a.button:hover,
.haladesk-app button.button:hover {
  background:#c71a1f;
}

/* Stronger override for themes that style .button with blue */
.haladesk-app .haladesk-content a.button,
.haladesk-app .haladesk-content button.button,
.haladesk-dashboard a.button,
.haladesk-dashboard button.button {
  background:#ea0b0c !important;
  border-color:#ea0b0c !important;
  color:#fff !important;
  border-radius:6px !important;
  box-shadow:none !important;
}
.haladesk-app .haladesk-content a.button:hover,
.haladesk-app .haladesk-content button.button:hover,
.haladesk-dashboard a.button:hover,
.haladesk-dashboard button.button:hover {
  background:#c71a1f !important;
  border-color:#c71a1f !important;
  color:#fff !important;
}

.haladesk-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  overflow: hidden;
}
.haladesk-table thead th {
  background: #f7f7f7;
  text-align: left;
  padding: 10px;
  font-weight: 600;
  border-bottom: 1px solid #e6e6e6;
}
.haladesk-table thead th a { color:#ea0b0c; text-decoration:none; }
.haladesk-table thead th a:hover { color:#c71a1f; text-decoration:underline; }
.haladesk-table tbody td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
}
.haladesk-table tbody tr:last-child td {
  border-bottom: none;
}

.updated { background: #ecf7ed; border: 1px solid #b7dfb9; padding: 10px; border-radius: 6px; margin: 31px 0 0; margin-bottom: 20px; }
.error { background: #fdeaea; border: 1px solid #f3c2c2; padding: 10px; border-radius: 6px; margin: 10px 0; margin-bottom: 20px; }

.haladesk-searchbar { display:flex; gap:8px; align-items:center; margin: 8px 0 16px; }
.haladesk-searchbar input[type="text"] { max-width: 260px; }
.haladesk-searchbar .spacer { flex:1; }

.haladesk-pagination { margin: 8px 0 16px; display:flex; gap:6px; flex-wrap: wrap; }
.haladesk-pagination a,
.haladesk-pagination span {
  display:inline-block; padding: 6px 10px; border: 1px solid #e0e0e0; border-radius: 6px; text-decoration: none;
}
.haladesk-pagination .current { background: #ea0b0c; color:#fff; border-color: #ea0b0c; }

/* ===== Auth (Login/Register) Split Layout ===== */
.haladesk-auth {
  display: grid;
  grid-template-columns: 6fr 4fr;
  min-height: 100vh;
  background: #f5f7fb;
}

/* Fullscreen auth page: hide typical theme header/footer and paddings */
.haladesk-auth-page html,
.haladesk-auth-page body { height: 100%; }
.haladesk-auth-page .site-header,
.haladesk-auth-page header.site-header,
.haladesk-auth-page .site-footer,
.haladesk-auth-page footer.site-footer,
.haladesk-auth-page footer,
.haladesk-auth-page .entry-header,
.haladesk-auth-page .entry-footer,
.haladesk-auth-page .page-title { display: none !important; }
.haladesk-auth-page .site,
.haladesk-auth-page .site-content,
.haladesk-auth-page .content-area,
.haladesk-auth-page .container,
.haladesk-auth-page .wrap,
.haladesk-auth-page .entry-content { margin: 0 !important; padding: 0 !important; max-width: none !important; width: 100% !important; }
.haladesk-auth-left {
  position: relative;
  background: linear-gradient(135deg, #ea0b0c 0%, #ea0b0c 50%, #ea0b0c 100%);
}
.haladesk-auth-left .haladesk-auth-mark {
  position: absolute; inset: 0;
  background: radial-gradient(60% 60% at 40% 40%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 60%),
              radial-gradient(60% 60% at 70% 70%, rgba(0,0,0,0.08) 0%, rgba(0,0,0,0) 60%);
}
.haladesk-auth-right {
  display: flex; align-items: center; justify-content: center;
  padding: 40px 20px;
}
.haladesk-auth-card {
  width: 100%; max-width: 420px;
  background: #fff; border: 1px solid #e6e6e6; border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.06);
  padding: 28px; text-align: center;
}
.haladesk-auth-logo { display:flex; align-items:center; justify-content:center; gap:10px; margin-bottom: 18px; }
.haladesk-auth-logo .mark {
  width: 28px; height: 28px; border-radius: 6px;
  background: linear-gradient(135deg, #ea0b0c, #ea0b0c);
  position: relative;
}
.haladesk-auth-logo .mark::after {
  content: ""; position:absolute; left: 8px; top: 8px; right: 8px; bottom: 8px;
  background: #fff; clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.haladesk-auth-logo .brand { font-weight: 700; font-size: 22px; color: #222; letter-spacing: 0.3px; }
.haladesk-auth-logo .brand span { color: #ea0b0c; }

.haladesk-auth-logo img { width: 250px; }
.haladesk-login-form label { display:block; font-size: 13px; color:#444; margin-bottom:6px; text-align: left; }
.haladesk-login-form p { max-width: 360px; margin-left:auto; margin-right:auto; }
.haladesk-login-form p.actions { text-align: center; }
.haladesk-login-form input[type="text"],
.haladesk-login-form input[type="password"] {
  width:100%; padding:10px 12px; border:1px solid #d8d8d8; border-radius:6px; background:#fbfbfb;
}
.haladesk-remember { margin: 8px 0 12px; font-size: 13px; color:#555; }
.btn-primary { background:#ea0b0c; border:none; color:#fff; padding:10px 30px; border-radius:6px; cursor:pointer; }
.btn-primary:hover { background:#000;color:#fff }
.btn-secondary { display:inline-block; background:#fff; border: 1px solid #e0e0e0; color:#444; padding:8px 18px;font-size: 13px; border-radius:6px; text-decoration:none; box-shadow: 0 2px 6px rgba(0,0,0,0.06); }
a.btn-secondary{padding:4px 18px;}
.btn-secondary:hover { background:#f7f7f7; }
.btn-danger { display:inline-block; background:transparent; border: 1px solid #ea0b0c; color:#ea0b0c; padding:6px 18px; font-size:13px; border-radius:6px; cursor:pointer; }
.btn-danger:hover { background:#ea0b0c; color:#fff; }
.haladesk-auth-sep { text-align:center; color:#999; margin: 8px 0 12px; }

/* ===== Admin-style App Shell ===== */
.haladesk-app { display: grid; grid-template-columns: 280px 1fr; min-height: 100vh; background: #f5f7fb; }
.haladesk-sidebar { background: #ffffff; border-right: 1px solid #e9eef5; padding: 20px 40px; }
.haladesk-brand { display:flex; align-items:center; gap:10px; font-weight:700; margin-bottom: 30px; }
.haladesk-brand .logo-mark { width: 28px; height:28px; border-radius:6px; background: linear-gradient(135deg,#ea0b0c,#ea0b0c); display:inline-block; }
.haladesk-brand .logo-text { color:#222; }
.haladesk-brand .logo-text span { color:#ea0b0c; }
.haladesk-sidebar nav { display:flex; flex-direction: column; gap: 6px; }
.haladesk-sidebar nav .item { display:block; padding:8px 20px; border-radius:8px; color:#333; text-decoration:none; }
.haladesk-sidebar nav .item:hover { background:#f1f4f9; }
.haladesk-sidebar nav .item.active { background:#ea0b0c; color:#fff; box-shadow: 0 4px 12px rgba(234,11,12,0.25); }

.haladesk-main { display:flex; flex-direction: column; }
.haladesk-topbar { height:56px; background:#fff; border-bottom:1px solid #e9eef5; display:flex; align-items:center; padding: 0 16px; }
.haladesk-topbar .spacer { flex:1; }
.haladesk-topbar .profile { display:flex; align-items:center; gap:10px; }
.haladesk-topbar .logout { color:#ea0b0c; text-decoration:none; }
.haladesk-topbar .logout:hover { text-decoration:underline; }
/* Hamburger */
.haladesk-menu-toggle { display:none; background:transparent; border:none; font-size:22px; line-height:1; cursor:pointer; }

.haladesk-content { padding: 18px 36px; }
.haladesk-content h1 { margin: 6px 0 14px; }
.haladesk-cards { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
.haladesk-cards .card {position: relative; background:#fff; border:1px solid #e9eef5; border-radius:12px; padding:22px 36px; box-shadow: 0 8px 24px rgba(0,0,0,0.04); }
.haladesk-cards .card .icon {position: absolute;  top: 25px;  right: 36px;  width: 80px;}
.haladesk-cards .card .label { font-size:13px; color:#666; margin-bottom:6px; }
.haladesk-cards .card .value { font-size:28px; font-weight:700; color:#1f2937; }

/* Page header with right-aligned action */
.haladesk-page-header { display:flex; align-items:center; justify-content: space-between; margin: 6px 0 16px; }
.haladesk-action-right { text-decoration:none; }

/* Buildings grid */
.haladesk-card-grid { display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:16px; }
.building-card { background:#fff; border:1px solid #e9eef5; border-radius:12px; padding:32px; box-shadow: 0 6px 18px rgba(0,0,0,0.04); position: relative; }
.building-card .qr-icon {
  position: absolute;
  right: 50px;
  top: 50px;
  text-align: center;
  background: #fff;
  width: 30px;
  padding: 5px 3px 0 3px;
  border-radius: 5px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
.building-card img {border-radius:8px;margin-bottom:10px; }
.building-card h4 { margin: 0 0 8px; }
.building-card .meta { color:#666; font-size: 13px; }
.building-card .actions { display:flex; gap:8px; margin-top:12px; }
.haladesk-empty { color:#666; }

.hd-pd-50{ padding: 50px; }

@media (max-width: 900px) {
  .haladesk-app { grid-template-columns: 1fr; position: relative; overflow-x: hidden; }
  .haladesk-menu-toggle { display:inline-block; margin-right: 8px; }
  /* Off-canvas sidebar */
  .haladesk-sidebar { position: fixed; left:0; top:0; bottom:0; width: 260px; max-width: 86%; transform: translateX(-100%); transition: transform .25s ease; z-index: 1000; display:block; }
  .haladesk-sidebar[aria-hidden="false"] { transform: translateX(0); }
  .haladesk-sidebar-overlay { position: fixed; inset:0; background: rgba(0,0,0,.35); opacity:0; pointer-events:none; transition: opacity .2s ease; z-index:999; }
  .haladesk-app.menu-open .haladesk-sidebar-overlay { opacity:1; pointer-events:auto; }
  .haladesk-app.menu-open .haladesk-sidebar { transform: translateX(0); }
  .haladesk-content { padding: 14px 16px; }
  .haladesk-cards { grid-template-columns: 1fr; }
  .haladesk-card-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; gap:18px; }
  .haladesk-auth { grid-template-columns: 1fr; }
  .haladesk-auth-left { display:none; }
  .haladesk-cards .card .icon{width:62px}
}