/* ShareHome UI v3 — shared visual layer. Loaded after legacy styles. */
:root{
  --bg:#f4f5f1;--surface:#fff;--surface-2:#f8faf7;--text:#20332f;--muted:#697b74;
  --line:#dfe8e1;--primary:#126b60;--primary-2:#0e5149;--danger:#b84742;
  --ds-primary:#126b60;--ds-primary-hover:#0e5149;--ds-primary-soft:#e8f4ef;
  --ds-bg:#f4f5f1;--ds-surface:#fff;--ds-surface-alt:#f8faf7;--ds-border:#dfe8e1;
  --ds-text:#20332f;--ds-muted:#697b74;--ds-danger:#b84742;--ds-danger-soft:#fff2ef;
  --ds-success:#177559;--ds-success-soft:#eaf6ef;--ds-warning:#986720;--ds-warning-soft:#fff7e8;
  --ds-radius-sm:12px;--ds-radius-md:18px;--ds-radius-lg:22px;
  --ds-shadow:0 12px 38px rgba(22,56,46,.055);--ds-content-max:1480px;
  --ds-control-h:48px;
}
html{scroll-padding-top:112px}
body{color:var(--ds-text);background:radial-gradient(circle at 82% -30%,#e5eee6 0,transparent 32%),#f4f5f1;font-family:Tahoma,"Segoe UI",Arial,sans-serif}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:20px;height:20px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.skip-link{position:fixed;right:15px;top:-80px;z-index:1000;background:#fff;color:#124b42;padding:9px 16px;border-radius:12px}
.skip-link:focus{top:12px}
:where(a,button,input,select,textarea):focus-visible{outline:3px solid #d3a65a;outline-offset:3px}
[hidden]{display:none!important}

/* Application shell */
.app-shell{background:transparent;min-height:100svh}
.sidebar{width:270px;padding:20px 13px 16px;background:radial-gradient(circle at 85% 0%,rgba(215,169,91,.13),transparent 28%),linear-gradient(180deg,#163d37,#102f2c);border-left:1px solid rgba(255,255,255,.08);box-shadow:-10px 0 35px rgba(13,46,40,.11);color:#f5faf6}
.brand{padding:2px 7px 19px;gap:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.brand-mark{width:46px;height:46px;border-radius:15px;background:#e5b96f;color:#173b35;box-shadow:inset 0 1px rgba(255,255,255,.5),0 10px 24px rgba(0,0,0,.12);letter-spacing:-.06em;font-size:18px}
.brand-copy{min-width:0}.brand strong{font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand span{color:#adcbc0;font-size:.7rem;margin-top:2px}
.sidebar-property{display:flex;align-items:center;gap:10px;margin:17px 4px 11px;padding:12px;border:1px solid rgba(216,235,224,.15);border-radius:15px;background:rgba(255,255,255,.075);min-width:0}
.property-glow{width:8px;height:8px;flex:0 0 8px;background:#ecc786;border-radius:50%;box-shadow:0 0 0 4px rgba(236,199,134,.13)}
.sidebar-property div{min-width:0;display:grid;gap:2px}.sidebar-property small{color:#b3cfc3;font-size:.7rem}.sidebar-property b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}
.property-year{margin-right:auto;font-variant-numeric:tabular-nums;color:#f3dbb2;font-size:.8rem}
.sidebar-nav{flex:1;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent;padding:0 2px 8px}
.nav-caption{color:#9cbbb0;font-weight:800;letter-spacing:0;padding:17px 13px 6px}
.sidebar-nav a{display:flex;align-items:center;gap:12px;min-height:42px;padding:9px 12px;margin:0 0 2px;border-radius:11px;color:#d8e8df;transition:background .18s,color .18s,transform .18s}
/* Legacy CSS sized the icon's span to 22px. The redesigned links use SVG icons
   and a text span, so give the text its own flexible, single-line column. */
.sidebar-nav a > span:not(.nav-count){width:auto;min-width:0;flex:1;text-align:right;font-size:inherit;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-nav a > .nav-count{width:auto;flex:0 0 auto;text-align:center;font-size:.75rem}
.sidebar-nav a .icon{width:19px;height:19px;color:#a6c7b7}
.sidebar-nav a:hover{background:rgba(255,255,255,.09);color:white;transform:translateX(-2px)}
.sidebar-nav a.active{background:#eaf4ed;color:#173e36;box-shadow:0 5px 15px rgba(0,0,0,.1);font-weight:900}
.sidebar-nav a.active .icon{color:#126b60}
.nav-count{margin-right:auto;min-width:22px;height:22px;padding:0 5px;display:grid;place-items:center;border-radius:7px;background:#e7b96c;color:#193a32;font-size:.75rem}
.sidebar-install{margin:10px 6px 0;background:rgba(255,255,255,.08)!important;color:#f7ead2!important;border:1px solid rgba(234,205,156,.25)!important;text-align:center}
.sidebar-footer{padding:11px 4px 0;border-top:1px solid rgba(255,255,255,.12)}
.sidebar-account{display:flex;align-items:center;gap:10px;padding:8px 7px;text-decoration:none;border-radius:12px}
.sidebar-account:hover{background:rgba(255,255,255,.07)}
.sidebar-account .avatar{background:#d9ece2;color:#185348}.account-copy{flex:1;min-width:0}.account-copy b,.account-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy b{font-size:.8rem}.account-copy small{color:#aac9bc;font-size:.68rem}.sidebar-account>.icon{width:16px;color:#a9c5b8}
.logout-link{margin:4px 0 0;padding:9px 12px;gap:10px;color:#f0c6bc;background:transparent;border-radius:11px}.logout-link:hover{background:rgba(255,255,255,.07)}.logout-link .icon{width:18px;height:18px}
.logout-link > span{width:auto;min-width:0;flex:1;text-align:right;font-size:inherit;white-space:nowrap}
.workspace{margin-right:270px;min-width:0}
.topbar{height:82px;padding:0 clamp(20px,3vw,48px);background:rgba(255,255,255,.82);border-bottom:1px solid #e6ece5;box-shadow:0 6px 22px rgba(24,55,45,.035);backdrop-filter:blur(16px)}
.topbar-title small{color:#7b8d83;margin:0 0 1px}.topbar-title b{color:#1c3a33;font-weight:900}
.topbar-actions{gap:10px}.topbar-year{background:#edf4ee;border:1px solid #dce9df;color:#2e6756;border-radius:9px;padding:5px 12px;font-size:.82rem;font-weight:800}
.notification-bell{display:grid;place-items:center;width:40px;height:40px;border:1px solid #e1e9e2;border-radius:11px;background:#fff;font-size:initial}
.notification-bell .icon{width:21px;height:21px}.notification-bell:hover{border-color:#a9cbc0;background:#f5faf7}.notification-count{top:-7px;right:-7px}
.small-avatar{width:40px;height:40px;border-radius:12px;background:#dbede5;border:1px solid #c7dfd2;color:#1b6a59}
.page-content{max-width:var(--ds-content-max);padding:clamp(20px,2.5vw,36px) clamp(18px,3vw,42px) 52px;animation:sharehome-enter .3s ease both}
@keyframes sharehome-enter{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}
.mobile-dock{display:none}

/* Shared surfaces, hierarchy and controls */
.page-heading,.ds-page-header,.users-heading{margin:0 0 22px;align-items:end}
.page-heading h1,.ds-page-header h1,.users-heading h1{color:#193e36;margin:2px 0 4px;font-weight:900}
.page-heading p,.ds-page-header p,.users-heading p{color:#6e8076;margin:0}
.eyebrow,.panel-kicker{color:#97703a;letter-spacing:0;font-weight:900}
.panel,.card,.ds-card,.settings-section-card{background:#fff;border:1px solid #e1e9e2;border-radius:22px;box-shadow:var(--ds-shadow)}
.panel{padding:clamp(19px,2.4vw,28px)}.card{padding:22px;margin-bottom:20px}.card.narrow{max-width:720px}
.panel-head{padding-bottom:16px;border-bottom:1px solid #ecf0ea;margin-bottom:18px;align-items:end}
.panel-head h2{color:#20483d;margin:0}.panel-head p{color:#77877e}.panel-head>a{color:#126b60;text-decoration:none;font-weight:800}.panel-head>a:hover{text-decoration:underline}
.button,button{font-weight:800;min-height:42px;border-radius:11px}
.button.primary,button.primary,button:not(.secondary):not(.ghost-danger):not(.danger):not(.icon-button):not(.modal-close):not(.sidebar-install):not(.text-button):not(.group-toggle):not(.sidebar-close):not(.menu-button):not(.button-secondary):not(.button-danger){background:#126b60;color:#fff}
.button.primary:hover,button.primary:hover{background:#0d5149;box-shadow:0 7px 16px rgba(18,107,96,.17)}
.button.secondary,button.secondary,.button.soft{background:#f0f5ef;color:#28584a;border:1px solid #dce8de}
.button.secondary:hover,button.secondary:hover,.button.soft:hover{background:#e5f0e7;border-color:#afcfba}
.button.danger,button.danger,.button.ghost-danger,button.ghost-danger,.button-danger{background:#fff2ef;color:#aa433e;border:1px solid #f1d2ca}
.button.danger:hover,button.danger:hover{background:#ffe9e3}
button:disabled,.button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]),select,textarea{border:1px solid #d9e4da;border-radius:11px;background:#fbfcfa;color:#213d33;min-height:47px}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:#3f9483;background:white;box-shadow:0 0 0 4px rgba(51,138,119,.11)}
input::placeholder,textarea::placeholder{color:#99a99f}
label{color:#345248;font-weight:800}
.status-chip,.ds-badge{border-radius:8px;padding:5px 10px}
.status-chip.active,.status-chip.free,.status-chip.active-status{background:#e8f5ed;color:#17684e}
.status-chip.allocated{background:#e7f0fa;color:#2c628c}.status-chip.cancelled,.status-chip.inactive-status{background:#fff0ec;color:#ab4d3e}
.flash{border-radius:13px;box-shadow:none}.flash.success{border-color:#c5e7d2}.flash.danger{border-color:#f2cec8}
.empty-state{background:#fafbf8;border-color:#d7e1d8;color:#74847a}
.table-wrap{border:1px solid #e5ebe5;border-radius:15px;background:#fff}
.table-wrap table,.notice-scroll table{width:100%;border-collapse:collapse}
th{background:#f4f7f2;color:#53695d;font-weight:900;white-space:nowrap}
th,td{border-bottom:1px solid #edf1ed;padding:13px 15px}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fafcf9}
.actions{align-items:center}.actions form{max-width:100%}.actions select{min-width:150px}
.form-grid,.grid,.grid-form{gap:16px}.grid,.grid-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.form-grid>label,.grid>label,.grid-form>label{display:grid;gap:7px}
.stat-grid{gap:14px;margin:16px 0 22px}.stat-card,.user-stat{border:1px solid #e2eae3;background:#fff;border-radius:20px;box-shadow:0 9px 25px rgba(22,56,46,.045)}
.stat-card{padding:20px;min-height:122px;align-items:center}.stat-card strong{color:#183d35}.stat-card span,.stat-card small{color:#718379}.stat-icon{background:#eaf3ed;color:#236e56;border-radius:13px}
.stat-icon.blue{background:#eaf1f5;color:#3b7296}.stat-icon.amber{background:#fff4df;color:#9d7130}.stat-icon.violet{background:#f2edf5;color:#7a5a85}
.owner-card,.user-card,.period-card,.account-card,.request-card,.notice-card{border:1px solid #e1e9e2;background:#fff;border-radius:18px;box-shadow:0 9px 26px rgba(22,56,46,.045)}
.owner-card:hover,.user-card:hover,.period-card:hover,.account-card:hover{border-color:#a8d0bb;box-shadow:0 14px 32px rgba(22,56,46,.085)}
.avatar{background:#e7f2e9;color:#165c4e;border-radius:12px}.status-chip{white-space:nowrap}
.owner-metrics>div,.user-meta-grid>div,.account-metrics span,.info-grid>div{background:#f7f9f5;border:1px solid #eef1e9;border-radius:11px}
.owner-card-head,.user-card-top{gap:12px}.owner-card-head h3,.user-identity h3{color:#24483b}
.user-stat strong{color:#1c5c4e}.user-card-actions .button{min-height:40px}
.period-card.special{border-color:#ead9b7;background:linear-gradient(145deg,#fff,#fffcf5)}
.period-card .period-type{color:#8e693c;background:#fff2dc;border-radius:8px;padding:5px 9px}
.panel .period-cards{margin-top:4px}
.owner-modal-card,.user-modal-card{border-radius:22px;border:1px solid #e3eae2}
.owner-modal-card>header,.user-modal-card>header{background:#f9fbf7}
.owner-tab.active,.owner-tab[aria-selected=true]{color:#146756}
.notification-bell,.mobile-dock a,.mobile-dock button{position:relative}
.notice-card.unread{border-inline-start:4px solid #d9a65a}.notice-card h3{color:#1d483d}
.notice-form input[type=checkbox]{accent-color:#126b60}
.settings-hero{background:linear-gradient(125deg,#173f38,#205a4e);border:0;color:#fff;box-shadow:0 18px 34px rgba(22,64,51,.13)}
.settings-hero h1,.settings-hero p,.settings-hero .eyebrow{color:#fff}.settings-hero p{color:#d6e7dc}
.settings-hero-badge{background:rgba(255,255,255,.13);color:#f1cb8a;box-shadow:none;border:1px solid rgba(255,255,255,.2)}
.settings-jump-nav{top:94px;border-color:#e1e9e2;box-shadow:0 7px 24px rgba(22,56,46,.07)}
.settings-section-card{box-shadow:var(--ds-shadow)}.settings-section-icon{background:#e8f4ec;color:#1b6f56}.settings-field{background:#f9fbf8;border-color:#e6eee5}
.settings-sticky-actions{border-color:#dfebe2}.rate-summary{background:#f0f7ef;border-color:#d5e8d8}.rate-summary span{color:#236e56}

/* Dashboard and authentication */
.dashboard-commandbar{position:relative;overflow:hidden;background:linear-gradient(118deg,#173e38 0%,#235e50 72%,#316e58 100%);color:#fff;border:0;box-shadow:0 20px 40px rgba(28,80,61,.15);padding:27px 30px;border-radius:23px}
.dashboard-commandbar::after{content:"";position:absolute;left:-44px;bottom:-102px;width:245px;height:245px;border:1px solid rgba(244,217,168,.23);border-radius:50%;box-shadow:0 0 0 44px rgba(255,255,255,.035)}
.dashboard-commandbar>div{position:relative;z-index:1}.dashboard-commandbar .eyebrow{color:#efcf97}.dashboard-commandbar h2{color:#fff;margin:5px 0!important}.dashboard-commandbar p{color:#d8e8db!important}
.dashboard-commandbar .button.primary{background:#e6bb75;color:#25463a;border:0}.dashboard-commandbar .button.primary:hover{background:#f2ce91}
.dashboard-commandbar .button.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.24)}
.dashboard-commandbar .button.soft{background:transparent;color:#eff8ee;border:1px solid rgba(255,255,255,.35)}
.modern-stats .stat-card{border-radius:20px;box-shadow:0 9px 25px rgba(22,56,46,.045)}
.modern-dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr)}
.dashboard-main-panel,.dashboard-side-panel,.latest-periods-panel{background:#fff}
.dashboard-main-panel .owner-progress:not(:last-child){border-bottom:1px solid #edf0ea}
.owner-progress .progress{background:#eaf0e9}.owner-progress .progress i{background:linear-gradient(90deg,#caa05e,#147565)}
.donut{filter:drop-shadow(0 7px 13px rgba(24,77,58,.1))}.donut:before{background:conic-gradient(#177863 calc(var(--value)*1%),#e8efe8 0)}
.razavi-banner-static{border-radius:19px;box-shadow:0 13px 27px rgba(11,47,44,.12);margin:3px 0 22px;overflow:hidden}
.razavi-banner-static img{display:block;width:100%;height:auto;object-fit:contain}
.auth-page{background:linear-gradient(130deg,#edf3ec,#f9faf7 65%)}
.auth-showcase{background:radial-gradient(circle at 80% 10%,rgba(232,193,125,.18),transparent 32%),linear-gradient(145deg,#113c36,#246251);color:#fff}
.auth-showcase:before,.auth-showcase:after{border-color:rgba(239,219,179,.16)}
.showcase-content .brand-mark.jumbo{background:#e6bb75;color:#183f35;box-shadow:0 17px 34px rgba(0,0,0,.1)}
.showcase-content .eyebrow{color:#eaca8c}.showcase-content h1{color:#fff}.showcase-content p{color:#dbeadf}.feature-pills span{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.16)}
.auth-card{border:1px solid #e3ebe3;background:#fff;border-radius:22px;box-shadow:0 28px 70px rgba(20,72,53,.12)}
.auth-card .eyebrow{background:#f0f5eb;color:#547c50}.auth-card h2{color:#1d493d}
.login-type-switch{background:#f1f5ee}.login-type-switch input:checked+span{border-color:#bad8c5;color:#165d4f;box-shadow:0 4px 13px rgba(32,91,69,.1)}
.input-icon input{background:#f9fbf8;border-color:#dce6dc}.auth-form .button.primary{box-shadow:0 11px 22px rgba(18,107,96,.17)}
.login-copyright{color:#819087}

@media(max-width:1100px){.modern-dashboard-grid{grid-template-columns:1fr}.dashboard-side-panel{margin-top:0}}
@media(max-width:900px){
 .sidebar{width:min(320px,88vw);transform:translateX(110%);transition:transform .25s ease;z-index:60}
 .sidebar-open .sidebar{transform:translateX(0)}
 .sidebar-backdrop{position:fixed;inset:0;background:rgba(15,37,31,.55);z-index:55;opacity:0;visibility:hidden;transition:.25s}
 .sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}
 .workspace{margin-right:0}.topbar{height:70px;padding:0 18px}.menu-button,.sidebar-close{display:grid;place-items:center}
 .sidebar-close{margin-right:auto;color:#fff}.menu-button .icon,.sidebar-close .icon{width:23px;height:23px}
 .page-content{padding:20px 17px 110px}.mobile-dock{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;right:0;left:0;z-index:45;padding:7px 7px calc(7px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #dfe8e0;box-shadow:0 -10px 30px rgba(24,64,45,.08);backdrop-filter:blur(14px)}
 .mobile-dock a,.mobile-dock button{display:grid;justify-items:center;align-content:center;gap:3px;min-height:54px;padding:4px;border:0;border-radius:11px;background:transparent!important;color:#657b6d!important;text-decoration:none;font-size:.75rem!important;line-height:1.1}
 .mobile-dock .icon{width:21px;height:21px}.mobile-dock a.active{background:#e9f3eb!important;color:#176457!important;font-weight:900}.mobile-dock a.active .icon{stroke-width:2.2}.mobile-dock span{white-space:nowrap}
 .dock-count{position:absolute;top:0;right:calc(50% - 19px);width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#b74942;color:#fff;font-size:10px}
 .topbar-year{display:none}.sidebar-nav{padding-bottom:10px}
 .settings-jump-nav{top:78px}
}
@media(max-width:760px){
 .page-heading,.ds-page-header,.users-heading{align-items:stretch}.page-heading>.button,.ds-page-header>.button{width:100%}
 .panel,.card{padding:17px;border-radius:18px}.stat-grid{gap:10px}.stat-card{padding:14px;min-height:108px}.stat-icon{width:40px;height:40px}
 .table-wrap.mobile-cards{background:transparent;border:0;overflow:visible}.table-wrap.mobile-cards tr{border:1px solid #e0e9e0;border-radius:15px;box-shadow:0 7px 17px rgba(22,56,46,.045);padding:9px 14px}
 .table-wrap.mobile-cards td{align-items:flex-start;text-align:left;border:0;gap:12px}.table-wrap.mobile-cards td::before{flex:0 0 34%;color:#718178;font-weight:800}.table-wrap.mobile-cards td[colspan]::before{display:none}
 .table-wrap.mobile-cards td.actions{border-top:1px solid #edf0ea;display:flex;flex-wrap:wrap}.table-wrap.mobile-cards td.actions form{flex:1}
 .grid,.grid-form,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.account-grid,.account-metrics{grid-template-columns:1fr}
 .dashboard-commandbar{padding:22px}.dashboard-quick-actions{display:grid;grid-template-columns:1fr;width:100%}.dashboard-quick-actions .button{width:100%}
 .razavi-banner-static{border-radius:12px}.settings-section-card{padding:18px}.owner-card,.user-card{border-radius:16px}
}
@media(max-width:520px){.topbar-title b{font-size:1rem!important}.topbar-title small{font-size:.68rem!important}.topbar-actions{gap:7px}.small-avatar,.notification-bell{width:36px;height:36px}.stat-grid,.stat-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{display:block}.stat-card .stat-icon{margin-bottom:8px}.stat-card strong{font-size:1.25rem!important}.notice-card{padding:17px}}
@media(max-width:350px){.mobile-dock a,.mobile-dock button{font-size:.66rem!important}.mobile-dock .icon{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Page specific layouts */
.section-gap{margin-top:20px}.status-chip.special{background:#fff2dc;color:#87642d}
.transfer-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.transfer-form input{min-width:130px;width:150px}.transfer-form select{min-width:150px;width:auto}.transfer-form button{white-space:nowrap}
.lottery-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.75fr);gap:18px;align-items:start}.lottery-form,.profile-form{display:grid;gap:16px}.lottery-form label,.profile-form label{display:grid;gap:8px}.lottery-form button,.profile-form button{justify-self:start}.lottery-guide{background:#f9fbf8}.lottery-guide h2{margin:5px 0 8px;color:#1e4c3d}.lottery-guide p{color:#647a6d;line-height:1.95}.lottery-cycle{display:flex;justify-content:space-between;align-items:center;margin:20px 0 14px;padding:14px;background:#edf5eb;border-radius:12px}.lottery-cycle b{font-size:1.3rem;color:#1b7155}.lottery-result{display:grid;gap:4px;margin-top:18px;padding:15px;border:1px solid #b9ddc2;background:#eff9ef;border-radius:12px}.lottery-result span{color:#5f7966}.lottery-result strong{color:#175b47;font-size:1.35rem}
.profile-layout{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:18px;align-items:start}.profile-summary{display:grid;justify-items:start;gap:12px}.profile-summary .avatar{width:62px;height:62px;font-size:1.5rem}.profile-summary h2{margin:0;color:#1e4c3d}.profile-summary p{margin:3px 0 7px;color:#758579;direction:ltr;text-align:right}.profile-form{max-width:530px}
.bank-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.bank-card{border:1px solid #e1e9e2;border-radius:17px;padding:19px;background:#fff;display:grid;gap:15px;box-shadow:0 7px 20px rgba(22,56,46,.035)}.bank-card-head{display:flex;align-items:center;gap:11px}.bank-card-head>div:nth-child(2){min-width:0;flex:1}.bank-card h3{margin:0;color:#204f40}.bank-card p{margin:3px 0 0;color:#6e8075}.bank-emblem{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#e7f2e8;color:#236b56}.bank-card dl{display:grid;gap:8px;margin:0}.bank-card dl>div{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid #eef1eb}.bank-card dt{color:#728477}.bank-card dd{margin:0;overflow-wrap:anywhere;font-weight:700;direction:ltr;text-align:left}.bank-card .bank-note{margin:0;white-space:pre-wrap}.bank-card form{margin-top:auto}.bank-card button{width:100%}
@media(max-width:900px){.lottery-layout,.profile-layout{grid-template-columns:1fr}.bank-grid{grid-template-columns:1fr}}
@media(max-width:760px){.transfer-form{width:100%}.transfer-form select,.transfer-form input,.transfer-form button{width:100%}.bank-card{padding:16px}}
.page-content > .panel + .panel,.page-content > .card + .card{margin-top:20px}
.table-wrap td.actions{display:table-cell;white-space:normal}
.table-wrap td.actions form{display:inline-flex;vertical-align:middle;margin:2px 3px;max-width:100%}
@media(max-width:760px){.table-wrap.mobile-cards td.actions{display:flex}.table-wrap.mobile-cards td.actions form{display:flex;margin:2px 0}}

/* Hammelk brand + unit overview refresh */
.brand.brand-inline{
  min-height:54px;
  padding:4px 8px 17px;
  gap:10px;
}
.brand-copy.brand-copy-inline{
  flex:1;
  min-width:0;
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  overflow:hidden;
}
.brand-copy.brand-copy-inline strong{
  flex:0 0 auto;
  font-size:1.08rem!important;
  color:#fff;
  line-height:1.2;
}
.brand-copy.brand-copy-inline span{
  display:inline;
  margin:0;
  color:#a9c8bb;
  font-size:.72rem;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.brand-copy.brand-copy-inline .brand-separator{
  flex:0 0 auto;
  color:#e5bb74;
  font-size:.92rem;
  overflow:visible;
}

.sidebar-property.suite-overview{
  display:block;
  margin:16px 4px 13px;
  padding:12px;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.055));
  border:1px solid rgba(220,238,228,.17);
  border-radius:17px;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
.suite-overview-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:10px;
}
.suite-overview-head small{
  color:#b8d2c6;
  font-size:.7rem;
  font-weight:800;
}
.suite-overview .property-year{
  margin:0;
  padding:3px 7px;
  border-radius:7px;
  background:rgba(229,185,111,.11);
  color:#f1d29d;
  font-size:.66rem;
  font-weight:900;
}
.suite-overview-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.suite-overview-item{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px 9px;
  border-radius:10px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.07);
}
.suite-overview-item b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#f2f8f4;
  font-size:.73rem;
  font-weight:900;
}
.suite-overview-empty{
  grid-column:1/-1;
  color:#a9c8bb;
  font-size:.72rem;
  padding:5px 2px;
}
.suite-color-dot{
  width:9px;
  height:9px;
  flex:0 0 9px;
  display:inline-block;
  border-radius:50%;
  background:#8db7a8;
  box-shadow:0 0 0 3px rgba(141,183,168,.12);
}
.suite-color-dot.pink{background:#e7a6b8;box-shadow:0 0 0 3px rgba(231,166,184,.13)}
.suite-color-dot.blue{background:#83b9df;box-shadow:0 0 0 3px rgba(131,185,223,.13)}
.suite-color-dot.green{background:#82bea3;box-shadow:0 0 0 3px rgba(130,190,163,.13)}

.topbar.topbar-premium{
  min-height:88px;
  height:88px;
  margin:12px 18px 0;
  padding:0 24px;
  top:10px;
  border:1px solid #dce8df;
  border-radius:22px;
  background:linear-gradient(112deg,rgba(255,255,255,.97) 0%,rgba(247,250,245,.97) 58%,rgba(249,242,229,.96) 100%);
  box-shadow:0 12px 34px rgba(31,73,58,.08);
  overflow:hidden;
  isolation:isolate;
}
.topbar.topbar-premium::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-72px;
  top:-108px;
  width:245px;
  height:245px;
  border-radius:50%;
  border:1px solid rgba(203,161,91,.19);
  box-shadow:0 0 0 35px rgba(211,174,109,.045),0 0 0 68px rgba(44,112,90,.025);
}
.topbar.topbar-premium::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:0;
  top:0;
  bottom:0;
  width:5px;
  background:linear-gradient(180deg,#1a705f,#d4a75f);
}
.topbar-premium>*{position:relative;z-index:1}
.topbar-premium .topbar-title{display:grid;gap:4px;min-width:0}
.topbar-premium .topbar-meta{
  display:flex;
  align-items:center;
  gap:7px;
  color:#74887d;
  font-size:.69rem;
}
.topbar-premium .topbar-meta small{margin:0;color:#74887d;font-size:.69rem}
.topbar-premium .topbar-meta i{width:4px;height:4px;border-radius:50%;background:#d3a65e}
.topbar-premium .topbar-brand-name{color:#9a7137;font-weight:900}
.topbar-premium .topbar-title b{
  color:#173f36;
  font-size:1.05rem!important;
  font-weight:950;
  line-height:1.35;
}
.topbar-suite-list{
  display:flex;
  align-items:center;
  gap:7px;
  margin-right:22px;
}
.topbar-suite-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:5px 10px;
  border-radius:10px;
  border:1px solid #dde8de;
  background:rgba(255,255,255,.72);
  color:#355b4e;
  font-size:.72rem;
  font-weight:900;
  white-space:nowrap;
}
.topbar-premium .topbar-actions{margin-right:auto;gap:9px}
.topbar-premium .notification-bell,
.topbar-premium .small-avatar{
  background:rgba(255,255,255,.82);
  border-color:#dbe6dd;
  box-shadow:0 5px 15px rgba(31,73,58,.045);
}

@media(max-width:1100px){
  .topbar-suite-list{display:none}
}
@media(max-width:900px){
  .brand.brand-inline{padding-top:2px}
  .topbar.topbar-premium{
    height:70px;
    min-height:70px;
    margin:8px 10px 0;
    top:6px;
    padding:0 13px;
    border-radius:17px;
  }
  .topbar-premium .topbar-title{gap:1px}
  .topbar-premium .topbar-meta{font-size:.64rem}
  .topbar-premium .topbar-meta small{font-size:.64rem!important}
  .topbar-premium .topbar-title b{font-size:.94rem!important}
  .topbar-premium .topbar-actions{gap:6px}
}
@media(max-width:520px){
  .brand-copy.brand-copy-inline{gap:6px}
  .brand-copy.brand-copy-inline strong{font-size:1rem!important}
  .brand-copy.brand-copy-inline span{font-size:.68rem}
  .suite-overview-list{grid-template-columns:1fr 1fr}
  .topbar-premium .topbar-brand-name{display:none}
  .topbar-premium .topbar-meta i{display:none}
}