/* CUSTOMIZE: See CUSTOMIZATION_GUIDE.txt before changing branding, colours, or layout tokens. */
.danger{background:#fff0f0;color:#b42318;padding:10px 14px;border-radius:7px;font-weight:700}.card-actions{display:flex;gap:8px;margin-top:14px}.card-actions .secondary{padding:8px 11px}.card-actions .danger{padding:8px 11px}
.bulk-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.bulk-actions button{min-height:38px}.admin-select{width:18px;height:18px;accent-color:var(--blue)}.admin-side #archive,.admin-side #deleted-items{border-top:1px solid #38566a;margin-top:8px}.admin-side #archive{margin-top:auto}
.record-tabs{display:flex;gap:8px;margin-bottom:14px}.record-tabs button{padding:10px 14px;border-radius:7px;background:#eaf0f7;color:#294765;font-weight:700}.record-tabs button:hover{background:#d7e5f5}
.signin-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#0b1c30a8}.signin-dialog{position:relative;width:min(420px,100%);padding:30px;border-radius:13px;background:#fff;box-shadow:0 24px 60px #06132166}.signin-dialog h2{font:800 26px 'Segoe UI',Arial,sans-serif;margin:8px 0}.modal-close{position:absolute;top:12px;right:14px;padding:4px 10px;background:transparent;font-size:25px;color:#607087}.signin-dialog .primary{margin-top:20px}
.auth-footer{margin:35px 0 0;text-align:center;color:#7b8798;font-size:11px;letter-spacing:.04em}
.home-logo{display:flex;align-items:center;gap:9px}.home-logo::before{content:'P';display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:var(--blue);color:#fff;font:800 15px 'Segoe UI',Arial,sans-serif}.legal-page{max-width:920px;margin:0 auto;padding:70px 30px;min-height:60vh}.legal-page h1{font:800 42px 'Segoe UI',Arial,sans-serif;margin:12px 0 28px}.legal-page .panel{margin-top:25px}.legal-page textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:10px}.home footer button{background:transparent;color:inherit;text-decoration:underline;padding:0 3px}
.side [data-p="admin"]{display:none}.admin-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:var(--bg)}.admin-side{padding:28px 15px;background:#191b2b;color:#e4e6ef}.admin-side strong{display:block;font:700 15px/1.35 'Segoe UI',Arial,sans-serif}.admin-side small{display:block;color:#a4aac2;margin:8px 0 30px}.admin-side button{display:block;width:100%;text-align:left;padding:11px 10px;background:transparent;color:#d5d9e8;border-radius:7px}.admin-side button:hover{background:#30344e}.admin-side #admin-out{margin-top:25px;color:#ffa8a8}.admin-content{padding:42px;max-width:1400px;width:100%;margin:auto}@media(max-width:800px){.admin-shell{grid-template-columns:1fr}.admin-side{display:flex;gap:5px;overflow:auto;align-items:center;padding:12px}.admin-side small{display:none}.admin-side button{white-space:nowrap;width:auto}.admin-content{padding:22px}}
.home{background:#fff;min-height:100vh}.home-nav{display:flex;justify-content:space-between;align-items:center;padding:21px max(5vw,28px);border-bottom:1px solid var(--line)}.home-logo{font:800 17px 'Segoe UI',Arial,sans-serif;color:var(--blue)}.home-logo span{font-size:10px;color:var(--ink);margin-left:6px}.nav-link{padding:10px 16px;background:transparent;color:var(--ink);font-weight:700}.home-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;max-width:1200px;margin:auto;padding:78px 30px}.home-hero h1{font:800 clamp(36px,5vw,62px)/1.08 'Segoe UI',Arial,sans-serif;margin:13px 0}.home-hero p{font-size:17px;line-height:1.65;color:var(--muted);max-width:630px}.home-hero img{width:100%;height:440px;object-fit:cover;border-radius:15px}.hero-actions{display:flex;gap:12px;margin:25px 0 14px}.home-hero small{color:var(--muted)}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);background:var(--navy);color:#fff;padding:28px max(5vw,28px);gap:24px}.home-stats strong,.home-stats span{display:block}.home-stats strong{font:800 19px 'Segoe UI',Arial,sans-serif}.home-stats span{color:#bbcade;margin-top:4px}.feature-section{max-width:1200px;margin:auto;padding:80px 30px;display:grid;grid-template-columns:.7fr 1.3fr;gap:55px}.feature-section h2,.demo h2{font:800 34px/1.15 'Segoe UI',Arial,sans-serif;margin:10px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-grid article{border:1px solid var(--line);border-radius:10px;padding:19px}.feature-grid h3{font:700 17px 'Segoe UI',Arial,sans-serif}.feature-grid p{color:var(--muted);line-height:1.55}.demo{background:#183e69;color:white;display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:70px max(5vw,30px)}.demo p{color:#d4e2f0;line-height:1.6}.video-placeholder{min-height:220px;display:grid;place-content:center;text-align:center;gap:10px;background:#0d2847;border:1px solid #48719b;border-radius:12px}.video-placeholder span{font-size:30px;color:var(--gold)}.video-placeholder small{color:#bcd0e3}.home footer{padding:24px;text-align:center;color:var(--muted);font-size:12px}.guest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.guest-card{display:flex;gap:13px;padding:15px;border:1px solid var(--line);background:#fff;border-radius:10px}.guest-card>img,.guest-avatar{width:54px;height:54px;flex:0 0 54px;border-radius:9px;object-fit:cover}.guest-avatar{display:grid;place-items:center;background:#dceafa;color:var(--blue);font:bold 21px 'Segoe UI',Arial,sans-serif}.guest-card h3{font:700 16px 'Segoe UI',Arial,sans-serif;margin:0}.guest-card p{font-size:12px;color:var(--muted);margin:5px 0 10px}.guest-card div div{display:flex;gap:15px;font-size:12px}.guest-card strong{color:#b14c00}.search-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.search-row input{max-width:380px}.search-row span{color:var(--muted)}.export-panel{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:15px}.export-panel label{display:grid;gap:7px;font-weight:600}.export-panel div{display:flex;gap:10px}.export-panel a{text-decoration:none}.form-grid textarea{width:100%;border:1px solid #cbd5e1;border-radius:7px;padding:9px;resize:vertical}@media(max-width:850px){.home-hero,.feature-section,.demo{grid-template-columns:1fr}.home-hero{padding:45px 24px}.home-hero img{height:280px}.feature-grid,.guest-grid{grid-template-columns:1fr}.home-stats{grid-template-columns:1fr}.export-panel{align-items:stretch;flex-direction:column}} 
.auth .primary{margin-top:22px;min-height:46px}.auth .text-button{margin-top:8px}
.home-logo::before{content:'⌂';font-size:18px}.home-icon{font-size:20px}
.home-logo .brand-initial{display:none}.brand-mark .brand-initial{font-size:0}.brand-mark .brand-initial::after{content:'⌂';font-size:20px}.home-logo::before{content:'⌂'}
.add-more{display:flex;align-items:center;gap:9px;margin:4px 0 18px;font-weight:700}.add-more input{width:18px;min-height:18px}.contact-card{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;max-width:1040px;margin:auto}.contact-card>aside{padding:34px;border-radius:12px;background:linear-gradient(145deg,#10243c,#1d5fab);color:white}.contact-card>aside h2{font:800 28px/1.2 'Segoe UI',Arial,sans-serif;margin:15px 0}.contact-card>aside p{line-height:1.7;color:#dce7f3}.contact-card .form-panel{max-width:none}.contact-card .wide{grid-column:1/-1}@media(max-width:850px){.contact-card{grid-template-columns:1fr}}
.search-select{position:relative}.search-select-input{padding-right:42px}.search-select-toggle{position:absolute;right:1px;top:1px;width:40px;height:40px;background:transparent;color:var(--blue);font-size:20px}.search-select-menu{display:none;position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;max-height:210px;overflow:auto;background:#fff;border:1px solid #b9c8d9;border-radius:8px;box-shadow:0 12px 28px #10243c24;padding:5px}.search-select.open .search-select-menu{display:block}.search-select-option{display:block;width:100%;padding:10px;text-align:left;background:#fff;color:var(--ink);border-radius:5px}.search-select-option:hover{background:#eaf2fc}.search-select-option[hidden]{display:none}
.record-photo,.record-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;object-fit:cover}.record-avatar{background:#dceafa;color:var(--blue);font-weight:800}
.record-photo{cursor:zoom-in}.image-dialog{position:fixed;z-index:1000;inset:0;background:#061321c9;display:grid;place-items:center;padding:35px}.image-dialog img{max-width:min(92vw,900px);max-height:86vh;border-radius:10px;box-shadow:0 18px 60px #000}.image-dialog button{position:absolute;top:20px;right:26px;background:#fff;color:#10243c;width:42px;height:42px;border-radius:50%;font-size:28px}
.home footer{color:#34465c}.feature-grid article{background:linear-gradient(145deg,#f8fbff,#eef4fa);border-color:#d7e2ee;box-shadow:0 7px 18px #10243c0b}.feature-grid article h3{color:#163f6c}
.home-hero{position:relative}.home-slider-image{transition:opacity .17s ease}.slider-dots{position:absolute;right:48px;bottom:95px;display:flex;gap:7px}.slider-dots button{width:9px;height:9px;padding:0;border-radius:50%;background:#ffffff99;border:1px solid #fff}.slider-dots button.active{width:25px;border-radius:8px;background:#fff}@media(max-width:850px){.slider-dots{right:42px;bottom:65px}}
.user-utility{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin:-19px 0 23px;position:relative}.user-utility>a,.profile-button{border:1px solid #d5e0ec;border-radius:8px;padding:8px 11px;background:#fff;color:#244162;font-weight:700;text-decoration:none}.profile-button{display:flex;gap:7px;align-items:center}.profile-popover{position:absolute;top:43px;right:0;z-index:50;width:220px;padding:14px;background:#fff;border:1px solid #d4e0ec;border-radius:10px;box-shadow:0 14px 30px #10243c25}.profile-popover strong,.profile-popover small{display:block}.profile-popover small{margin:4px 0 12px;color:var(--muted)}.profile-popover button{width:100%;padding:9px;border-radius:6px;background:#edf2f8;color:#244162;font-weight:700}.dropdown-empty{display:block;padding:10px;color:var(--muted);font-size:12px}
:root{--navy:#10243c;--blue:#1d5fab;--ink:#182534;--muted:#66758a;--line:#e5eaf0;--bg:#f5f7f9;--gold:#f1bd4f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'Segoe UI',sans-serif}button,input,select{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #86b7f2;outline-offset:2px}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.side{background:var(--navy);color:#d8e1ed;padding:26px 15px}.brand-mark{display:flex;align-items:center;gap:11px;padding:0 10px 34px}.brand-initial{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:var(--gold);color:#1f2937;font:bold 17px 'Segoe UI',Arial,sans-serif}.brand-mark strong{display:block;max-width:176px;color:#fff;font:700 14px 'Segoe UI',Arial,sans-serif;line-height:1.25}.brand-mark small{color:#9caec3;font-size:12px}.nav p{font-size:10px;font-weight:700;letter-spacing:.13em;color:#7f94ae;margin:22px 10px 7px}.nav button{width:100%;text-align:left;border-radius:7px;padding:10px;color:#cbd7e5;background:transparent}.nav button:hover,.nav button.active{background:#213a5b;color:#fff}.signout{margin-top:24px;color:#9eb2c9!important}.content{width:min(1320px,100%);margin:auto;padding:42px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:27px}.topbar h1{font:800 29px 'Segoe UI',Arial,sans-serif;margin:5px 0}.muted{color:var(--muted);margin:5px 0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#dce8f9}.eyebrow.blue{color:var(--blue)}.top-actions{display:flex;align-items:center;gap:10px}.trial{font-weight:600;color:#8a5a00;background:#fff2d1;padding:9px 12px;border-radius:7px}.primary,.secondary,.light-button{padding:10px 15px;border-radius:7px;font-weight:700}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #1d5fab2a}.primary:hover{background:#164d8c}.secondary{background:#edf2f8;color:#244162}.light-button{background:#fff;color:#193b63}.full{width:100%}.text-button{width:100%;padding:13px 4px;background:transparent;color:var(--blue);font-weight:700}.hero-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:270px;border-radius:14px;overflow:hidden;background:#183e69;color:white}.hero-card>div{padding:38px 42px}.hero-card h2{font:800 30px 'Segoe UI',Arial,sans-serif;margin:10px 0}.hero-card p{max-width:480px;color:#c6d7eb;line-height:1.6}.hero-card img{width:100%;height:100%;object-fit:cover}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:18px}.card,.panel{background:white;border:1px solid var(--line);border-radius:11px}.card{padding:20px}.card small,.card span{display:block;color:var(--muted)}.card strong{display:block;margin:11px 0 4px;font:800 27px 'Segoe UI',Arial,sans-serif}.panel{padding:23px}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:15px;margin-top:18px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel h2{font:700 18px 'Segoe UI',Arial,sans-serif;margin:4px 0}.table-panel{padding:8px 20px}table{border-collapse:collapse;width:100%}th{text-align:left;color:#7b889a;font-size:10px;letter-spacing:.09em;padding:13px 8px}td{padding:16px 8px;border-top:1px solid var(--line)}td small{color:var(--muted)}.amount{font-weight:700}.empty{padding:35px;text-align:center;color:var(--muted)}.form-panel{max-width:850px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-bottom:22px}.form-grid label,.field{display:grid;gap:7px;font-weight:600;color:#35455a}input,select{width:100%;min-height:42px;border:1px solid #cbd5e1;border-radius:7px;background:white;padding:9px 11px;color:var(--ink)}.error{color:#bd2424;margin:12px 0}.property-grid,.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.property-card{overflow:hidden;background:white;border:1px solid var(--line);border-radius:11px}.property-card img{width:100%;height:140px;object-fit:cover}.property-card div{padding:16px}.property-card span{color:var(--blue);font-size:12px;font-weight:700}.property-card h2{font:700 18px 'Segoe UI',Arial,sans-serif;margin:6px 0}.property-card p{color:var(--muted);margin:0}.pricing article{padding:25px;background:white;border:1px solid var(--line);border-radius:11px}.pricing .featured{border:2px solid var(--blue);box-shadow:0 10px 30px #1d5fab16}.pricing span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.1em}.pricing h2{font:800 28px 'Segoe UI',Arial,sans-serif;margin:14px 0 4px}.pricing p,.pricing li{color:var(--muted)}.pricing ul{padding-left:19px;line-height:2}.sync-card{display:flex;align-items:center;gap:16px}.sync-card a{margin-left:auto;text-decoration:none}.sync-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ddf4e6;color:#147347;font-size:20px;font-weight:bold}.auth-layout{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.auth-photo{background:linear-gradient(90deg,#10243ccf,#10243c59),url('/assets/interior.jpg') center/cover}.photo-copy{max-width:590px;margin:30vh auto;padding:30px;color:white}.photo-copy h1{font:800 42px/1.14 'Segoe UI',Arial,sans-serif;margin:13px 0}.photo-copy p{color:#dce7f3;font-size:17px;line-height:1.6}.auth{align-self:center;width:min(440px,calc(100% - 48px));margin:50px auto;padding:32px}.wordmark{font:800 20px 'Segoe UI',Arial,sans-serif;color:var(--blue);margin-bottom:54px}.wordmark span{color:var(--ink);font-size:13px}.auth h2{font:800 28px 'Segoe UI',Arial,sans-serif;margin:0}.field{margin-top:16px}.notice{padding:12px;background:#fff3d5;color:#765700;border-radius:7px;line-height:1.5}.hidden{display:none}@media(max-width:850px){.shell{grid-template-columns:1fr}.side{padding:13px;display:flex;overflow:auto}.brand-mark{padding:0 18px 0 0;min-width:175px}.nav{display:flex}.nav p{display:none}.nav button{white-space:nowrap}.content{padding:24px}.grid{grid-template-columns:repeat(2,1fr)}.auth-layout{grid-template-columns:1fr}.auth-photo{display:none}.property-grid,.pricing{grid-template-columns:1fr}.split{grid-template-columns:1fr}}@media(max-width:520px){.content{padding:18px}.topbar{display:block}.top-actions{margin-top:15px}.hero-card{grid-template-columns:1fr}.hero-card img{display:none}.grid,.form-grid{grid-template-columns:1fr}.sync-card{align-items:flex-start;flex-wrap:wrap}.sync-card a{margin-left:0}}

/* Keep workspace pages at the top while retaining horizontal centering. */
.content,.admin-content{align-self:start;margin:0 auto}
.maintenance-notice{margin:18px max(5vw,28px) 0;padding:14px 18px;border:1px solid #eed18a;border-radius:8px;background:#fff3d5;color:#654900;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
/* Workspace visual system */
:root{--navy:#112a3c;--blue:#236879;--ink:#20374b;--muted:#718294;--line:#e1e9ef;--bg:#f4f7fa;--gold:#8dd1cd}
body{font-size:14px;line-height:1.5}button,a,input,textarea{transition:background .16s,border-color .16s,box-shadow .16s}button{font-weight:600}.ui-icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.shell{grid-template-columns:244px minmax(0,1fr)}.side{padding:34px 17px;position:sticky;top:0;height:100vh;background:linear-gradient(165deg,#153449,#102637);display:flex;flex-direction:column}.brand-mark{padding:0 6px 35px;align-items:flex-start}.brand-mark strong{font-size:15px;line-height:1.4}.brand-mark small{font-size:9px;letter-spacing:.13em;display:block;margin-top:8px}.brand-initial{width:37px;height:37px;flex-shrink:0;background:#8dd1cd}.nav p{margin:24px 12px 12px;font-size:9px;letter-spacing:.18em}.nav button{display:flex;align-items:center;gap:12px;margin:5px 0;padding:12px;border-radius:9px;font-size:13px}.nav button.active{background:#285366;box-shadow:inset 3px 0 #8dd1cd}.nav .ui-icon{color:#9dbcc9}.nav button.active .ui-icon{color:#a9ece5}.sidebar-note{margin-top:auto;padding:35px 12px 0;color:#8ca8b8;font-size:11px;line-height:1.9}.content,.admin-content{max-width:1500px;width:100%;padding:24px 36px 48px;min-width:0}.user-utility{min-height:40px;margin:0 0 28px;gap:10px;flex-wrap:wrap}.user-utility>a,.profile-button,.signout-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px;padding:8px 12px;border:1px solid #dce5ed;border-radius:9px;background:#fff;color:#496075;font-size:12px;box-shadow:0 2px 3px #1c334403}.user-utility>a:hover,.profile-button:hover{border-color:#92b4c1;background:#f1f8fa}.signout-button{color:#79504f;background:#fff;white-space:nowrap}.signout-button:hover{background:#fff2f0;border-color:#e4b9b3}.profile-popover{top:48px;right:110px;text-align:left}.topbar{margin-bottom:24px;align-items:center}.topbar h1{font-size:28px;letter-spacing:-.8px;color:#1c354a;margin:3px 0 7px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px}.muted{font-size:12px;line-height:1.7}.eyebrow.blue{font-size:9px;letter-spacing:.18em}.primary,.secondary,.light-button{min-height:40px;padding:10px 16px;font-size:12px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary{background:#236879;box-shadow:0 3px 8px #23687920}.primary:hover{background:#195667}.secondary{background:#fff;border-color:#d9e3eb;color:#446175}.secondary:hover{background:#edf5f8;border-color:#9dbdca}.panel,.card,.property-card,.pricing article{border-color:#e1e8ef;box-shadow:0 3px 14px #18354c04;border-radius:12px}.panel{padding:24px}.panel+.panel,.property-grid+.panel{margin-top:22px}.panel h2{font-size:17px;letter-spacing:-.3px}.form-panel{max-width:none;padding:28px 30px}.form-grid{gap:21px 26px;align-items:start;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.form-grid label,.field{font-size:12px;font-weight:600;color:#4a6073;gap:8px;min-width:0}input,select,textarea{font:400 13px 'Segoe UI',sans-serif;min-height:44px;border:1px solid #d6e1e9;border-radius:8px;padding:11px 13px;width:100%;background:#fff;color:#243e52}input:hover,textarea:hover{border-color:#a3bbc9}input:focus,textarea:focus{border-color:#4e8d9d;box-shadow:0 0 0 3px #23687912;outline:0}input[readonly],input:disabled{background:#f4f7fa;color:#738597}input[type=file]{padding:8px}input::file-selector-button{background:#eaf2f6;border:0;border-radius:5px;color:#3c5d70;padding:6px 10px;margin-right:10px}textarea{resize:vertical;min-height:90px}.form-grid textarea{padding:11px 13px;border-color:#d6e1e9;border-radius:8px}.remarks-field{margin:4px 0 24px;position:relative}.optional{font-weight:400;color:#8c9caa;display:inline;position:absolute;right:0;top:0}.add-more{font-size:12px;color:#526d7d;margin:22px 0}.add-more input{accent-color:#236879;flex:0 0 17px}.search-select-toggle{top:4px;right:4px;width:35px;height:35px;border-radius:6px;background:#f2f6f9;color:#658496;display:grid;place-items:center}.search-select-toggle:hover{background:#e4eff3}.search-select-toggle .ui-icon{width:16px;height:16px;transition:transform .18s}.search-select.open .search-select-toggle .ui-icon{transform:rotate(180deg)}.search-select-input{padding-right:48px}.search-select-menu{border:1px solid #cfdde5;box-shadow:0 12px 28px #153b511a;border-radius:9px;padding:6px;max-height:225px}.search-select-option{font-size:12px;padding:10px 12px;line-height:1.5;color:#405c6e}.search-select-option:hover,.search-select-option:focus{background:#eaf4f5;outline:0;color:#236879}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23658496' stroke-width='1.7'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:42px}.table-panel{padding:0;overflow-x:auto;max-width:100%}table{font-size:12px;min-width:650px}th{background:#f4f8fa;color:#6e8394;font-size:9px;font-weight:700;letter-spacing:.08em;padding:15px 16px;border-bottom:1px solid #e0e8ee;white-space:nowrap}td{padding:16px;vertical-align:middle;border-top:0;border-bottom:1px solid #edf1f5;color:#3d5366;line-height:1.7}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#f8fbfc}td small{font-size:10px;color:#8a9aaa}.remark-cell{min-width:190px;max-width:260px;white-space:normal;overflow-wrap:anywhere;font-size:11px}.remark-cell strong{font-size:9px;letter-spacing:.04em;color:#236879}.record-avatar{border-radius:10px;background:#e7f1f3;color:#387889;font-size:15px}.record-photo{border:2px solid white;box-shadow:0 1px 4px #18354c15}.search-row{gap:18px;padding:20px 24px;margin:0}.search-row input{width:270px}.export-panel{padding:20px 24px;margin:0;align-items:center;flex-wrap:wrap}.export-panel>div{flex-wrap:wrap}.export-panel label{font-size:12px}.export-panel input{min-width:260px}.sync-overview{display:flex;gap:18px;align-items:center;margin-bottom:20px;border-left:3px solid #76b9b3}.sync-overview>div:nth-child(2){flex:1}.sync-badge{background:#e5f3ef;color:#438879;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;flex-shrink:0}.sync-overview p{margin:4px 0}.hero-card{min-height:245px;background:linear-gradient(125deg,#1d485d,#276779)}.hero-card>div{padding:30px 34px}.hero-card h2{font-size:28px}.hero-card p{font-size:13px}.grid{gap:18px;margin-top:22px}.card{padding:23px}.card strong{font-size:27px;color:#214e63}.card small{font-size:11px}.card span{font-size:11px}.split{margin-top:22px;gap:18px}.welcome{padding:25px}.property-grid{gap:22px}.property-card div{padding:21px}.property-card div div{padding:0}.property-card img{height:170px}.admin-shell{grid-template-columns:244px minmax(0,1fr)}.admin-side{padding:34px 20px;background:linear-gradient(165deg,#153449,#102637)}.admin-side button{font-size:12px;padding:12px;border-radius:8px;margin-bottom:4px}.admin-side strong{line-height:1.5}.admin-side small{color:#8eafbf;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.admin-content>#data{padding:24px}.admin-content #admin-table{overflow-x:auto;margin:16px -24px -24px}.admin-content #data>.search-row{padding:0}.admin-content #data>.export-panel{padding:15px 0}.admin-content #data>.form-grid{margin-top:24px}.home-nav>div:last-child{display:flex;align-items:center;gap:12px}.nav-user{font-size:12px;color:#6c8190}.notice{font-size:12px}.error:empty{display:none}
@media(min-width:1600px){.content{padding-left:55px;padding-right:55px}}@media(max-width:1050px){.shell,.admin-shell{grid-template-columns:210px minmax(0,1fr)}.content,.admin-content{padding:20px 24px 35px}.topbar{align-items:flex-start;flex-direction:column}.top-actions{justify-content:flex-start}.property-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.shell,.admin-shell{display:block}.side{height:auto;position:static;padding:15px;display:block}.brand-mark{padding:0 5px 15px;align-items:center}.brand-mark strong{max-width:none}.brand-mark small,.sidebar-note{display:none}.nav{display:flex;overflow-x:auto;gap:5px}.nav p{display:none}.nav button{width:auto;white-space:nowrap;padding:10px}.nav .ui-icon{width:17px;height:17px;flex-basis:17px}.admin-side{display:flex;overflow-x:auto;align-items:center;padding:14px;gap:8px}.admin-side strong{min-width:155px;font-size:12px}.admin-side small{display:none}.admin-side button{width:auto;white-space:nowrap}.user-utility{margin-bottom:20px}.form-panel{padding:22px}.sync-overview{flex-wrap:wrap}.hero-card>div{padding:26px}.topbar h1{font-size:25px}}@media(max-width:560px){.content,.admin-content{padding:16px}.form-grid{grid-template-columns:1fr;gap:16px}.user-utility{gap:6px}.user-utility>a,.profile-button,.signout-button{font-size:11px;padding:8px}.ui-icon{width:17px;height:17px;flex-basis:17px}.property-grid{grid-template-columns:1fr}.search-row{align-items:stretch;flex-direction:column}.search-row input{width:100%}.export-panel input{min-width:0}.export-panel{align-items:stretch}.sync-overview{padding:18px}.sync-overview>div:nth-child(2){min-width:160px}.top-actions .primary,.top-actions .secondary{padding:9px 11px;font-size:11px}.profile-popover{right:0}.home-nav{padding:18px;gap:12px}.home-logo{font-size:13px}.nav-user{display:none}}

.split>.panel{margin-top:0}.table-panel td:has(.amount){text-align:right}

/* Moderate slate-and-teal theme: retain layout, strengthen surface contrast. */
:root {
  --bg: #dce5eb;
  --ink: #203849;
  --muted: #536b7d;
  --line: #bdcdd7;
  --blue: #245c70;
}
body, .shell, .admin-shell { background: var(--bg); }
.content, .admin-content { background: var(--bg); }
.panel, .card, .property-card, .pricing article {
  background: #edf2f5;
  border-color: #beced8;
  box-shadow: 0 4px 14px #17384c0b;
}
.muted, .card small, .card span, .property-card p { color: #546d7e; }
th { background: #ccdae3; color: #365469; border-color: #b5c7d3; }
td { border-bottom-color: #cfdae2; color: #304d62; }
tbody tr:nth-child(even) { background: #e3ebf0; }
tbody tr:hover { background: #d7e5ed; }
td small { color: #5b7384; }
input, select, textarea, .form-grid textarea {
  background-color: #f5f8fa;
  border-color: #b3c5d1;
  color: #263f53;
}
input[readonly], input:disabled { background: #dfe8ee; color: #556f82; }
.search-select-toggle { background: #dce7ee; color: #3e657c; }
.search-select-menu, .search-select-option { background: #edf3f6; }
.search-select-option:hover, .search-select-option:focus { background: #d3e5eb; }
.secondary, .user-utility>a, .profile-button, .signout-button, .home-control {
  background: #eaf1f5;
  border-color: #b8cbd7;
  color: #35566c;
}
.primary { background: #245c70; }
.primary:hover { background: #19495c; }
.user-utility>a:hover, .profile-button:hover, .secondary:hover { background: #d3e4ec; }
.signout-button { color: #784c46; }
.sync-overview { border-left-color: #438f92; }
.sync-badge { background: #c9dfdf; color: #28646b; }
.optional { color: #637c8e; }
.home { background: #e3ebf0; }
.home-nav { background: #d5e1e9; border-color: #b8cad6; }
.feature-grid article { background: #d9e5ec; border-color: #b8cbd6; }
.home footer { background: #d3e0e8; color: #425d72; }
.auth { background: #eaf0f4; border: 1px solid #bdcdd8; border-radius: 14px; }
.profile-popover { background: #edf3f6; border-color: #b8cad6; }
.home-logo { text-decoration: none; color: #214b63; }
.home-logo::before { content: none; display: none; }
.home-logo .home-emblem { display: inline-flex; margin-left: 0; }
.home-emblem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  border: 1px solid #91bfc4;
  border-radius: 10px;
  background: linear-gradient(145deg, #a2d0d0, #78b4bc);
  color: #173e51;
  text-decoration: none;
  box-shadow: 0 2px 5px #102f4314;
}
.home-emblem .ui-icon { width: 23px; height: 23px; flex-basis: 23px; }
.home-emblem:hover { background: #b1dadd; }
.home-control {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 39px;
  padding: 8px 12px;
  border: 1px solid #b8cbd7;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}
.home-control:hover { background: #d3e4ec; }
.auth-home { display: flex; justify-content: flex-end; margin-bottom: 22px; }
.admin-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #e4edf3; }
.admin-brand strong { font-size: 13px; }
@media(max-width:850px) {
  .admin-brand { flex-shrink: 0; }
  .admin-brand strong { min-width: 130px; }
}
@media(max-width:560px) {
  .home-control { font-size: 11px; padding: 8px; }
  .home-logo { gap: 8px; }
  .home-logo .home-emblem { width: 32px; height: 32px; flex-basis: 32px; }
}

/* Colour finish: white workspace canvas with calm, varied card surfaces. */
:root {
  --bg: #ffffff;
  --ink: #193247;
  --muted: #5d7181;
  --line: #d7e3ea;
  --blue: #216579;
  --gold: #c58b2a;
}

body,
.shell,
.admin-shell,
.content,
.admin-content {
  background: #ffffff;
}

.side,
.admin-side {
  background: linear-gradient(165deg, #173e52 0%, #102b3e 100%);
}

.panel,
.card,
.property-card,
.pricing article {
  background: linear-gradient(145deg, #ffffff 0%, #f3f8fa 100%);
  border-color: #d3e1e8;
  box-shadow: 0 8px 24px rgba(22, 64, 84, .09);
}

/* Dashboard tiles use restrained colour coding for faster scanning. */
.grid > .card:nth-child(1) {
  background: linear-gradient(145deg, #e7f5f4, #d2ece9);
  border-color: #b4dcd7;
}
.grid > .card:nth-child(2) {
  background: linear-gradient(145deg, #eef1fb, #dfe5f7);
  border-color: #c8d2ee;
}
.grid > .card:nth-child(3) {
  background: linear-gradient(145deg, #fff5df, #fce8ba);
  border-color: #ecd39b;
}
.grid > .card:nth-child(4) {
  background: linear-gradient(145deg, #f4eefa, #e8def5);
  border-color: #d9c8ec;
}
.grid > .card strong { color: #1e5265; }

.hero-card {
  background: linear-gradient(118deg, #1b5367 0%, #247b80 58%, #3f9a96 100%);
  box-shadow: 0 12px 30px rgba(26, 91, 103, .2);
}

.welcome {
  background: linear-gradient(145deg, #f0f8f8, #e1f0f1);
  border-color: #c2dfe0;
}
.activity {
  background: linear-gradient(145deg, #f8f3ff, #eee6fa);
  border-color: #d9caed;
}
.sync-overview {
  background: linear-gradient(145deg, #eff9f5, #e1f1eb);
  border-color: #c0ded2;
}
.trial {
  background: #fff1c9;
  border: 1px solid #edd28f;
  color: #805a10;
}

.table-panel,
.form-panel,
.export-panel,
.search-row {
  background: #ffffff;
}
th {
  background: #eaf3f6;
  color: #31576b;
  border-bottom-color: #c8dbe4;
}
tbody tr:nth-child(even) { background: #f6fafb; }
tbody tr:hover { background: #eaf5f6; }

.property-card:nth-child(3n + 1) { border-top: 4px solid #57a6a0; }
.property-card:nth-child(3n + 2) { border-top: 4px solid #7d91cf; }
.property-card:nth-child(3n) { border-top: 4px solid #d0a64e; }
.pricing article:nth-child(1) { background: linear-gradient(145deg, #f5f8fb, #e8eff5); }
.pricing article:nth-child(2) { background: linear-gradient(145deg, #e9f8f6, #d4efea); }
.pricing article:nth-child(3) { background: linear-gradient(145deg, #fff7e7, #fcead0); }

.home { background: #ffffff; }
.home-nav { background: #ffffff; }
.feature-grid article:nth-child(3n + 1) { background: linear-gradient(145deg, #eaf8f7, #dff0ef); }
.feature-grid article:nth-child(3n + 2) { background: linear-gradient(145deg, #f0f2fc, #e5e9f8); }
.feature-grid article:nth-child(3n) { background: linear-gradient(145deg, #fff8e9, #fcefd2); }

input,
select,
textarea,
.form-grid textarea {
  background: #ffffff;
  border-color: #c5d6df;
}
input[readonly], input:disabled { background: #f0f5f7; }
.primary { background: #216579; }
.primary:hover { background: #174f61; }
.secondary { background: #f3f8fa; }
.secondary:hover { background: #e1f0f3; }

@media (max-width: 560px) {
  .panel,
  .card,
  .property-card,
  .pricing article { box-shadow: 0 5px 16px rgba(22, 64, 84, .08); }
}
.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#10263799;backdrop-filter:blur(4px)}
.modal-card{position:relative;width:min(440px,100%);padding:28px;border:1px solid #dce7ed;border-radius:16px;background:#fff;box-shadow:0 22px 70px #10263740}.modal-card h2{margin:0 0 6px;color:#1c354a}.modal-card .field{display:flex;margin-top:15px}.modal-close{position:absolute;top:12px;right:14px;border:0;background:transparent;color:#6b8090;font-size:25px;line-height:1;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.modal-actions button{min-width:100px}
.modal-card{box-sizing:border-box}.modal-card .field{display:grid;grid-template-columns:1fr;align-items:stretch;width:100%;margin:16px 0 0}.modal-card .field input{display:block;width:100%;min-width:0;box-sizing:border-box}.modal-card .modal-actions{width:100%;align-items:center}.modal-card .modal-actions button{flex:0 0 auto}
.formatted-content{white-space:normal;line-height:1.8}.table-search{min-width:260px;margin-top:8px}
.formatted-content{line-height:1.85;color:#40586b}.formatted-content h3{margin:24px 0 8px;color:#1d5266;font-size:17px}.formatted-content p{margin:0 0 14px}.formatted-content ol{margin:8px 0 18px;padding-left:24px}.formatted-content li{margin:7px 0}.message-cell{max-width:280px;white-space:pre-wrap;overflow-wrap:anywhere}
/* Public information and property directory */
.home-nav > div { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.home-nav .nav-link { text-decoration:none; }
.feature-section details { padding:14px 0; border-bottom:1px solid #cad8de; }
.feature-section summary { cursor:pointer; font-weight:600; }
#listing-results { margin-top:24px; }
#listing-results article { overflow-wrap:anywhere; }
@media(max-width:700px) { .home-nav { flex-wrap:wrap; gap:16px; } }

.mobile-nav-toggle { display:none; }
@media(max-width:850px) {
  .brand-mark { position:relative; }
  .mobile-nav-toggle {
    display:grid;
    place-items:center;
    margin-left:auto;
    width:42px;
    height:42px;
    border:1px solid #406b7b;
    border-radius:9px;
    background:#214b60;
    color:#d8f2ef;
  }
  .nav { display:none; overflow:visible; }
  .nav.open { display:block; }
  .nav p { display:block; }
  .nav button { width:100%; white-space:normal; }
}
/* Responsive workspace, authentication and administration. */
html { -webkit-text-size-adjust:100%; }
body { min-width:0; }
.shell,.admin-shell { grid-template-columns:250px minmax(0,1fr); }
.content,.admin-content,.auth,.panel,.side,.admin-side,.property-card,.pricing article { min-width:0; }
.content,.admin-content { padding:clamp(16px,3vw,42px); }
.topbar,.top-actions,.user-utility,.card-actions,.export-panel>div,.record-tabs { flex-wrap:wrap; }
.topbar>div,.search-row>div { min-width:0; }
.topbar h1,.wordmark,.property-card h2,.card strong { overflow-wrap:anywhere; }
input,select,textarea,.table-search { max-width:100%; min-width:0; }
.table-search { width:min(100%,340px); }
button,.primary,.secondary,.danger,.text-button,.home-control { min-height:44px; }
button:disabled { opacity:.5; cursor:not-allowed; }
input[type=checkbox] { width:20px; height:20px; min-height:20px; flex:none; }
.auth { width:min(480px,calc(100% - 32px)); padding:clamp(20px,4vw,36px); }
.auth-home-link { display:flex; align-items:center; justify-content:center; gap:8px; }
.auth-home-link .ui-icon { width:20px; height:20px; flex:0 0 20px; }
#admin-table { max-width:100%; overflow-x:auto; }
#admin-table .user-actions { min-width:215px; white-space:normal; }
#admin-table .user-actions button { margin:3px; }
.select-all-label { display:flex; align-items:center; gap:8px; min-height:44px; }
.app-dialog,.modal-card,.signin-dialog { max-width:calc(100vw - 24px); max-height:calc(100dvh - 24px); overflow-y:auto; }
.app-dialog input,.app-dialog textarea { min-width:0; width:100%; }
.toast { max-width:calc(100vw - 32px); overflow-wrap:anywhere; }
.form-panel label { min-width:0; }
@media(max-width:1000px) {
  .hero-card { grid-template-columns:1fr; }
  .hero-card img { max-height:220px; }
  .pricing { grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); }
}
@media(max-width:850px) {
  .shell,.admin-shell { grid-template-columns:minmax(0,1fr); }
  .admin-side { display:flex; flex-wrap:wrap; overflow:visible; gap:4px; padding:12px; }
  .admin-brand { flex-basis:100%; padding:8px; }
  .admin-side button { flex:1 1 110px; text-align:center; white-space:normal; min-width:0; }
  .admin-side #archive,.admin-side #deleted-items { margin-top:0; }
  .side { padding:12px; }
  .brand-mark { padding-bottom:8px; }
  .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .user-utility { justify-content:flex-end; }
  .user-utility>a,.profile-button,.signout-button { min-height:44px; }
  .auth-layout { grid-template-columns:minmax(0,1fr); }
  .auth-photo { display:none; }
}
@media(max-width:700px) {
  .topbar,.search-row { flex-direction:column; align-items:stretch; }
  .top-actions button { flex:1 1 auto; }
  .export-panel { align-items:stretch; }
  .export-panel>div { display:flex; }
  .form-grid { grid-template-columns:minmax(0,1fr); }
  .table-search { width:100%; }
  #admin-table table,#admin-table tbody { display:block; width:100%; min-width:0; }
  #admin-table thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
  #admin-table tr { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:12px; border:1px solid var(--line); border-radius:10px; padding:12px; gap:12px; }
  #admin-table td { display:block; border:0; padding:0; min-width:0; max-width:none; white-space:normal; overflow-wrap:anywhere; }
  #admin-table td::before { content:attr(data-label); display:block; font-size:11px; font-weight:700; color:var(--muted); margin-bottom:4px; }
  #admin-table .user-actions { grid-column:1/-1; min-width:0; display:flex; flex-wrap:wrap; gap:8px; }
  #admin-table .user-actions::before { flex-basis:100%; }
  #admin-table .user-actions button { flex:1 1 100px; margin:0; }
  #admin-table .selection-cell { grid-column:1/-1; display:flex; align-items:center; gap:8px; }
  #admin-table .selection-cell::before { margin:0; }
  .bulk-actions { padding:12px; }
  .bulk-actions button { flex:1 1 130px; }
}
@media(max-width:400px) {
  .grid,.property-grid,.pricing { grid-template-columns:minmax(0,1fr); }
  .auth { margin:16px auto; }
  .content,.admin-content { padding:12px; }
  .hero-card>div { padding:20px; }
  .user-utility { justify-content:flex-start; }
  #admin-table tr { grid-template-columns:minmax(0,1fr); margin:8px; }
}

/* Comfortable authentication rhythm and platform overview. */
.auth .field { display:flex; flex-direction:column; gap:7px; margin:0 0 18px; }
.auth #form > .text-link { display:block; margin:4px 0 18px; }
.auth #form > button { margin-top:10px; }
.admin-side button.active { background:#e0f4ee; color:#124d45; font-weight:700; border-radius:10px; }
.admin-overview { padding:clamp(18px,3vw,32px); }
.admin-overview h2 { margin:12px 0; font-size:clamp(24px,3vw,34px); }
.admin-metrics,.download-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)); gap:20px; margin:24px 0; }
.admin-metric { display:flex; flex-direction:column; align-items:flex-start; gap:12px; text-align:left; padding:24px; border:1px solid #d4e4e2; border-radius:16px; background:linear-gradient(145deg,#fff,#f1f9f7); color:#163e43; box-shadow:0 4px 16px #123c3c08; }
.admin-metric:hover { border-color:#258677; box-shadow:0 8px 22px #123c3c16; }
.admin-metric:focus-visible { outline:3px solid #258677; outline-offset:3px; }
.admin-metric strong { font-size:38px; line-height:1; }
.admin-metric small { color:#566d74; line-height:1.5; }
.metric-link { color:#146c5c; font-size:13px; margin-top:auto; }
.download-card { display:flex; flex-direction:column; align-items:flex-start; gap:12px; padding:24px; }
.download-card p { flex:1; line-height:1.6; }
.download-card a { display:inline-flex; align-items:center; min-height:44px; text-decoration:none; }
.download-symbol { display:grid; place-items:center; width:48px; height:48px; border-radius:12px; background:#e0f4ee; color:#146c5c; }
.store-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.store-option{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);border-radius:11px}.store-option p{margin:8px 0 0}.store-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:11px}.store-icon svg{width:26px;height:26px}.store-icon.play{color:#176b5c;background:#e0f4ee}.store-icon.apple{color:#263746;background:#e8edf1}.store-option button:disabled{cursor:not-allowed;opacity:.72}@media(max-width:600px){.store-options{grid-template-columns:1fr}.store-option{align-items:flex-start}}
[hidden] { display:none !important; }
.auth .optional { position:static; display:inline; }
.admin-content #data:has(.admin-overview) { padding:0; }
.column-sort { background:transparent; color:inherit; font:inherit; font-weight:700; text-align:left; padding:4px 0; white-space:nowrap; }
th[aria-sort=ascending] .column-sort,th[aria-sort=descending] .column-sort { color:#117566; }
.table-sort-control { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:12px; font-size:13px; }
.table-sort-control select { width:auto; max-width:100%; min-height:40px; }
.column-sort:focus-visible { outline:2px solid #117566; outline-offset:4px; border-radius:2px; }
.app-dialog label { display:grid; gap:8px; margin-top:16px; }
.app-dialog input,.app-dialog select { width:100%; min-width:0; }
.form-grid select,.app-dialog select,#admin-table select,.table-sort-control select{display:block;height:44px;line-height:20px;margin:0;padding:10px 42px 10px 13px;background-position:right 13px center;background-size:16px 16px;vertical-align:middle}
#admin-table td select{min-width:140px;max-width:100%}
.search-select{width:100%;max-width:100%;min-width:0;contain:inline-size}.search-select-input{height:44px;margin:0}.search-select-toggle{top:4px;right:4px;height:36px;width:36px;margin:0;padding:0}.search-select-menu{top:calc(100% + 6px);width:100%;max-width:100%;min-width:0;z-index:100;box-sizing:border-box}.search-select-option{min-height:40px;margin:0;white-space:normal;overflow-wrap:anywhere}
html,body{overflow-x:hidden}.form-grid>label,.app-dialog label,#admin-table td{max-width:100%;min-width:0}
@media(max-width:560px){.app-dialog .search-select-menu{position:static;margin-top:6px;max-height:180px}.app-dialog .search-select-toggle{top:4px}}
.admin-metric span,.admin-metric small,.card strong { overflow-wrap:anywhere; }
.profile-control { position:relative; }
.profile-control .profile-popover { top:calc(100% + 10px); right:0; width:280px; max-width:calc(100vw - 32px); padding:18px; }
.profile-popover strong,.profile-popover small { overflow-wrap:anywhere; }
.profile-popover small { margin:6px 0 18px; line-height:1.5; }

/* Consistent navigation and control spacing across the application. */
.admin-shell { grid-template-columns:260px minmax(0,1fr); }
.admin-side { display:flex; flex-direction:column; align-items:stretch; gap:7px; min-height:100vh; padding:30px 18px; }
.admin-brand { margin:0 0 18px; padding:8px 10px 20px; border-bottom:1px solid #ffffff20; }
.admin-side strong { font-size:16px; }
.admin-side small { margin:6px 0 0; line-height:1.5; }
.admin-side button { flex:0 0 auto; min-height:44px; margin:0; padding:11px 12px; border:1px solid transparent; transition:background-color .16s ease,border-color .16s ease,color .16s ease; }
.admin-side button:hover { background:#ffffff12; }
.admin-side button.active { background:#e0f4ee; color:#124d45; border-color:#b9e2d6; box-shadow:0 3px 10px #071c2630; }
.admin-side #archive,.admin-side #deleted-items { margin-top:8px; padding-top:14px; border-top:1px solid #ffffff20; }
.admin-side #archive { margin-top:auto; }
.admin-side #admin-out { margin-top:16px; }
.form-grid { column-gap:22px; row-gap:20px; }
.form-grid label,.field,.app-dialog label { gap:9px; }
.form-panel>button,.panel>button { margin-top:8px; }
.form-panel>button+button,.panel>button+button { margin-left:10px; }
.top-actions,.hero-actions,.export-panel>div,.modal-actions,.bulk-actions,.user-actions { gap:12px; }
.admin-content #admin-table td:last-child button+button { margin-left:7px; }
@media(max-width:850px) {
  .admin-shell { display:block; }
  .admin-side { min-height:0; flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px; padding:14px; }
  .admin-brand { flex:1 0 100%; margin:0; padding:4px 8px 12px; }
  .admin-side button { flex:1 1 130px; text-align:center; }
  .admin-side #archive,.admin-side #deleted-items { margin-top:0; padding-top:11px; }
  .admin-side #admin-out { margin-top:0; }
}
@media(max-width:560px) {
  .form-grid { row-gap:18px; }
  .form-panel>button+button,.panel>button+button { margin-left:0; }
  .admin-side { gap:7px; }
  .admin-side button { flex:1 1 115px; }
}
.profile-popover button { display:block; min-height:44px; text-align:left; padding:12px; margin-top:10px; }
.profile-popover button.danger { color:#a52a27; background:#fff1ef; border:1px solid #efd0cd; }
.profile-popover button:focus-visible { outline:2px solid #146f71; outline-offset:2px; }
@media(max-width:560px) { .profile-control .profile-popover { right:auto; left:50%; transform:translateX(-50%); width:240px; } }

/* Consistent vertical rhythm for workspace pages and forms. */
.content > *,
.admin-content > * { margin-bottom: 24px; }
.content > *:last-child,
.admin-content > *:last-child { margin-bottom: 0; }
.topbar { gap: 16px; margin-bottom: 24px; }
.topbar > div > p { margin: 8px 0 0; }
.form-panel > :not(:last-child),
.panel > form > :not(:last-child) { margin-bottom: 18px; }
.form-panel > .form-grid { margin-bottom: 24px; }
.form-panel > .field + .field { margin-top: 18px; }
.form-panel > .error,
.form-panel > .notice { margin-top: 16px; }
.pricing,
.property-grid,
.guest-grid,
.admin-overview,
.download-grid { gap: 24px; }
.pricing { margin: 24px 0; }
.pricing article > :not(:last-child) { margin-bottom: 14px; }
.contact-card { gap: 30px; }
.contact-card > aside > :not(:last-child) { margin-bottom: 18px; }
.legal-page > * + * { margin-top: 24px; }
.legal-page .formatted-content > * + * { margin-top: 16px; }
.table-panel + .panel,
.panel + .table-panel { margin-top: 24px; }
@media(max-width:560px) {
  .content > *, .admin-content > * { margin-bottom: 20px; }
  .topbar { gap: 12px; margin-bottom: 20px; }
  .form-panel > :not(:last-child),
  .panel > form > :not(:last-child) { margin-bottom: 16px; }
  .contact-card { gap: 20px; }
}
@media(max-width:560px) {
  .profile-control { position:static; }
  .profile-control .profile-popover { top:calc(100% + 10px); left:0; right:0; transform:none; margin:0 auto; width:min(280px,100%); }
}
.published-text { white-space:pre-wrap; overflow-wrap:anywhere; tab-size:4; line-height:1.8; }
.published-rich { overflow-wrap:anywhere; line-height:1.7; overflow-x:auto; }
.published-rich p,.published-rich div { min-height:1em; }
.published-rich table { min-width:0; width:auto; max-width:100%; border-collapse:collapse; }
.published-rich pre { white-space:pre-wrap; }
.content-editor { border:1px solid #cbd9e2; border-radius:8px; background:white; padding:14px; min-height:180px; max-height:480px; overflow:auto; font-weight:400; }
.content-editor:focus { outline:2px solid #236879; }
.content-editor-tools { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:8px; }
.content-editor-tools small { font-weight:400; color:#526d7d; }
.profile-referral { display:grid; gap:8px; margin:12px 0 18px; padding:12px; border-radius:8px; background:#edf7f4; }
.profile-referral a { font-size:12px; }
.profile-referral code,.referral-card code { font-weight:700; letter-spacing:.06em; overflow-wrap:anywhere; user-select:all; }
.referral-card { padding:24px; margin-bottom:28px; background:#edf7f4; border:1px solid #cde5dc; border-radius:12px; }
.referral-card code { font-size:24px; }

.ui-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0} button>.ui-icon,a>.ui-icon{margin-right:4px} input[type=date],input[type=time],input[type=datetime-local],input[type=month],input[type=week]{cursor:pointer;min-height:44px}

/* Workspace navigation and public property directory */
.side { border-right: 1px solid #25475a; box-shadow: 5px 0 18px #10263712; }
.brand-mark { border-bottom: 1px solid #ffffff16; }
.brand-mark .home-emblem { display:grid; place-items:center; width:38px; height:38px; border:1px solid #8dd1cd55; border-radius:10px; color:#b9efeb; background:#ffffff0a; }
.brand-mark .home-emblem:hover { background:#ffffff16; }
.nav { padding-top: 12px; }
.nav button { position:relative; }
.nav button.active::after { content:""; position:absolute; right:12px; width:5px; height:5px; border-radius:50%; background:#a9ece5; }
.sidebar-note { border-top:1px solid #ffffff16; }
#listing-results.feature-grid { grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px; }
.listing-card { min-height:315px; display:flex; flex-direction:column; padding:24px; border:1px solid #dce7e2; border-radius:14px; background:linear-gradient(180deg,#fff,#fbfdfc); box-shadow:0 7px 20px #183e3c08; transition:transform .16s ease,box-shadow .16s ease; }
.listing-card:hover { transform:translateY(-2px); box-shadow:0 13px 26px #183e3c14; }
.listing-card-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.listing-type { padding:5px 8px; border-radius:999px; background:#e8f3ee; color:#315f50; font-weight:700; }
.listing-availability { color:#4d7b5e; font-size:11px; font-weight:700; }
.listing-card h2 { margin:18px 0 8px; color:#23483f; }
.listing-location { min-height:43px; margin:0; color:#60746b; line-height:1.55; }
.listing-contact { margin-top:auto; padding-top:18px; border-top:1px solid #e5ece8; }
.listing-contact h3 { margin:0 0 7px; font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#63786d; }
.listing-contact p { margin:0 0 6px; font-weight:600; color:#31594e; }
.listing-card a { margin-top:6px; font-size:13px; text-decoration:none; }
.listing-card a:hover { text-decoration:underline; }
.refund-request { max-width:850px; }
.refund-status { display:inline-flex; margin:4px 0 10px; padding:5px 9px; border-radius:999px; background:#edf5f8; color:#385c70; font-size:11px; letter-spacing:.04em; }
.refund-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
@media(max-width:850px){ .brand-mark .home-emblem{width:36px;height:36px} #listing-results.feature-grid{grid-template-columns:1fr} .listing-card{min-height:0} }

.sort-icon{display:inline-flex;vertical-align:middle;margin-left:8px;opacity:.5}.sort-icon .ui-icon{width:14px;height:14px}th[aria-sort=ascending] .sort-icon{transform:rotate(180deg);opacity:1}th[aria-sort=descending] .sort-icon{opacity:1}.hero-slider-controls .ui-icon{margin:0;width:18px;height:18px}

.listing-publish { display:flex; align-items:center; gap:9px; margin:22px 0 0; font-weight:600; }
.listing-publish input { width:18px; min-height:18px; margin:0; }
.listing-contact-fields { display:grid; gap:18px; margin:22px 0 26px; }
.listing-contact-fields label { display:grid; gap:8px; }
.admin-profile { max-width:650px; }
.admin-profile dl { display:grid; grid-template-columns:130px 1fr; gap:12px 20px; margin:24px 0; }
.admin-profile dt { color:#617789; font-weight:700; }
.admin-profile dd { margin:0; overflow-wrap:anywhere; }
@media(max-width:850px){ .listing-contact-fields{gap:16px;margin-top:18px} .admin-profile dl{grid-template-columns:1fr;gap:3px;margin:20px 0} .admin-profile dd{margin-bottom:12px} }