@layer reset,base,layout,components,responsive;
@layer reset{*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{color:inherit}button:disabled{cursor:default}svg{flex-shrink:0;vertical-align:middle}input,select,textarea{min-width:0}html{scroll-behavior:smooth}dialog{padding:0}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}[hidden]{display:none!important}}
@layer base{
:root{--ink:#233f48;--muted:#7c8586;--blue:#214e69;--deep:#173f4f;--sand:#f6f5f1;--paper:#fffefa;--line:#e5e7e1;--teal:#5f9290;--light-teal:#eaf2ed;--terracotta:#b37456;--shadow:0 4px 20px #1e3d4c04;--radius:16px}
body{font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;background:var(--sand);color:var(--ink);font-weight:400}h1,h2,h3{line-height:1.2;font-weight:500}h1,h2,.stat-value,.brand-name{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(32px,3.2vw,45px);letter-spacing:-1.4px}h2{font-size:27px;letter-spacing:-.7px}h3{font-size:16px;font-weight:600}p{color:#6d7a7d}small{font-size:11px;color:var(--muted)}:focus-visible{outline:3px solid #c5a06c;outline-offset:4px}::selection{background:#d8e6e0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px}.muted{color:var(--muted)}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:700;color:var(--teal);display:block;margin-bottom:10px}.text-right{text-align:right!important}.preserve-lines{white-space:pre-line}.large-copy{font-size:17px;line-height:1.85}.skip-link{position:fixed;z-index:1000;top:-100px;left:20px;padding:12px 20px;background:white;color:var(--deep)}.skip-link:focus{top:20px}.credit-text{color:#4d8673!important}.due-text{color:#a66443}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);display:inline-block}.small-status{display:flex;align-items:center;gap:5px;color:#5c8a73}.small-status svg{width:13px}
}
@layer layout{
.app-shell{display:flex;min-height:100vh}.sidebar{width:244px;position:fixed;inset:0 auto 0 0;background:#fbfaf7;border-right:1px solid var(--line);padding:35px 23px 20px;display:flex;flex-direction:column;z-index:50}.main-shell{margin-left:244px;flex:1;min-width:0}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:35px;height:47px;color:var(--blue);display:block}.brand-symbol svg{width:100%;height:100%}.brand-name{font-size:26px;line-height:1.1;letter-spacing:-.8px}.brand-name small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2.4px;margin-top:8px;color:var(--muted)}.sidebar-section{font-size:8px;letter-spacing:1.7px;color:#9b9f9b;margin:48px 0 13px 15px;font-weight:700}.nav-item{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:8px;color:#7c888b;margin-bottom:5px;font-size:12px;transition:background .18s,color .18s}.nav-item svg{width:18px;height:18px}.nav-item:hover{background:#f0f0e9;color:var(--deep)}.nav-item.active{background:#e7eeeb;color:#2c5d5d;font-weight:600}.nav-count{margin-left:auto;background:var(--teal);color:white;font-size:9px;padding:0 6px;border-radius:4px;line-height:18px}.admin-label{margin-top:24px}.sidebar-bottom{margin-top:auto;padding-top:35px}.location-card{display:flex;align-items:center;gap:10px;padding:16px 7px;border-bottom:1px solid var(--line);margin-bottom:18px;font-size:10px}.location-card small{display:block;font-size:9px;margin-top:2px}.location-sun{color:#b99761}.location-sun svg{width:28px;height:28px}.profile-link{display:flex;align-items:center;gap:10px}.profile-link strong{font-size:11px;font-weight:600;display:block}.profile-link small{font-size:9px;display:block}.profile-link>svg{margin-left:auto;width:15px;color:var(--muted)}.avatar,.topbar-avatar{background:#e5e9e0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;font-size:11px;color:#5d7467;flex-shrink:0}.avatar.small{width:29px;height:29px;font-size:9px}.topbar{height:78px;display:flex;justify-content:space-between;align-items:center;padding:0 42px;border-bottom:1px solid var(--line);background:#faf9f5}.breadcrumb{font-size:11px;color:#929999}.breadcrumb span{margin:0 14px;color:#c1c4bf}.breadcrumb strong{font-weight:400;color:#5d6d71}.topbar-right{display:flex;gap:23px;align-items:center}.today-date{font-size:10px;color:#8c9595}.topbar-avatar{width:30px;height:30px;font-size:9px}.notification-button{position:relative}.notification-dot{position:absolute;right:6px;top:6px;background:var(--terracotta);width:5px;height:5px;border-radius:50%;border:1px solid var(--sand)}.main-content{max-width:1520px;margin:auto;padding:32px 42px 45px;min-height:calc(100vh - 140px)}.app-footer{border-top:1px solid var(--line);margin:0 42px;padding:20px 0;color:#939d9c;font-size:9px;display:flex;justify-content:space-between;gap:15px}.app-footer span{display:flex;align-items:center;gap:12px}.app-footer svg{width:18px}.page-heading{display:flex;justify-content:space-between;align-items:end;margin:14px 0 27px}.page-heading p{margin-top:10px;font-size:12px}.page-heading .eyebrow{margin-bottom:9px}.preview-note{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.2px;color:#71908b;margin-bottom:17px}.preview-note>span:last-child{letter-spacing:0;color:#929a96;margin-left:4px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;margin-top:24px}.detail-layout,.account-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:25px}.settings-grid,.house-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.admin-two-columns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,1fr);gap:26px;align-items:start}.notices-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.mobile-menu{display:none}
}
@layer components{
.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:25px;margin-bottom:22px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.section-heading h2{font-size:25px}.section-heading .eyebrow{font-size:8px;margin-bottom:7px}.section-heading .text-link{font-size:10px;white-space:nowrap}.hero-card{height:310px;position:relative;border-radius:16px;overflow:hidden;background:#4c7f8d}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 49%;filter:saturate(.63)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#123b4bd6 0%,#173e4e65 46%,#27495708 80%),linear-gradient(0deg,#284d5a66,transparent 50%)}.hero-content{position:absolute;inset:31px auto 30px 35px;color:white}.hero-location{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:2.1px;color:#e5e9df}.hero-location svg{width:15px}.hero-content h2{font-size:43px;letter-spacing:-1.4px;line-height:1.1;margin:16px 0 12px;color:#fffef5}.hero-content p{font-size:11px;color:#dde7e4;margin-bottom:22px}.hero-content .button{font-size:10px;padding:11px 18px;min-height:40px}.hero-coordinate{position:absolute;right:27px;bottom:25px;color:#fffdf6;text-align:right;font-size:11px;letter-spacing:1px}.hero-coordinate span{display:block;font-size:6px;letter-spacing:1.4px;opacity:.8;margin-top:6px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:23px;margin-bottom:24px}.stat-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:20px 22px 16px;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #183c4d09}.stat-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;color:#87918e}.stat-top svg{width:17px;height:17px;color:#6c9592}.stat-value{font-size:32px;letter-spacing:-1px;line-height:1.2;margin:14px 0 12px}.stat-unit{font:10px Arial,sans-serif;color:#8e9894;margin-left:9px;letter-spacing:0}.stat-bottom{display:flex;justify-content:space-between;align-items:center;gap:5px;font-size:9px;color:#8b9796}.stat-bottom>svg{width:13px;height:13px}.stat-bottom>span>svg{width:12px}.stat-bottom span span{margin:0 5px}.requests-panel,.updates-panel{margin-bottom:0}.request-card{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid #eeefe9;transition:background .2s}.request-card:hover{background:#f8f8f2}.request-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#f1f1e9;border-radius:10px;color:#87958a;flex-shrink:0}.request-info{min-width:0;flex:1}.row-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.direction{font-size:8px;color:#8d9997;font-weight:400}.request-info p{font-size:9px;margin-top:4px}.request-info p span{margin:0 3px;color:#c0c7c2}.request-card>svg{width:12px;color:#a1aca7}.badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;background:#eef1eb;color:#6f847b;font-size:8px;line-height:1.4;white-space:nowrap;letter-spacing:.2px}.status-pending,.status-counteroffer,.status-cancellation{background:#f6eddd;color:#b28c4e}.status-accepted,.status-verified{background:#e8f0e7;color:#648464}.status-declined,.status-unavailable,.status-cancelled,.status-rejected,.status-suspended{background:#f6e9e3;color:#a9765e}.status-expired,.status-withdrawn{background:#efefec;color:#939792}.panel-bottom-link{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:16px;margin-top:8px;font-size:10px;color:#618781}.panel-bottom-link svg{width:14px;height:14px}.notice-preview{display:block;padding:15px 0;border-top:1px solid #eeefe9}.notice-meta{font-size:8px;color:#95a19b;letter-spacing:.6px;display:flex;align-items:center;gap:8px}.notice-meta>span:not(.badge){color:#c2c8c1}.notice-preview h3{font-family:Georgia,serif;font-size:18px;font-weight:400;margin:9px 0}.notice-preview p{font-size:10px;line-height:1.8;color:#919995}.home-strip{display:flex;align-items:center;gap:17px;margin-top:23px;padding:20px 25px;background:#ebece3;border:1px solid #e2e5da;border-radius:12px}.home-strip-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;color:#8e9983}.home-strip-icon svg{width:30px;height:30px}.home-strip h3{font-family:Georgia,serif;font-size:18px;font-weight:400;color:#586958}.home-strip p{font-size:10px;margin-top:4px;color:#8a9484}.home-strip .button{margin-left:auto;font-size:9px;white-space:nowrap;border-color:#cdd5c6;background:transparent;color:#65785e;min-height:38px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:7px;padding:12px 18px;font-size:11px;font-weight:500;line-height:1.4;min-height:43px;transition:background .18s,transform .18s,box-shadow .18s}.button:active{transform:translateY(1px)}.button svg{width:15px;height:15px}.primary{background:var(--deep);color:#fffef8}.primary:hover{background:#255769;box-shadow:0 4px 10px #173f4f18}.secondary{background:#fcfbf5;border-color:#dce2d8;color:#59746e}.secondary:hover{background:#edf1e9}.light{background:#fffcf0;color:#385c61}.light:hover{background:#e9eee2}.danger{background:#f7eee8;color:#a5684e;border-color:#ebd3c4}.danger:hover{background:#efdfd4}.wide{width:100%}.icon-button{padding:7px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:#7b8e8b;min-width:32px;min-height:32px}.icon-button:hover{background:#e9eee6}.text-link{display:inline-flex;align-items:center;gap:7px;color:#60877f;font-size:11px;border:0;background:none;padding:0}.text-link:hover{color:#244d51}.text-link svg{width:14px;height:14px}.back-link{margin:5px 0 10px}.field{display:block;margin:17px 0}.field>span,.password-label>span{display:block;font-size:11px;font-weight:500;margin-bottom:7px;color:#607176}.field input,.field select,.field textarea,.password-wrap>input{width:100%;border:1px solid #dce1d8;background:#fffefb;border-radius:7px;padding:11px 12px;color:#354f58;outline:none;min-height:43px;transition:border-color .2s,box-shadow .2s;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus,.password-wrap>input:focus{border-color:#7b9f97;box-shadow:0 0 0 3px #7b9f9718}.field input:disabled{background:#f2f3ec;color:#8b9792}.field textarea{resize:vertical;line-height:1.7;min-height:90px}.field input::placeholder,.field textarea::placeholder{color:#aab2ab;font-size:11px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-row .field{margin:15px 0}.field-help{font-size:10px;line-height:1.8;color:#909d96;margin:10px 0 17px}.check{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#687d76;margin:14px 0;line-height:1.6}.check input{accent-color:var(--deep);width:15px;height:15px;flex-shrink:0;margin-top:2px}.form-divider{font-size:8px;letter-spacing:1.6px;color:#8b9a92;border-top:1px solid var(--line);padding-top:21px;margin-top:25px}.inline-form{margin-top:15px}.button-row{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.alert{padding:14px 18px;background:#e6f0e6;color:#4c775d;border:1px solid #d4e2d1;border-radius:9px;margin-bottom:23px;font-size:12px;display:flex;gap:10px;align-items:center}.alert.error{background:#f8eae2;border-color:#ecd8c9;color:#a9664c}.empty-state{text-align:center;padding:38px 20px;max-width:430px;margin:auto}.empty-state h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:13px 0 9px}.empty-state p{font-size:11px;line-height:1.9;color:#929e98}.empty-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#edf0e7;color:#91a38d;margin:auto}.empty-icon svg{width:25px;height:25px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto;white-space:nowrap}.tabs a{padding:13px 15px;font-size:11px;color:#8b9891;border-bottom:2px solid transparent}.tabs a.active{color:#315e60;border-bottom-color:#5b8980}.tabs a:hover{background:#eeefe7}.admin-tabs{margin-bottom:27px}.request-list .request-card{padding:22px 3px}.request-list .request-card:first-child{border-top:0}.request-list .row-title{font-size:14px}.request-list .request-info p{font-size:11px}.request-list .request-icon{width:43px;height:43px}.request-list .badge{font-size:10px}.request-detail .section-heading h2{font-size:22px}.exchange-visual{display:flex;align-items:center;gap:15px;background:#f7f7f0;border:1px solid #e8eadf;border-radius:12px;padding:25px 22px;margin:20px 0}.exchange-date{flex:1;min-width:0}.exchange-date .eyebrow{font-size:7px;letter-spacing:1px}.exchange-date h3{font-family:Georgia,serif;font-size:26px;font-weight:400}.exchange-date p{font-size:11px;margin:6px 0 13px}.exchange-middle{background:#e8ede4;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;color:#809a8e}.info-note{padding:15px;background:#f2f4eb;display:flex;gap:10px;border-radius:8px;font-size:11px;color:#7b897b;line-height:1.8;margin:17px 0}.info-note svg{width:17px;margin-top:3px;color:#8c9a7c}.info-note small{font-size:10px}.message-thread{margin:25px 0}.message{padding:17px 18px;background:#f5f6ef;border:1px solid #e9ecdf;border-radius:12px;margin:12px 20px 12px 0}.message.own-message{margin-left:20px;margin-right:0;background:#edf3ed;border-color:#dfe9de}.message.system-message{background:transparent;border:1px dashed #dce1d6;font-size:10px}.message-meta{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px;font-size:10px;color:#7e9385}.message-meta time{font-size:9px;color:#98a297}.message p{font-size:12px;white-space:normal;line-height:1.8;overflow-wrap:anywhere}.response-panel{position:relative}.response-panel h2{font-size:25px}.response-panel>.muted{font-size:12px;margin:14px 0 20px}.response-panel .button+.button{margin-top:10px}.payment-details{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.payment-details p{white-space:pre-line;font-size:12px;margin:10px 0}.form-details{margin-top:25px;border-top:1px solid var(--line);padding-top:15px}.form-details summary{font-size:11px;color:#8b948a}.admin-override summary{font-size:12px;color:#a5775f}.balance-card{position:relative;padding:30px;background:var(--deep);color:#f8f7e9;border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.balance-card .eyebrow{color:#a5bcb0}.balance-card h2{font-size:48px;margin:15px 0}.balance-card h2 small{font:11px Arial,sans-serif;margin-left:12px;color:#a9c1b5}.balance-card p{font-size:12px;color:#b9cdc1;max-width:360px;margin-bottom:22px}.balance-card>svg{position:absolute;right:-15px;bottom:5px;width:140px;height:140px;opacity:.07;transform:rotate(-15deg)}.light-badge{background:#ffffff15;color:#c1d2bc;font-size:10px;padding:6px 10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{font-size:8px;letter-spacing:1px;text-align:left;color:#9aa596;padding:12px 9px;border-bottom:1px solid var(--line);font-weight:400;text-transform:uppercase}td{padding:16px 9px;border-bottom:1px solid #edf0e5;vertical-align:middle}td strong{font-size:11px;font-weight:500}td small{display:block;margin-top:5px;font-size:9px;line-height:1.6}td:last-child{white-space:nowrap}tr:last-child td{border-bottom:0}.compact-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid #e9eddf;font-size:12px}.compact-row:last-child{border-bottom:0}.compact-row small{display:block}.panel>h2+.muted{font-size:12px;margin:12px 0 20px}.panel>p{margin-top:15px;font-size:12px;line-height:1.9}.notice-full h2{margin:18px 0;font-size:28px}.notice-body{font-size:13px;color:#748174;line-height:1.9}.notice-author{display:flex;align-items:center;gap:9px;margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:10px}.notice-author small{display:block;font-size:9px}.notification-row{display:flex;align-items:start;gap:18px;padding:23px 5px;border-bottom:1px solid var(--line)}.notification-row.unread{border-left:3px solid #71988b;padding-left:15px;background:#f4f6ec}.notification-row>div{flex:1}.notification-row h3{font-size:13px;margin-bottom:8px}.notification-row p{font-size:11px;margin-bottom:8px;white-space:pre-line}.notification-row>svg{width:14px}.house-gallery{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:180px 180px;gap:15px;margin-bottom:25px}.gallery-photo{border:0;padding:0;overflow:hidden;border-radius:13px;background:#dce5df}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-photo:hover img{transform:scale(1.04)}.gallery-photo.large{grid-row:span 2}.house-columns .panel>p{line-height:1.9;margin-top:18px}.house-facts{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px;color:#739082;font-size:10px}.house-facts span{display:flex;gap:7px;align-items:center}.house-facts svg{width:17px}.cleaning-callout{padding:20px 0;margin:15px 0;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cleaning-callout strong{font-family:Georgia,serif;font-size:28px;font-weight:400;white-space:nowrap}.cleaning-callout span{font-size:11px;color:#8b9786}.photo-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.photo-strip .gallery-photo{height:120px}.list-row,.admin-request-row{display:flex;align-items:center;justify-content:space-between;gap:17px;padding:19px 0;border-bottom:1px solid var(--line)}.list-row h3{font-size:13px;margin:8px 0}.list-row p,.admin-request-row p{font-size:11px}.admin-request-row>div{flex:1}.admin-request-row strong{font-size:12px;font-weight:500}.admin-request-row p{margin-top:6px}.owner-editor{padding:0;overflow:hidden;margin-bottom:13px}.owner-editor summary{display:flex;align-items:center;gap:12px;padding:19px}.owner-editor summary>span:nth-child(2){flex:1}.owner-editor summary strong{font-size:12px;font-weight:500}.owner-editor summary small{display:block;font-size:10px;margin-top:3px}.owner-editor summary>svg{width:13px;color:#9ca792}.details-content{padding:0 22px 24px;border-top:1px solid var(--line)}.details-content>h3{margin-top:20px}.allocation-row{border-top:1px solid var(--line)}.allocation-row summary{display:flex;gap:16px;align-items:center;padding:20px 0}.allocation-row summary>span:nth-child(2){flex:1}.allocation-row summary strong{font-size:12px;font-weight:500}.allocation-row summary small{display:block;font-size:10px;margin-top:4px}.allocation-row summary>svg{width:15px;color:#9daa98}.allocation-month{font-family:Georgia,serif;background:#eef2e7;color:#79947b;font-size:19px;border-radius:8px;padding:12px;min-width:62px;text-align:center}.payment-review{padding:21px 0;border-top:1px solid var(--line);margin-top:20px}.payment-review h3{font-size:14px;display:flex;justify-content:space-between;gap:12px}.payment-review p{font-size:12px;margin:10px 0}.settings-panel{max-width:780px}.audit-row{padding:15px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.audit-row p{font-size:11px;margin:8px 0}.audit-row strong{font-size:12px;font-weight:500}.audit-row small{font-size:9px}.signout-panel{display:flex;justify-content:space-between;align-items:center;gap:15px}.signout-panel h3{font-family:Georgia,serif;font-weight:400;font-size:19px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(290px,1fr);gap:24px;align-items:start}.calendar-panel{padding:25px;overflow:hidden}.calendar-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:22px}.calendar-top h2{font-size:30px}.calendar-top h2 span{color:#a2ada0;font-size:25px}.calendar-top p{font-size:9px;margin-top:5px}.year-control{display:flex;align-items:center;gap:8px;font-size:11px;color:#80927d}.year-control .icon-button{font-size:24px}.month-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;border-top:1px solid var(--line);padding:17px 0;margin-bottom:12px}.month-tab{text-align:center;padding:7px 4px 4px;border-radius:6px;font-size:10px;color:#97a18e}.month-tab.selected{background:#edf2e7;color:#466e5e}.month-tab:hover{background:#f1f3e9}.month-tab span{width:3px;height:3px;border-radius:50%;display:block;margin:3px auto;background:transparent}.month-tab.my-month span{background:#6b9380}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:8px;letter-spacing:1px;color:#a0aa98;margin-bottom:11px}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.calendar-day{border:1px solid #e5eadd;border-radius:7px;background:#fafbf5;min-height:85px;padding:9px 7px;text-align:left;position:relative;color:#7d8f7e;transition:background .15s,transform .15s,box-shadow .15s}.calendar-day:not(:disabled):hover{border-color:#829e88;background:#edf3e8;transform:translateY(-2px)}.day-number{font-family:Georgia,serif;font-size:18px}.day-owner{display:block;font-size:7px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.day-mark{position:absolute;right:7px;top:12px;display:flex}.day-mark svg{width:12px;height:12px;opacity:.7}.calendar-day.is-mine{background:#e8f0e7;border-color:#d5e3d3;color:#527657}.calendar-day.is-blocked{background:repeating-linear-gradient(135deg,#f0f0e9,#f0f0e9 4px,#eaece3 4px,#eaece3 5px);color:#a2ab97}.calendar-day.is-past{opacity:.45}.calendar-day.is-booked{background:#eef0e9;color:#8b9987}.calendar-day.is-today .day-number{border-bottom:2px solid #b58e67}.calendar-day.selected{background:var(--deep);color:#fffef3;border-color:var(--deep);box-shadow:0 3px 6px #173f4f15}.calendar-day.selected:hover{background:#285c62}.calendar-day.selected .day-owner{color:#c3d9c4}.pending-dot{width:5px;height:5px;background:#c39a5e;border-radius:50%;display:inline-block}.owned-dot{width:4px;height:4px;border-radius:50%;background:#75a17c}.calendar-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;font-size:8px;color:#8e9c87}.calendar-legend>span{display:flex;align-items:center;gap:5px}.calendar-legend svg{width:12px;height:12px}.legend-square{width:8px;height:8px;border-radius:2px;display:inline-block}.legend-square.mine{background:#d4e3cf}.legend-square.blocked{background:#e7e9df}.calendar-tip{display:flex;gap:10px;padding-top:18px;margin-top:20px;border-top:1px solid var(--line)}.calendar-tip svg{width:17px;color:#a3ac89}.calendar-tip p{font-size:9px;line-height:1.9;color:#98a18c}.request-builder h2{font-size:27px;margin-bottom:10px}.request-builder>.muted{font-size:11px;line-height:1.8}.request-builder .field>span{font-size:10px}.request-builder .field input{font-size:11px;padding:10px 8px}.select-month{font-size:9px;margin-bottom:18px}.mode-buttons{border-top:1px solid var(--line);padding-top:18px}.ask-use{display:block;width:100%;background:none;border:0;padding:12px;color:#85967f;font-size:11px}.ask-use span{display:block;font-size:8px;color:#a2ab97;margin-top:3px}.ask-use.is-active{background:#edf1e4;border-radius:7px;color:#4e735b}.mode-switch.primary:not(.is-active){background:#f6f7ef;border:1px solid #dce3d3;color:#8a9b7e}.price-quote{background:#eef3e8;border-radius:8px;padding:16px;margin-top:20px}.price-quote span,.price-quote small{display:block;font-size:9px;color:#8b9e7c}.price-quote strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:30px;margin:5px 0;color:#4c7557}.request-cleaning{font-size:9px;color:#91a17e;display:flex;gap:7px;align-items:center;margin:15px 0}.request-cleaning svg{width:14px}.privacy-note{display:flex;gap:5px;align-items:center;justify-content:center;font-size:8px;line-height:1.8;color:#a0aa90;margin-top:14px}.privacy-note svg{width:10px}.availability-panel summary{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#7d9274}.availability-panel summary svg{width:14px}.availability-panel>.muted{font-size:10px;margin-top:15px}dialog{border:1px solid #dbe2d3;border-radius:16px;max-width:520px;width:calc(100% - 36px);background:#fffef8;color:var(--ink);padding:27px;box-shadow:0 30px 100px #153d4a33}dialog::backdrop{background:#153d4a88;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}dialog .muted{font-size:12px;margin-top:15px}#review-content{font-size:13px;line-height:1.9}#review-content p{margin:8px 0}#photo-dialog{max-width:1000px;padding:12px}#photo-dialog>.icon-button{position:absolute;right:20px;top:20px;background:#ffffffdd}#photo-dialog img{max-height:80vh;width:100%;object-fit:contain;border-radius:8px}
/* The private entrance: an architectural coastal illustration, without exposing house photos. */
.auth-body{background:#f8f7f1}.auth-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-art{position:relative;overflow:hidden;background:#e9e5d9;padding:45px 52px;min-height:760px;display:flex;flex-direction:column}.auth-art .brand{position:relative;z-index:2}.auth-art .brand-name{font-size:29px}.auth-art .brand-symbol{width:37px}.coastal-art{position:absolute;inset:170px 0 150px;display:flex;align-items:center;justify-content:center}.art-arch{position:relative;width:63%;height:95%;max-height:470px;border-radius:50% 50% 0 0;overflow:hidden;background:linear-gradient(#b6c5bb 0%,#dae0cd 47%,#8ea9a3 48%,#688e91 80%,#50787e);box-shadow:19px 0 0 #dcd5c5,23px 0 0 #cfc8b6}.art-sun{position:absolute;width:80px;height:80px;border-radius:50%;background:#c8a26e;top:13%;right:22%;z-index:2;box-shadow:0 0 60px #c8a26e11}.art-horizon{position:absolute;top:48%;height:1px;width:100%;background:#e3e8d9}.art-wave{position:absolute;width:190%;height:52%;border-radius:50%;left:-40%;bottom:-20%;background:#9eafa2;transform:rotate(-12deg);animation:coast-drift 16s ease-in-out infinite alternate}.wave-two{bottom:-37%;left:-15%;background:#d3ceb7;transform:rotate(14deg);animation-delay:-5s}.wave-three{bottom:-48%;left:-45%;background:#e6dfcd;transform:rotate(-10deg);animation-delay:-10s}.art-lines{position:absolute;bottom:-10px;left:-15%;height:100px;width:130%;border-top:1px solid #c6c5b4;border-radius:50%;transform:rotate(-8deg)}.auth-art-copy{position:relative;z-index:2;margin-top:auto;margin-bottom:20px}.auth-art-copy .eyebrow{color:#8e9b84;font-size:9px}.auth-art-copy h2{font-size:38px;color:#43616a;margin:13px 0}.auth-art-copy p{font-size:12px;color:#8c998b}.art-caption{position:absolute;right:35px;bottom:43px;writing-mode:vertical-rl;font-size:7px;color:#9da58e;letter-spacing:2px}.auth-form-wrap{display:flex;flex-direction:column;padding:45px 10%;position:relative;justify-content:center}.auth-top{position:absolute;top:48px;right:45px;display:flex;gap:8px;align-items:center;font-size:9px;color:#9aa58f}.auth-top svg{width:13px}.auth-form{max-width:370px;width:100%;margin:60px auto}.auth-form h1{font-size:43px;margin:10px 0 18px}.auth-form .eyebrow{font-size:8px;letter-spacing:1.7px}.auth-intro{font-size:12px;line-height:1.9;color:#8a978b;margin-bottom:30px}.auth-form .field{margin:23px 0}.auth-form .field input,.auth-form .password-wrap input{min-height:48px;background:#fdfcf6}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label>a{font-size:9px;color:#8d9e83}.password-label>span{margin-bottom:0}.password-wrap{position:relative;margin-top:7px;margin-bottom:24px}.password-wrap>input{padding-right:60px}.password-toggle{position:absolute;right:10px;top:11px;padding:5px;border:0;background:none;font-size:9px;color:#95a189}.auth-form .primary{min-height:48px;justify-content:space-between;padding:13px 18px}.auth-note{text-align:center;font-size:10px;color:#a0a893;line-height:1.9;margin-top:27px}.auth-form>.text-link{display:block;margin-top:23px;text-align:center}.auth-footer{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:34px;left:10%;right:10%;font-size:9px;color:#9da691}.auth-footer svg{width:26px;color:#899c86}.demo-banner{background:#edf1e3;color:#8b9978;font-size:10px;padding:10px 13px;border-radius:7px;margin-bottom:22px}.main-content{animation:page-in .45s ease-out}.hero-content{animation:hero-in .8s ease-out}.notification-row,.request-card{animation:page-in .3s ease-out}@keyframes page-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes hero-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes coast-drift{from{translate:0 0}to{translate:12px 9px}}
}
@layer responsive{
@media(min-width:1500px){.main-content{padding-top:40px}.hero-card{height:360px}.hero-content{top:45px;left:45px}.hero-content h2{font-size:50px}.sidebar{width:260px}.main-shell{margin-left:260px}.hero-content p{font-size:12px}.stat-card{padding:25px}.stat-value{font-size:38px}.calendar-day{min-height:105px}.month-tabs{grid-template-columns:repeat(12,1fr)}}
@media(max-width:1200px){.sidebar{width:210px;padding:30px 17px 20px}.main-shell{margin-left:210px}.brand-name{font-size:24px}.brand-symbol{width:31px}.main-content{padding:28px}.topbar{padding:0 28px}.app-footer{margin:0 28px}.dashboard-columns{grid-template-columns:1.2fr 1fr;gap:17px}.panel{padding:21px}.request-card{gap:9px}.request-card .direction{display:none}.request-icon{width:32px;height:32px}.request-card>.badge{font-size:7px}.home-strip{padding:18px}.home-strip h3{font-size:16px}.home-strip .button{max-width:180px;white-space:normal}.calendar-layout{grid-template-columns:minmax(0,1.45fr) minmax(270px,1fr);gap:18px}.calendar-panel{padding:18px}.calendar-day{min-height:73px;padding:7px 5px}.day-number{font-size:16px}.day-mark{right:4px;top:8px}.day-owner{font-size:6px}.stat-value{font-size:29px}.stat-top{font-size:7px}.admin-two-columns{grid-template-columns:1.35fr 1fr;gap:20px}.detail-layout,.account-columns{grid-template-columns:1.45fr 1fr;gap:20px}.exchange-visual{padding:18px 14px;gap:10px}.exchange-date h3{font-size:22px}.photo-strip{grid-template-columns:repeat(4,1fr)}.auth-art{padding:40px 35px}.auth-form-wrap{padding:40px 9%}.auth-art-copy h2{font-size:32px}}
@media(max-width:1000px){.sidebar{width:190px;padding:28px 14px 18px}.main-shell{margin-left:190px}.nav-item{padding:11px 10px;font-size:11px;gap:10px}.brand-name{font-size:22px}.brand-name small{font-size:6px;letter-spacing:1.7px}.brand-symbol{width:29px}.main-content{padding:25px}.topbar{padding:0 25px;height:70px}.stats-grid{gap:12px}.stat-card{padding:18px 15px}.stat-top{letter-spacing:.8px;font-size:7px}.stat-value{font-size:25px}.stat-bottom{font-size:8px}.dashboard-columns{grid-template-columns:1fr}.hero-card{height:290px}.hero-content h2{font-size:40px}.calendar-layout{grid-template-columns:1fr}.calendar-request-panel{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}.calendar-day{min-height:85px}.day-owner{font-size:8px}.month-tabs{grid-template-columns:repeat(12,1fr)}.detail-layout,.account-columns,.settings-grid,.admin-two-columns{grid-template-columns:1fr}.detail-layout>aside{grid-row:1}.admin-two-columns>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.notices-grid{grid-template-columns:1fr}.house-columns{grid-template-columns:1fr}.hero-coordinate{font-size:9px}.hero-coordinate span{font-size:5px}.home-strip{flex-wrap:wrap}.home-strip .button{margin-left:55px;max-width:none}.exchange-visual{padding:25px}.exchange-date h3{font-size:30px}.auth-art{min-height:700px}.auth-art-copy h2{font-size:28px}.auth-form h1{font-size:36px}.art-sun{width:60px;height:60px}.auth-form-wrap{padding:40px 8%}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .25s;width:244px;padding:27px 23px;box-shadow:15px 0 60px #173f4f20}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0}.topbar{height:64px;padding:0 20px;gap:10px;position:sticky;top:0;z-index:40;background:#faf9f5f0;backdrop-filter:blur(12px)}.mobile-menu{display:flex!important}.breadcrumb{margin-right:auto;font-size:10px}.breadcrumb span{margin:0 9px}.topbar-right{gap:13px}.today-date{display:none}.main-content{padding:21px 20px 30px}.app-footer{margin:0 20px;flex-wrap:wrap;font-size:8px}.page-heading{margin-top:8px;margin-bottom:23px}.page-heading h1{font-size:34px}.page-heading p{font-size:11px;line-height:1.8}.eyebrow{font-size:8px}.preview-note{font-size:7px;flex-wrap:wrap;letter-spacing:.8px}.hero-card{height:305px}.hero-content{left:25px;top:28px;bottom:25px}.hero-content h2{font-size:40px}.hero-coordinate{right:18px;bottom:18px;font-size:8px}.hero-coordinate span{display:none}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.stat-card{padding:15px 11px}.stat-top{font-size:6px;letter-spacing:.6px;align-items:start;gap:3px}.stat-top svg{width:13px;height:13px}.stat-value{font-size:23px;margin-top:15px;letter-spacing:-.8px}.stat-unit{display:none}.stat-bottom{font-size:7px;line-height:1.7}.stat-bottom>svg{display:none}.dashboard-columns{gap:18px;margin-top:18px}.panel{padding:21px;border-radius:12px;margin-bottom:18px}.dashboard-columns .panel{margin-bottom:0}.section-heading h2{font-size:25px}.request-card{padding:17px 0}.request-info p{font-size:9px}.row-title{font-size:11px}.request-card .badge{font-size:8px}.home-strip{margin-top:18px;gap:10px;padding:18px}.home-strip>div{flex:1}.home-strip p{font-size:9px}.home-strip .button{margin-left:50px;font-size:9px}.toolbar{align-items:start;flex-wrap:wrap}.tabs{max-width:100%}.tabs a{padding:12px 11px;font-size:10px}.admin-tabs{margin-bottom:20px}.calendar-request-panel{grid-template-columns:1fr}.calendar-grid{gap:4px}.calendar-panel{padding:16px}.calendar-day{min-height:74px;padding:8px 6px}.calendar-top h2{font-size:27px}.day-owner{font-size:7px}.day-number{font-size:18px}.month-tabs{grid-template-columns:repeat(6,1fr);padding:12px 0}.calendar-legend{gap:10px;font-size:7px}.calendar-weekdays{font-size:7px}.calendar-tip p{font-size:9px}.request-builder{padding:23px}.calendar-top p{font-size:8px}.calendar-request-panel .availability-panel{margin-top:-18px}.request-list{padding:17px}.request-list .row-title{font-size:12px}.request-list .request-info p{font-size:9px}.request-list .badge{font-size:8px}.request-list .request-icon{width:34px;height:34px}.request-list .request-card{gap:10px}.detail-layout,.account-columns,.settings-grid,.admin-two-columns{gap:0}.exchange-visual{padding:18px 13px;gap:10px}.exchange-date h3{font-size:24px}.exchange-date .eyebrow{font-size:6px;letter-spacing:.6px}.exchange-date p{font-size:10px}.exchange-middle{width:28px;height:28px}.exchange-middle svg{width:16px}.message{margin-right:5px;padding:14px}.message.own-message{margin-left:5px}.message-meta time{font-size:8px}.balance-card{padding:25px}.balance-card h2{font-size:44px}.admin-two-columns>aside{display:block}.owner-editor{padding:0}.owner-editor summary{padding:16px;gap:9px}.owner-editor summary strong{font-size:11px}.owner-editor summary small{font-size:9px}.owner-editor summary .badge{font-size:7px}.owner-editor summary>svg{width:11px}.house-gallery{grid-template-rows:220px 130px;grid-template-columns:1fr 1fr;gap:10px}.gallery-photo.large{grid-row:auto;grid-column:span 2}.house-columns{gap:0}.photo-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.photo-strip .gallery-photo{height:95px}.notification-row{gap:12px;padding:19px 0}.notification-row h3{font-size:12px}.notification-row p{font-size:10px}.notification-row .request-icon{width:30px;height:30px}.auth-layout{display:block}.auth-art{display:none}.auth-form-wrap{min-height:100vh;padding:70px 30px 90px;background:radial-gradient(ellipse at 110% 0%,#dae2d480,transparent 50%)}.auth-form{max-width:390px;margin:40px auto}.auth-form h1{font-size:44px}.auth-top{right:30px;top:30px;font-size:9px}.auth-footer{left:30px;right:30px;bottom:28px}.auth-form .eyebrow{font-size:8px}.auth-intro{font-size:12px}.dialog-actions{flex-wrap:wrap}dialog{padding:23px}.cleaning-callout{gap:15px}.signout-panel h3{font-size:17px}}
@media(max-width:380px){.main-content{padding:18px 14px}.stat-value{font-size:20px}.stat-top svg{display:none}.hero-content h2{font-size:36px}.day-owner{font-size:6px}.calendar-panel{padding:12px}.calendar-day{padding:7px 4px;min-height:67px}.day-mark{right:3px}.home-strip .button{margin-left:0}.request-card .badge{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.app-footer,.preview-note,.button,form,.tabs{display:none!important}.main-shell{margin:0}.main-content{padding:0}.panel{break-inside:avoid}.account-columns,.detail-layout{display:block}body{background:white}}
}

/* Readable controls and supporting text across desktop and touch screens. */
@layer accessibility {
.mobile-menu{display:none}
:root{--muted:#6c7a74}
.nav-item{font-size:13px}.sidebar-section{font-size:9px;color:#7a877e}.brand-name small{color:#748177}
.breadcrumb,.today-date{font-size:11px;color:#738178}.icon-button{min-height:40px;min-width:40px}
.page-heading p,.hero-content p{font-size:13px}.eyebrow,.section-heading .eyebrow{font-size:9px;color:#5d8178}
.stat-top{font-size:9px;color:#728177}.stat-bottom{font-size:11px;color:#768378}.stat-unit{font-size:11px}
.row-title{font-size:13px}.request-info p,.notice-preview p{font-size:11px;color:#6f7e72}.direction{font-size:9px;color:#738378}
.badge,.request-card>.badge{font-size:10px}.notice-meta{font-size:9px;color:#73816e}.notice-preview h3{font-size:20px}
.field>span,.password-label>span{font-size:12px}.field input,.field select,.field textarea,.password-wrap>input{font-size:13px}
.field-help{font-size:11px;color:#74816d}.check{font-size:12px}.button{font-size:12px}.text-link{font-size:12px}
.auth-intro{font-size:14px;color:#6f7e70}.auth-note{font-size:12px;color:#74816d}.auth-top{font-size:11px;color:#74816d}.auth-footer{font-size:10px}
.auth-form .eyebrow{font-size:9px}.password-label>a{font-size:11px;color:#68806b}.password-toggle{font-size:11px;color:#69806a}
.auth-art-copy p{font-size:13px;color:#6e7e6d}.profile-link strong{font-size:12px}.profile-link small{font-size:10px}.location-card{font-size:11px}.location-card small{font-size:10px}
.calendar-top p,.calendar-tip p{font-size:10px;color:#70816a}.calendar-legend{font-size:9px;color:#6f826a}.calendar-weekdays{font-size:9px;color:#75846e}.day-owner{font-size:9px}.calendar-day{color:#557254}.calendar-day.selected{color:#fffef3}
.month-tab{font-size:11px;min-height:35px;color:#74856a}.request-builder>.muted{font-size:12px}.request-builder .field>span{font-size:11px}.request-cleaning{font-size:11px;color:#6f8666}.privacy-note{font-size:10px;color:#72836a}
.home-strip p{font-size:11px;color:#6e8068}.home-strip .button{font-size:11px}.home-strip h3{font-size:19px}
@media(max-width:760px){.stat-top{font-size:8px;letter-spacing:.3px}.stat-bottom{font-size:9px}.badge,.request-card>.badge{font-size:9px}.day-owner{font-size:8px}.calendar-weekdays{font-size:8px}.calendar-legend{font-size:8px}.nav-item{font-size:14px;min-height:44px}.home-strip .button{font-size:11px}.request-list .row-title{font-size:12px}.request-list .request-info p{font-size:10px}.request-list .badge{font-size:9px}.auth-intro{font-size:13px}}
}

/* Quiet hierarchy: descriptive headings, one brand line, and optional weather detail. */
@layer refinement {
.sidebar{overflow-y:auto}.sidebar .brand{gap:10px;margin-bottom:35px}.sidebar .brand-name{font-size:22px;white-space:nowrap;letter-spacing:-.8px}.sidebar .brand-symbol{width:28px;flex-shrink:0}.nav-divider{border-top:1px solid var(--line);margin:18px 10px 12px}
.sidebar-bottom{padding-top:24px}.location-card{padding-bottom:10px}.weather-widget{padding:0 0 18px 37px;color:var(--deep)}.weather-reading{display:flex;align-items:baseline;gap:9px;font-size:11px;min-height:30px}.weather-reading strong{font:26px Georgia,serif;letter-spacing:-.7px}.weather-meta{display:block;font-size:9px;line-height:1.6;color:#61746c}.weather-credit{display:inline-block;margin-top:4px;font-size:9px;color:#61746c;text-underline-offset:3px}.weather-credit:hover{text-decoration:underline}
.page-heading{margin-bottom:28px}.page-heading h1{margin-top:0}.hero-content h2{margin-bottom:26px}.hero-content .button{margin-top:0}.stat-top{letter-spacing:.5px}.stat-top span{text-transform:uppercase}.stat-bottom{min-height:20px}.app-footer{margin-top:30px}
.climate-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.climate-panel summary{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#48695f;cursor:pointer;min-height:32px}.climate-panel summary::before{content:'+';font-size:17px}.climate-panel[open] summary::before{content:'−'}.climate-panel summary svg{margin-left:auto;width:17px}.climate-panel summary:focus-visible{outline:2px solid var(--deep);outline-offset:5px}.climate-content{padding-top:14px}.climate-content p{font-size:12px;color:#61746c}.climate-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:15px 0}.climate-values strong{display:block;font:27px Georgia,serif;color:var(--deep)}.climate-values span{display:block;font-size:10px;color:#61746c;margin-top:5px}.climate-panel>small{font-size:10px;color:#61746c;line-height:1.7;display:block;margin-top:12px}.climate-panel>small a{text-decoration:underline;text-underline-offset:3px}.climate-status:empty,.empty-state p:empty{display:none}
.login-identity,.mobile-tagline{display:none}.auth-art-copy h2{max-width:350px}.auth-form h1{margin-bottom:30px}
@media(min-width:761px) and (max-width:1000px){.sidebar .brand-name{font-size:19px}.sidebar .brand{gap:6px}.sidebar .brand-symbol{width:23px}.weather-widget{padding-left:10px}}
@media(max-width:760px){.login-identity{display:flex;gap:12px;align-items:center;margin-bottom:38px}.login-identity .brand-name{font-size:29px}.login-identity .brand-symbol{width:33px}.mobile-tagline{display:block;color:#61746c;font-size:14px;margin-bottom:28px}.auth-form h1{margin-bottom:12px}.page-heading h1{font-size:32px}.hero-content h2{margin-bottom:28px}.climate-values strong{font-size:25px}}
}

@layer refinement {
.weather-widget{position:relative;margin-bottom:15px}
.weather-widget::after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:1px solid var(--line)}
.activity-entry .activity-title{font-size:13px;line-height:1.7;color:var(--ink);margin:10px 0 6px}
.activity-entry>small{display:block;font-size:10px;line-height:1.7;color:var(--muted)}
.activity-details{margin-top:10px}.activity-details>summary{display:inline-flex;align-items:center;gap:7px;cursor:pointer;color:var(--deep);font-size:11px;min-height:36px;padding:4px 11px;border:1px solid var(--line);border-radius:6px;list-style:none}.activity-details>summary::-webkit-details-marker{display:none}.activity-details>summary:hover{background:#edf1e9}.activity-details>summary:focus-visible{outline:2px solid var(--deep);outline-offset:3px}.activity-details>summary svg{width:13px;height:13px}.activity-details[open]>summary svg{transform:rotate(90deg)}.activity-details .hide-details,.activity-details[open] .show-details{display:none}.activity-details[open] .hide-details{display:inline}
.activity-detail-body{margin-top:12px;padding:17px;background:#f6f7f0;border:1px solid var(--line);border-radius:8px}.activity-detail-body>p{font-size:11px;line-height:1.7;color:var(--muted)}.activity-facts{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 18px;font-size:12px;line-height:1.7;margin:10px 0 18px}.activity-facts dt{color:var(--muted)}.activity-facts dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.activity-detail-body .text-link{min-height:34px}
@media(max-width:760px){.activity-facts{grid-template-columns:1fr;gap:3px}.activity-facts dd{margin-bottom:10px}.activity-entry .badge{max-width:100%;white-space:normal}}
}

@layer refinement {
.account-menu{position:relative}.account-menu>summary{cursor:pointer;list-style:none;min-width:38px;min-height:38px;border:1px solid transparent;user-select:none}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:hover,.account-menu[open]>summary{background:#dce7df;border-color:#bacfc3}.account-menu>summary:focus-visible{outline:2px solid var(--deep);outline-offset:3px}.account-menu-panel{position:absolute;right:0;top:calc(100% + 12px);z-index:80;width:230px;max-width:calc(100vw - 40px);padding:18px;background:#fffef8;border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #173f4f20}.account-menu-panel>strong{display:block;font-size:13px;margin-bottom:12px;overflow-wrap:anywhere}.account-menu-panel>a{display:flex;align-items:center;gap:9px;min-height:40px;font-size:12px}.account-menu-panel>a svg{width:16px}.account-menu-panel form{margin-top:10px}
}