@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-orange:#f37021;--primary-orange-hover:#d9621b;--primary-blue:#0d2a6a;--primary-blue-soft:#eef4ff;--accent-indigo:#4f46e5;--bg-color:#f4f7fb;--card-bg:#fff;--surface-muted:#f8fafc;--surface-raised:#ffffffeb;--border-color:#0d2a6a1a;--border-strong:#0d2a6a2e;--text-main:#172033;--text-muted:#64748b;--text-soft:#94a3b8;--text-inverse:#fff;--danger-red:#ef4444;--warning-yellow:#f59e0b;--success-green:#10b981;--shadow-sm:0 1px 2px #0f172a0d;--shadow-md:0 12px 30px #0f172a14;--shadow-lg:0 24px 60px #0f172a1f;--border-radius:8px;--border-radius-sm:8px;--font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--transition:.18s ease;--brand-logo-height:124px;--brand-logo-mobile-height:86px}*{box-sizing:border-box;margin:0;padding:0;letter-spacing:0!important}body{font-family:var(--font-family);background:linear-gradient(180deg, #ffffffc7, #f4f7fbf5), radial-gradient(circle at top left, #f370211a, transparent 34rem), radial-gradient(circle at top right, #0d2a6a17, transparent 32rem), var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;min-width:320px;overflow-x:hidden}html{min-width:320px}img,video,canvas,svg{max-width:100%}a{color:inherit}::selection{background:#f370212e}:focus-visible{outline-offset:2px;outline:3px solid #f3702152}button{font-family:var(--font-family);cursor:pointer;border-radius:var(--border-radius-sm);transition:var(--transition);white-space:normal;text-align:center;-webkit-tap-highlight-color:transparent;border:none;outline:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:12px 18px;font-size:.9rem;font-weight:700;line-height:1.2;display:inline-flex}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-large{width:100%;box-shadow:var(--shadow-sm);padding:14px 18px;font-size:1rem}.btn-green{background:linear-gradient(135deg, var(--primary-orange), #ff8a3d);color:var(--text-inverse);box-shadow:0 4px 14px #f3702133}.btn-green:hover:not(:disabled){background:linear-gradient(135deg, var(--primary-orange-hover), var(--primary-orange));transform:translateY(-1px);box-shadow:0 8px 24px #f3702159}.btn-red{background-color:var(--danger-red);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-red:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #ef44444d}.btn-outline{border:1px solid var(--border-strong);color:var(--text-main);box-shadow:none;background-color:#0000}.btn-outline:hover{background-color:var(--primary-blue-soft);border-color:var(--primary-blue)}.card{background-color:var(--surface-raised);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:14px;padding:22px;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#f3702138;transform:translateY(-1px)}.input-group{margin-bottom:16px}.input-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.76rem;font-weight:700;display:block}input,select,textarea{background-color:var(--surface-muted);border:1px solid var(--border-strong);border-radius:var(--border-radius-sm);width:100%;min-height:44px;font-size:.95rem;font-weight:600;font-family:var(--font-family);transition:var(--transition);color:var(--text-main);padding:13px 14px;line-height:1.35}input:focus,select:focus,textarea:focus{border-color:var(--primary-orange);background-color:#fff;outline:none;box-shadow:0 0 0 4px #f3702114}input::placeholder{color:#9ca3af;font-weight:400}.container{flex-direction:column;width:min(100%,1120px);max-width:1120px;min-height:100vh;margin:0 auto;padding:24px 20px 96px;display:flex}.auth-container{width:100%;max-width:440px;margin:0 auto}.grid-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;display:grid}@media (width>=768px){.grid-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.text-center{text-align:center}.header{margin-bottom:22px}.header h1{color:var(--primary-blue);font-size:1.55rem;font-weight:800}.header p{color:var(--text-muted);margin-top:4px;font-size:.85rem;font-weight:500}.status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.7rem;font-weight:700;display:inline-flex}.status-pending{color:var(--warning-yellow);background-color:#f59e0b1a}.status-approved{color:var(--success-green);background-color:#10b9811a}.status-rejected{color:var(--danger-red);background-color:#ef44441a}.bottom-nav{-webkit-backdrop-filter:blur(12px);padding:8px max(10px, env(safe-area-inset-left)) calc(8px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-right));z-index:50;background-color:#ffffffe6;border-top:1px solid #e5e7eb80;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -14px 36px #0f172a14}.nav-item{color:#9ca3af;cursor:pointer;transition:var(--transition);border-radius:8px;flex-direction:column;align-items:center;gap:4px;min-width:82px;padding:8px 12px;display:flex}.nav-item:hover{color:var(--primary-blue);background-color:var(--primary-blue-soft)}.nav-item.active{color:var(--primary-orange)}.nav-item svg{width:18px;height:18px;transition:var(--transition)}.nav-item.active svg{transform:scale(1.1)}.nav-item span{letter-spacing:.03em;font-size:.65rem;font-weight:700}@keyframes slideUpFade{0%{opacity:0;transform:translateY(12px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUpFade}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.86;transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}[style*=grid-template-columns],[style*="display: flex"],[style*=display\:flex],[style*="flex: 1"],[style*=flex\:1]{min-width:0}h1,h2,h3,h4,p,span,a,button,label{overflow-wrap:anywhere}div[style*="overflow: auto"],div[style*="overflow-x: auto"]{scrollbar-width:thin;scrollbar-color:#64748b59 transparent}table{border-collapse:collapse;width:100%}.header img[src="/hexamad_logo.png"],.admin-sidebar img[src="/hexamad_logo.png"],.admin-mobile-header img[src="/hexamad_logo.png"],.auth-container~img[src="/hexamad_logo.png"],.auth-container img[src="/hexamad_logo.png"],.container>img[src="/hexamad_logo.png"]{object-fit:contain;max-width:220px;height:var(--brand-logo-height)!important;width:auto!important}.header img[src="/hexamad_logo.png"],.admin-sidebar img[src="/hexamad_logo.png"],.admin-mobile-header img[src="/hexamad_logo.png"]{max-width:340px}.app-dashboard-header{position:relative;padding-right:72px!important}.dashboard-logout{box-shadow:var(--shadow-sm);border:1px solid var(--border-strong)!important;width:44px!important;min-width:44px!important;height:44px!important;color:var(--primary-blue)!important;background:#fff!important;border-radius:8px!important;padding:0!important;position:absolute!important;top:16px!important;right:0!important}.dashboard-logout:hover{background:var(--primary-blue-soft)!important;border-color:var(--primary-blue)!important}.intercom-pill{color:#4f46e5;white-space:nowrap;background:#4f46e514;border-radius:7px;align-items:center;min-height:28px;padding:5px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.phone-inline{color:var(--text-muted);font-size:.74rem;font-weight:700}.admin-sidebar{gap:4px}.admin-sidebar>div:first-of-type{min-height:84px;gap:12px!important;margin-bottom:20px!important}.admin-sidebar button{text-overflow:ellipsis;width:100%;min-height:44px;overflow:hidden;white-space:nowrap!important;justify-content:flex-start!important}.admin-sidebar button svg{flex:0 0 18px}.admin-sidebar h3,.admin-sidebar p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.admin-footer,.site-footer{color:var(--text-muted);text-align:center;border-top:1px solid #f1f5f9;margin-top:40px;padding:16px 0;font-size:.75rem;font-weight:600}.compact-action-btn{box-shadow:0 6px 16px #4f46e529;border-radius:7px!important;width:auto!important;min-height:34px!important;padding:7px 12px!important;font-size:.78rem!important;line-height:1!important}.property-switcher{z-index:120;display:inline-block!important;position:relative!important}.property-switcher-button{box-shadow:0 8px 20px #0f172a14;min-height:38px!important;color:var(--primary-blue)!important;background:#fff!important;border:1px solid #0d2a6a1f!important;border-radius:8px!important;padding:8px 14px!important}.property-switcher-menu{z-index:500!important;background:#fff!important;border:1px solid #4f46e538!important;border-radius:8px!important;min-width:280px!important;padding:8px!important;position:absolute!important;top:calc(100% + 8px)!important;right:0!important;box-shadow:0 24px 50px #0f172a38!important}.property-switcher-menu p{background:#f8fafc;border-radius:6px;color:var(--primary-blue)!important;margin:0 0 6px!important;padding:8px 10px!important}.property-switcher-menu button{min-height:38px!important}.back-button-row{justify-content:flex-start!important;margin-bottom:20px!important;display:flex!important}.corner-back-button{box-shadow:var(--shadow-sm);border:1px solid var(--border-strong)!important;width:auto!important;min-height:40px!important;color:var(--primary-blue)!important;background:#fff!important;border-radius:8px!important;padding:9px 14px!important}button[title="Back to Dashboard"],.header>div:first-child>button:first-child,.auth-container>button:first-child{box-shadow:var(--shadow-sm);border:1px solid var(--border-strong)!important;width:auto!important;min-width:40px!important;min-height:40px!important;color:var(--primary-blue)!important;background:#fff!important;border-radius:8px!important;flex:none!important;padding:8px 10px!important}button[title="Back to Dashboard"]:hover,.header>div:first-child>button:first-child:hover,.auth-container>button:first-child:hover,.corner-back-button:hover{background:var(--primary-blue-soft)!important;border-color:var(--primary-blue)!important}@media (width<=1024px){.container{width:100%;padding:20px 16px 96px!important}.card{padding:18px!important}.auth-container{max-width:520px}[style*="grid-template-columns: 1fr 2fr"],[style*="grid-template-columns: 1fr 1.5fr"],[style*="grid-template-columns: 1.2fr 0.8fr"],[style*="grid-template-columns: 2fr 1fr"],[style*="grid-template-columns: 280px 1fr"]{grid-template-columns:1fr!important}[style*="grid-template-columns: repeat(4"],[style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=768px){body{background:linear-gradient(180deg, #fffc, #f4f7fbfa), radial-gradient(circle at top, #f370211c, transparent 24rem), var(--bg-color)}.container{padding:16px 12px 92px!important}.header,.flex-between{align-items:flex-start!important}.header{padding-bottom:14px!important}.header h1{font-size:1.25rem!important}.header p{font-size:.8rem!important}.card{border-radius:8px!important;padding:16px!important}button{min-height:44px;padding:11px 14px;font-size:.86rem}input,select,textarea{font-size:16px}.grid-list,[style*=grid-template-columns]{grid-template-columns:1fr!important}[style*="display: flex"][style*="gap: 24"],[style*="display: flex"][style*="gap: 28"],[style*="display: flex"][style*="gap: 16"]{gap:12px!important}[style*="display: flex"][style*="justify-content: space-between"],[style*=display\:flex][style*="justify-content: space-between"]{flex-wrap:wrap!important}[style*="display: flex"][style*="align-items: center"][style*=gap]{min-width:0}[style*="min-width: 300px"]{width:min(100%,360px)!important;min-width:0!important}[style*="max-width: 480px"],[style*="max-width: 440px"]{max-width:100%!important}[style*="padding: 40px 30px"]{padding:28px 18px!important}[style*="padding: 40px"]{padding:24px!important}[style*="font-size: 3.2rem"],[style*="font-size: 3rem"],[style*="font-size: 2.5rem"]{font-size:2rem!important}[style*="font-size: 1.8rem"]{font-size:1.35rem!important}[style*="height: 170px"]{height:118px!important}.header img[src="/hexamad_logo.png"],.admin-sidebar img[src="/hexamad_logo.png"],.admin-mobile-header img[src="/hexamad_logo.png"],.auth-container~img[src="/hexamad_logo.png"],.auth-container img[src="/hexamad_logo.png"],.container>img[src="/hexamad_logo.png"]{max-width:170px;height:var(--brand-logo-mobile-height)!important}.admin-sidebar button{white-space:normal!important}.property-switcher{width:100%!important}.property-switcher-button{justify-content:space-between!important;width:100%!important}.property-switcher-menu{width:min(100%,320px)!important;min-width:0!important;left:0!important;right:auto!important}.app-dashboard-header{padding-right:58px!important}.dashboard-logout{top:10px!important;right:0!important}.bottom-nav{justify-content:flex-start;gap:8px;overflow-x:auto}.nav-item{flex:1 0 92px;padding-inline:8px}.nav-item span{font-size:.62rem}}@media (width<=560px){.container{padding-inline:10px!important}.card{margin-bottom:10px}.flex-between{flex-direction:column;width:100%}.flex-between>*{width:100%}.flex-between button,.flex-between a{width:auto}[style*="display: flex"][style*="gap: 12"],[style*="display: flex"][style*="gap: 16"],[style*="display: flex"][style*="gap: 24"]{flex-wrap:wrap!important}[style*="display: flex"][style*="gap: 8"] input,[style*="display: flex"][style*="gap: 12"] input,[style*="display: flex"][style*="gap: 8"] select,[style*="display: flex"][style*="gap: 12"] select{flex:100%!important}[style*="display: flex"][style*="gap: 8"] button,[style*="display: flex"][style*="gap: 12"] button{flex:auto}[style*="width: 60px"],[style*="width: 48px"],[style*="width: 44px"],[style*="width: 40px"]{flex-shrink:0}[style*="padding: 24px 32px"]{padding:20px 14px!important}[style*="padding: 32px 24px"]{padding:22px 16px!important}[style*="padding: 16px 32px"]{padding:14px 18px!important}[style*="border-radius: 30"]{border-radius:14px!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}