:root{--ink:#1e3637;--muted:#76898c;--green:#146c57;--dark:#0d453d;--border:#e4edeb;--surface:#fff;--canvas:#f4f8f7;--lime:#b8e36a;--safe:env(safe-area-inset-bottom,0px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;}body{min-height:100dvh;background:radial-gradient(circle at 100% -10%,#dff5ea 0,transparent 38%),var(--canvas)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #89c6b4;outline-offset:3px}[hidden]{display:none!important}
.auth-shell{max-width:1160px;min-height:670px;margin:clamp(20px,5vh,64px) auto;display:grid;grid-template-columns:1fr .94fr;background:#fff;border:1px solid #e4ece9;border-radius:29px;overflow:hidden;box-shadow:0 26px 100px #0c513020}
.auth-hero{position:relative;min-height:650px;background:radial-gradient(circle at 50% 125%,#237d62,transparent 55%),linear-gradient(150deg,#0d3f38,#105b4c 58%,#134d4c);color:white;padding:45px 50px;overflow:hidden;display:flex;flex-direction:column}
.brand-logo{width:207px;max-width:100%;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 4px #0c302522)}
.eyebrow{margin-top:95px;font-size:10px;font-weight:850;letter-spacing:.19em;color:#bce6d3}
.auth-hero h1{font-size:clamp(35px,3.2vw,50px);line-height:1.12;letter-spacing:-.05em;max-width:450px;margin:24px 0 18px;font-weight:800}.auth-hero h1 em{color:#c7ee8d;font-style:normal}
.auth-hero p{font-size:14px;line-height:1.9;color:#c2dfd7;max-width:370px;margin:0}.hero-bottom{margin-top:auto;z-index:2;font-size:11px;color:#b8dbd0;font-weight:750;display:flex;gap:9px;align-items:center}
.pulse{display:inline-block;width:7px;height:7px;background:#b7f29d;border-radius:50%;box-shadow:0 0 0 5px #b7f29d1d}.separation{opacity:.35}
.route-decoration{position:absolute;bottom:85px;right:12px;width:360px;height:180px;opacity:.65;pointer-events:none}.route-decoration:before{content:"";position:absolute;inset:30px 0 60px;border:3px dashed #a9eed2;border-radius:130px 20px 130px 20px;transform:rotate(-16deg)}.route-decoration i{position:absolute;width:16px;height:16px;background:var(--lime);border:4px solid #19574a;border-radius:50%;box-shadow:0 0 0 4px #a0dbb533}.route-decoration i:nth-child(1){left:20px;top:68px}.route-decoration i:nth-child(2){right:42px;top:10px}.route-decoration i:nth-child(3){right:28px;bottom:42px}.route-decoration i:nth-child(4){left:90px;bottom:30px}
.auth-content{padding:48px clamp(26px,5vw,66px) 30px;display:flex;flex-direction:column;min-width:0}.auth-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px}.square-mark{background:#e6f5ee;padding:11px;border-radius:12px;color:var(--green);font-weight:900;letter-spacing:-1px}.square-mark span{color:#e0b642}.tag{font-size:9px;letter-spacing:.12em;font-weight:900;color:#63857b;background:#eaf5f0;border-radius:100px;padding:8px 11px}
.section-label{display:block;color:#188667;font-size:10px;font-weight:900;letter-spacing:.16em}.auth-screen h2{font-size:clamp(26px,3.5vw,35px);letter-spacing:-.04em;margin:12px 0 12px;line-height:1.15}.subtle{color:#718389;line-height:1.7;font-size:13px;margin:0 0 28px}
.auth-screen label{display:block;margin:17px 0 8px;font-size:12px;font-weight:780;color:#314d4e}.auth-screen input{width:100%;height:48px;border:1px solid #dce7e4;border-radius:12px;background:#fbfdfc;color:#1c3637;padding:0 14px;font-size:13px;outline:none}.auth-screen input:focus{border-color:#4ba888;box-shadow:0 0 0 3px #4ba88818}.password-field{display:flex;position:relative}.password-field input{padding-right:70px}.password-field button{position:absolute;right:8px;top:6px;height:36px;border:0;background:transparent;color:#286e58;font-size:11px;font-weight:800}
.primary-btn{width:100%;margin-top:23px;min-height:49px;border:0;border-radius:12px;background:#146c57;color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font-size:13px;font-weight:850;box-shadow:0 10px 25px #136b5328;transition:transform .17s ease,background .17s ease}.primary-btn:hover{background:#0b5a47;transform:translateY(-1px)}.primary-btn:active{transform:scale(.98)}.primary-btn span{font-size:19px;font-weight:400}
.auth-footer{margin-top:auto;padding-top:45px;display:flex;justify-content:space-between;gap:10px;color:#93a2a2;font-size:10px}.auth-footer button{background:transparent;border:0;color:var(--green);font-size:11px;font-weight:800}.feedback{border:1px solid #ecd0c7;color:#a04127;background:#fff3ed;border-radius:12px;padding:12px 14px;font-size:12px;line-height:1.5;margin:17px 0 0}.feedback.success{background:#e9f6ef;border-color:#cbe7d9;color:#1a795c}
.spinner{width:34px;height:34px;border:4px solid #e8f4ef;border-top-color:var(--green);border-radius:50%;animation:spin .75s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}
.qr-box{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px dashed #cddfd7;border-radius:16px;background:#f8fcfa;padding:16px;margin:16px 0 7px}.qr-box img{width:180px;height:180px;object-fit:contain;background:#fff}.qr-box code{font-size:11px;max-width:100%;overflow-wrap:anywhere;color:#31785c}.footnote{font-size:11px;color:#81938f;line-height:1.6}
.otp{letter-spacing:.4em;text-align:center;font-weight:850;font-size:21px!important}
.dashboard{min-height:100dvh;display:grid;grid-template-columns:245px minmax(0,1fr)}
.sidebar{background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:29px 18px;position:sticky;top:0;height:100dvh}.sidebar-brand{padding:4px 13px 25px;border-bottom:1px solid #eef3f1}.sidebar-brand img{display:block;max-width:157px;width:100%}.sidebar-brand small{display:block;margin-top:4px;color:#84958e;font-size:9px;font-weight:900;letter-spacing:.16em}
.sidebar nav{margin-top:34px;display:grid;gap:8px}.sidebar nav span{display:flex;align-items:center;gap:3px;padding:13px 14px;border-radius:12px;font-weight:800;font-size:12px;white-space:nowrap}.nav-active{background:#e7f5ee;color:#136d56}.nav-future{color:#95a6a5}.nav-future small{margin-left:auto;font-size:9px;color:#99aaa6;font-weight:600}
.sidebar-foot{margin-top:auto;color:#7a8c8a;font-size:11px;line-height:1.6}.verified{color:#147a5c;background:#edf8f2;padding:7px 10px;border-radius:100px;font-size:10px;font-weight:800}.sidebar-foot p{margin:18px 0}.sidebar-foot button{width:100%;background:#fff;border:1px solid #dce8e3;padding:13px;border-radius:12px;color:#316552;font-size:11px;font-weight:850}
.main-content{padding:34px clamp(20px,3.1vw,52px) 20px;min-width:0;max-width:1620px;width:100%;margin:auto}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.dashboard-heading h1{font-size:clamp(26px,3vw,36px);margin:7px 0 7px;letter-spacing:-.05em}.dashboard-heading p{margin:0;color:#819292;font-size:12px}.heading-actions{display:flex;align-items:center;gap:12px}.live-dot{font-size:10px;font-weight:850;color:#138660;white-space:nowrap}.heading-actions button{background:#fff;border:1px solid #d9e8e0;color:#276f59;border-radius:11px;padding:11px 14px;font-size:11px;font-weight:850}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.stat{min-width:0;background:#fff;border:1px solid var(--border);border-radius:19px;padding:21px 20px;box-shadow:0 9px 27px #17422e09}.stat.featured{background:linear-gradient(135deg,#146b55,#0d4c43);color:#fff;border-color:transparent}.stat-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#788f8a;font-weight:790}.stat-label span{font-size:19px;color:#58b28e}.stat.featured .stat-label,.stat.featured .stat-label span{color:#bee6d2}.stat strong{display:block;font-size:clamp(29px,2.5vw,40px);font-weight:900;letter-spacing:-.05em;margin:14px 0 2px}.stat small{font-size:10px;line-height:1.5;color:#9aaba7}.stat.featured small{color:#b8dccd}
.content-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin-top:16px}.panel{background:#fff;border:1px solid var(--border);border-radius:20px;padding:23px;box-shadow:0 10px 30px #17422e08;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-title h2{font-size:17px;letter-spacing:-.03em;margin:7px 0 0}.tiny-badge{font-size:10px;font-weight:850;background:#e6f5ec;color:#287f5d;border-radius:30px;padding:9px 11px}.chart{display:flex;align-items:end;justify-content:space-around;gap:9px;height:195px;margin-top:22px;padding:8px 4px 0;border-bottom:1px solid #edf1ef;background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#f4f7f5 46px)}.chart-bar{width:min(11%,51px);min-height:4px;border-radius:8px 8px 2px 2px;background:linear-gradient(#86ceac,#257b61);position:relative;transition:height .4s ease}.chart-bar:after{content:attr(data-count);position:absolute;left:50%;bottom:100%;transform:translateX(-50%);font-size:10px;font-weight:800;color:#548b78;padding-bottom:4px}.chart-dates{display:flex;justify-content:space-around;gap:7px;padding-top:10px;color:#92a29c;font-size:10px;font-weight:750}.chart-dates span{text-align:center;flex:1}
.donut{width:174px;height:174px;border-radius:50%;background:conic-gradient(#2c946f 0deg,#2c946f 360deg);margin:24px auto;display:grid;place-items:center}.donut>div{width:125px;height:125px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.donut strong{font-size:31px;letter-spacing:-.05em}.donut small{color:#879993;font-size:10px}.membership-line{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid #eef3f1;font-size:12px;color:#637c74}.membership-line span{display:flex;gap:9px;align-items:center}.membership-line i{height:9px;width:9px;border-radius:50%;display:inline-block}.dot-free{background:#2c946f}.dot-premium{background:#f0c75e}
.recent{margin-top:16px}.table-hint{font-size:10px;color:#97a5a0}.table-wrapper{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:430px}th{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#9aaba4;background:#f6f9f7}th,td{padding:14px;border-bottom:1px solid #edf2f0}td{color:#4f6965}td strong{color:#294a42}tbody tr:last-child td{border-bottom:0}.dashboard-footer{display:flex;justify-content:space-between;gap:10px;margin-top:25px;font-size:10px;color:#9baaa5}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar nav .owner-nav-button{border:0;text-align:left;display:flex;align-items:center;min-height:44px;padding:13px 14px;border-radius:12px;font-weight:800;font-size:12px;background:transparent;color:#718f87;white-space:nowrap;transition:background .18s ease,color .18s ease}
.sidebar nav .owner-nav-button:hover{background:#f0f8f3;color:#125e4b}.sidebar nav .owner-nav-button.nav-active{background:#e7f5ee;color:#136d56}
.owner-mobile-nav{display:none}
.user-overview{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#f0faf3,#e9f6f0);border:1px solid #d9ebdf;border-radius:18px;padding:23px;margin-bottom:17px}
.user-overview-copy strong{display:block;font-size:19px;letter-spacing:-.035em;margin:8px 0}.user-overview-copy p{font-size:12px;color:#63857c;margin:0;line-height:1.6}.read-only-badge{flex:none;border-radius:50px;background:#fff;color:#167357;padding:10px 13px;font-size:10px;letter-spacing:.08em;font-weight:900;border:1px solid #d2e7d9}
.users-panel{padding:0;overflow:hidden}.users-toolbar{display:flex;gap:11px;padding:23px 23px 16px;align-items:center;flex-wrap:wrap}
.search-field{position:relative;flex:1 1 250px;min-width:180px}.search-field>span[aria-hidden]{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:23px;color:#82a39a;line-height:1;pointer-events:none}
.search-field input,.filter-field select{width:100%;height:46px;border-radius:12px;border:1px solid #dce8e2;background:#fafffc;color:#234c42;padding:0 13px;font-size:13px;outline:none}
.search-field input{padding-left:42px}.search-field input:focus,.filter-field select:focus{border-color:#65b28f;box-shadow:0 0 0 3px #65b28f24}.filter-field{flex:0 1 173px;min-width:145px}.filter-field select{cursor:pointer}
.users-table-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 24px 17px;font-size:11px;color:#7c938a}.users-table-meta span:first-child{font-weight:800;color:#325f50}.users-table-wrap{overflow-x:auto;padding:0 13px}
.users-table{min-width:770px}.users-table th{padding:14px 11px}.users-table td{padding:14px 11px;overflow-wrap:anywhere;vertical-align:middle}.users-table tbody tr:hover{background:#f8fcf9}.users-table td:first-child{min-width:138px}.users-empty{text-align:center!important;padding:37px 15px!important;color:#738e82!important}
.membership-badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:800;border-radius:40px;padding:7px 10px}.membership-badge.free{background:#e9f0ed;color:#51776d}.membership-badge.premium{background:#fff4ce;color:#956f10}.user-detail-link{border:1px solid #cbe4d6;background:#f1faf5;color:#187157;border-radius:9px;padding:10px 12px;white-space:nowrap;font-size:11px;font-weight:850;min-height:40px}.user-detail-link:hover{background:#e0f5e9}
.users-pagination{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 23px 22px;border-top:1px solid #eef2ee}.users-pagination>span{font-size:11px;color:#83978c}.users-pagination>div{display:flex;gap:9px}.users-pagination button{min-height:40px;padding:10px 13px;border:1px solid #dce8df;background:#fff;color:#23674f;border-radius:10px;font-size:11px;font-weight:800}.users-pagination button:disabled{cursor:not-allowed;opacity:.45}
.user-detail-open{overflow:hidden}.user-detail-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:flex-end}.user-detail-backdrop{position:absolute;inset:0;background:#102c2ba8;backdrop-filter:blur(3px)}.user-detail-sheet{position:relative;width:min(440px,100%);height:100dvh;background:#fff;box-shadow:-15px 0 50px #0f30232c;display:flex;flex-direction:column;overflow-y:auto;animation:detail-in .25s ease both}.user-detail-head{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:30px 27px 24px;border-bottom:1px solid var(--border)}.user-detail-head h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 0}.user-detail-head button{background:#f1f8f3;color:#285a4b;border:0;border-radius:12px;height:41px;width:41px;font-size:27px;line-height:1}.user-detail-content{padding:24px 27px;flex:1;font-size:13px;color:#70877e}.user-detail-identity{display:flex;gap:14px;align-items:center;padding:19px;border-radius:16px;background:#edf8f0}.user-detail-identity strong{font-size:17px;color:#254d41}.user-detail-identity p{margin:5px 0 0;overflow-wrap:anywhere;font-size:12px}.user-detail-avatar{height:52px;width:52px;flex:none;border-radius:15px;display:grid;place-items:center;background:#c8e9d7;color:#175d44;font-size:24px;font-weight:900}.user-detail-list{margin:19px 0 0}.user-detail-property{padding:16px 0;border-bottom:1px solid #ecf1ed;display:grid;gap:7px}.user-detail-property dt{font-size:10px;text-transform:uppercase;letter-spacing:.07em;font-weight:800;color:#91a39b}.user-detail-property dd{margin:0;font-size:13px;color:#294c41;font-weight:700;overflow-wrap:anywhere}.user-detail-sheet footer{font-size:11px;line-height:1.55;color:#83998b;background:#f6faf7;border-top:1px solid #e2eee6;padding:19px 27px calc(19px + var(--safe))}@keyframes detail-in{from{opacity:.8;transform:translateX(23px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:22px 12px}.content-grid{grid-template-columns:1fr}.membership-panel{max-width:none}.auth-shell{margin:20px}}
@media(max-width:740px){.auth-shell{display:flex;flex-direction:column;min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.auth-hero{min-height:240px;padding:26px 24px 24px}.brand-logo{width:162px}.eyebrow{margin-top:27px;font-size:9px}.auth-hero h1{font-size:27px;margin:9px 0}.auth-hero p{font-size:11px;max-width:none}.hero-bottom,.route-decoration{display:none}.auth-content{padding:28px 23px calc(25px + var(--safe));flex:1}.auth-header{margin-bottom:40px}.auth-footer{padding-top:35px}.dashboard{display:block}.sidebar{height:auto;position:relative;border-right:0;border-bottom:1px solid var(--border);padding:12px 17px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.sidebar-brand{padding:0;border:0}.sidebar-brand img{max-width:125px}.sidebar-brand small{font-size:7px}.sidebar nav{display:none}.sidebar-foot{margin:0}.sidebar-foot p,.sidebar-foot .verified{display:none}.sidebar-foot button{font-size:9px;padding:10px 11px}.main-content{padding:18px 14px}.owner-mobile-nav{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#eaf3ed;border:1px solid #dceadf;border-radius:14px;padding:4px;margin-bottom:21px}.owner-mobile-nav button{border:0;background:transparent;border-radius:10px;padding:12px 7px;font-size:12px;color:#688679;font-weight:800;min-height:44px}.owner-mobile-nav button.is-selected{background:#fff;color:#156b51;box-shadow:0 3px 9px #16463212}.dashboard-heading{align-items:start}.dashboard-heading h1{font-size:27px}.dashboard-heading p{line-height:1.6}.heading-actions{flex-direction:column;align-items:end;gap:6px}.heading-actions button{font-size:10px;padding:9px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat{padding:15px 12px;border-radius:15px}.stat-label{font-size:10px}.stat strong{font-size:29px}.stat small{font-size:9px}.panel{padding:17px;border-radius:16px}.user-overview{padding:16px;align-items:start}.user-overview-copy strong{font-size:16px}.user-overview-copy p{font-size:11px}.read-only-badge{font-size:8px;padding:7px 9px}.users-panel{padding:0}.users-toolbar{padding:17px 14px 14px;gap:9px}.search-field{flex-basis:100%}.filter-field{min-width:0;flex:1 1 calc(50% - 10px)}.filter-field select{font-size:12px}.users-table-meta{padding:2px 16px 11px}.users-table-wrap{padding:0 12px;overflow:visible}.users-table{min-width:0;display:block}.users-table thead{display:none}.users-table tbody{display:grid;gap:10px;padding-bottom:12px}.users-table tr{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;border:1px solid #e4eee6;border-radius:14px;padding:15px 13px;background:#fff;box-shadow:0 4px 17px #173c2308}.users-table td{border:0;padding:0!important;min-width:0!important;display:flex;flex-direction:column;align-items:start;gap:3px;font-size:11px}.users-table td::before{content:attr(data-label);text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:#91a69b;font-weight:800}.users-table td:first-child,.users-table td:nth-child(2){grid-column:1 / -1}.users-table td:first-child strong{font-size:14px}.users-table td:last-child{align-items:stretch;justify-content:end}.users-table td:last-child::before{display:none}.users-table td.users-empty{grid-column:1 / -1;text-align:left!important}.user-detail-link{width:100%;min-height:43px}.users-pagination{padding:15px;gap:12px;flex-wrap:wrap}.users-pagination>div{width:100%}.users-pagination button{flex:1}.user-detail-sheet{width:100%;height:100dvh}.user-detail-head{padding:22px 20px}.user-detail-content{padding:18px 20px}.dashboard-footer{padding-bottom:var(--safe)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v68 · Premium controls, consistent with the existing light Owner visual identity. */
.premium-management-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 29px;background:linear-gradient(117deg,#10533f,#178361);border-radius:19px;color:white;box-shadow:0 13px 35px #0b5c4521;margin-bottom:12px}
.premium-management-hero .section-label{color:#c3f0d1}.premium-management-hero h2{font-size:clamp(18px,2.2vw,25px);letter-spacing:-.04em;margin:8px 0}.premium-management-hero p{font-size:12px;color:#d5f2e2;line-height:1.65;margin:0;max-width:610px}.premium-security-pill{display:inline-block;flex:none;background:#ffffff21;border:1px solid #ffffff4d;border-radius:100px;padding:11px 14px;color:#f4fffa;font-weight:850;font-size:10px;letter-spacing:.04em}
.premium-guidance{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:16px}.premium-guidance span{border-radius:20px;border:1px solid #dcece2;background:white;padding:9px 13px;font-size:10px;font-weight:780;color:#48816c}
.premium-manage-link{background:#146c57;color:white;border-color:#146c57}.premium-manage-link:hover{background:#105442;color:white}.user-actions{display:flex;flex-direction:row;align-items:center;gap:6px}.user-actions .user-detail-link{min-width:78px}
.user-detail-manage{margin-top:25px;min-height:48px}
.premium-audit-panel{margin-top:16px}.audit-note{font-size:11px;color:#82998d;line-height:1.5;margin:10px 0 17px}.premium-audit-list{display:grid;gap:0}.premium-audit-row{display:flex;align-items:center;gap:13px;padding:16px 0;border-top:1px solid #edf2ee}.premium-audit-symbol{flex:none;height:35px;width:35px;border-radius:12px;display:grid;place-items:center;background:#e3f5e9;color:#177352;font-weight:900}.premium-audit-copy{display:grid;gap:5px;min-width:0;flex:1}.premium-audit-copy strong{font-size:12px;color:#275645;overflow-wrap:anywhere}.premium-audit-copy small{font-size:10px;color:#859c91;overflow-wrap:anywhere}.premium-audit-meta{text-align:right;display:grid;gap:4px;flex:none;color:#7f968a;font-size:10px}.premium-audit-meta span:first-child{color:#158060;font-weight:870}.audit-empty{font-size:12px;color:#81958e;padding:13px 0}
.premium-action-open{overflow:hidden}.premium-action-overlay{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:18px}.premium-action-backdrop{position:absolute;inset:0;background:#102c2bc2;backdrop-filter:blur(5px)}.premium-action-dialog{position:relative;width:min(490px,100%);max-height:calc(100dvh - 36px);overflow-y:auto;border-radius:24px;border:1px solid #e9f1e9;background:white;box-shadow:0 28px 90px #061d1850;animation:detail-in .2s ease both}.premium-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 27px 18px;border-bottom:1px solid #e7f0ea}.premium-action-head h2{font-size:23px;letter-spacing:-.04em;margin:7px 0 0}.premium-action-head button{height:40px;width:40px;flex:none;border:0;background:#eef8f1;color:#1c5d49;border-radius:11px;font-size:26px}.premium-action-dialog form{padding:20px 27px 0;display:grid;gap:9px}.premium-target{display:flex;align-items:center;gap:12px;border:1px solid #def0e3;background:#f2faf5;padding:15px;border-radius:16px;margin-bottom:10px}.premium-target>span{display:grid;place-items:center;height:46px;width:46px;flex:none;border-radius:13px;background:#cde9d7;color:#165c48;font-weight:900;font-size:21px}.premium-target>div{min-width:0;display:grid;justify-items:start;gap:4px}.premium-target strong{font-size:14px;color:#214b3f;overflow-wrap:anywhere}.premium-target small{font-size:11px;color:#718e81;overflow-wrap:anywhere}.premium-target .membership-badge{margin-top:3px}.premium-action-dialog form>label,.premium-action-dialog #premiumDurationGroup>label{font-size:12px;font-weight:800;color:#2b5548;margin:8px 0 0}.premium-action-dialog select,.premium-action-dialog .premium-code{width:100%;min-height:46px;background:#fbfdfb;border:1px solid #d8e9df;color:#24513f;border-radius:11px;padding:0 13px;font-size:13px}.premium-action-dialog select:focus-visible,.premium-action-dialog input:focus-visible{outline:3px solid #9fd4b4;outline-offset:2px}.premium-action-dialog #premiumDurationGroup{display:grid;gap:9px}.premium-action-explanation{padding:12px 13px;background:#eaf6ee;color:#3b7461;border:1px solid #d8eddf;border-radius:11px;font-size:11px;line-height:1.6;margin:6px 0}.premium-code{letter-spacing:.24em;font-weight:800;text-align:center;font-variant-numeric:tabular-nums}.premium-confirm-label{display:flex!important;align-items:flex-start;gap:10px;margin:6px 0 0!important;line-height:1.55;font-size:11px!important}.premium-confirm-label input{width:17px;height:17px;flex:none;accent-color:#146c57;margin:2px 0 0}.premium-action-dialog .primary-btn{margin-top:10px}.premium-action-dialog .primary-btn:disabled{opacity:.6;cursor:wait;transform:none}.premium-secondary-btn{background:white;border:1px solid #d5e6da;color:#336b57;border-radius:11px;padding:12px;font-size:12px;font-weight:800;min-height:44px;margin-top:1px}.premium-action-footnote{padding:14px 27px calc(17px + var(--safe));margin:5px 0 0;color:#81988b;font-size:10px;line-height:1.6;background:#f7faf7}
@media(max-width:740px){.owner-mobile-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.owner-mobile-nav button{font-size:10px;padding:12px 4px}.premium-management-hero{padding:20px 18px;align-items:flex-start}.premium-security-pill{font-size:8px;padding:9px 10px}.premium-management-hero p{font-size:11px}.premium-guidance{gap:7px}.premium-guidance span{font-size:9px;padding:8px 10px}.user-actions{flex-direction:row!important;align-items:stretch!important}.user-actions .user-detail-link{flex:1;min-width:0}.premium-audit-panel{padding:17px}.premium-audit-row{align-items:flex-start;flex-wrap:wrap;gap:9px}.premium-audit-meta{width:100%;margin-left:44px;display:flex;justify-content:space-between;text-align:left}.premium-action-overlay{padding:0;place-items:stretch}.premium-action-dialog{width:100%;max-height:100dvh;height:100dvh;border-radius:0}.premium-action-head{padding:22px 20px 16px}.premium-action-dialog form{padding:15px 20px 0}.premium-action-footnote{padding:14px 20px calc(17px + var(--safe))}}
@media(max-width:390px){.premium-management-hero{flex-direction:column;gap:10px}.premium-security-pill{align-self:flex-start}.owner-mobile-nav button{font-size:9px}}

/* v69 typography, native vector iconography, one-tap light/dark switch. */
:root{font-family:Inter,"Segoe UI Variable","Segoe UI",system-ui,-apple-system,sans-serif;line-height:1.5}
.owner-icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.owner-icon{display:inline-block;vertical-align:middle;flex:none;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav .owner-nav-button{gap:12px;font-size:13px;line-height:1.35}
.sidebar-foot button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}
.auth-header-actions,.heading-buttons{display:flex;align-items:center;gap:9px}
.owner-theme-toggle{border:1px solid #d7e8df;background:#fff;color:#17674f;height:44px;width:44px;min-width:44px;display:grid;place-items:center;border-radius:12px;transition:background-color .15s ease,color .15s ease,transform .15s ease}
.owner-theme-toggle:hover{background:#e9f5ed;transform:translateY(-1px)}.owner-theme-toggle:active{transform:scale(.96)}
.owner-theme-toggle .icon-sun{display:none}
html[data-owner-theme="dark"] .owner-theme-toggle .icon-moon{display:none}
html[data-owner-theme="dark"] .owner-theme-toggle .icon-sun{display:block}
.heading-actions .heading-buttons #refresh{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 15px;font-size:12px}
.section-label{font-size:11px;letter-spacing:.12em}.dashboard-heading p,.user-overview-copy p{font-size:13px;line-height:1.5}
.stat-label{font-size:12px}.stat small,.membership-line,.tiny-badge{font-size:11px}.panel-title h2{font-size:18px}
.users-table-meta,.users-pagination>span,.audit-note,.premium-audit-copy small{font-size:12px}
.users-table{font-size:13px}.users-table th{font-size:11px}.membership-badge{font-size:11px}.user-detail-link{font-size:12px}
.premium-action-dialog label,.premium-action-dialog form>label{font-size:13px}.premium-action-explanation,.premium-action-footnote{font-size:12px}
.owner-mobile-nav .owner-icon{width:17px;height:17px}
@media(max-width:740px){
  .owner-mobile-nav button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;line-height:1.2;min-height:54px;padding:7px 3px}
  .dashboard-heading{gap:12px}.heading-actions{gap:4px}
  .heading-actions .heading-buttons #refresh span{display:none}.heading-actions .heading-buttons #refresh{padding:0;min-width:44px;justify-content:center}
  .dashboard-heading h1{font-size:clamp(23px,5.7vw,29px)}
  .dashboard-heading p{font-size:12px}.section-label{font-size:10px}
  .users-table td{font-size:12px}.users-table td::before{font-size:10px}.stat-label{font-size:11px}.stat small{font-size:10px}
  .user-overview{gap:9px}.read-only-badge{font-size:9px}
}
@media(max-width:350px){.sidebar-brand img{max-width:105px}.sidebar-foot button{font-size:10px;padding:9px}.main-content{padding:15px 10px}.user-overview{flex-wrap:wrap}.read-only-badge{margin-left:auto}.stat strong{font-size:27px}}

/* Compact phones in landscape: top bar + 3-tab navigation; no clipped sidebar. */
@media(orientation:landscape) and (max-height:600px) and (max-width:1050px){
  .dashboard{display:block}.sidebar{position:relative;height:auto;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px 20px;border-right:0;border-bottom:1px solid var(--border)}
  .sidebar-brand{padding:0;border:0}.sidebar-brand img{max-width:125px}.sidebar-brand small{font-size:9px}
  .sidebar nav{display:none}.sidebar-foot{margin:0}.sidebar-foot p,.sidebar-foot .verified{display:none}.sidebar-foot button{width:auto;min-height:44px}
  .main-content{max-width:100%;padding:16px 22px}.owner-mobile-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;background:#eaf3ed;border:1px solid #dceadf;border-radius:13px;padding:5px;margin-bottom:14px}
  .owner-mobile-nav button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px;border:0;border-radius:9px;background:transparent;color:#668577;font-size:12px;font-weight:800}
  .owner-mobile-nav button.is-selected{background:#fff;color:#156b51;box-shadow:0 3px 9px #16463212}
  .dashboard-heading{margin-bottom:14px}.dashboard-heading h1{font-size:27px}.dashboard-heading p{font-size:12px}
  .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:15px 12px}.stat strong{font-size:28px}
  .premium-action-dialog{max-height:calc(100dvh - 16px)}.premium-action-overlay{padding:8px}
  .auth-shell{min-height:0;margin:9px auto}.auth-hero{min-height:0;padding:18px 24px}.eyebrow{margin-top:35px}.auth-content{padding:21px 25px}.auth-header{margin-bottom:15px}
}

/* v69 dark theme: elevated surfaces and accessible contrast, no modal menu. */
html[data-owner-theme="dark"]{--ink:#e8f4f0;--muted:#aac5bd;--green:#76d8ae;--dark:#122b2b;--border:#2d4249;--surface:#192c34;--canvas:#0d171d;color-scheme:dark}
html[data-owner-theme="dark"] body{background:radial-gradient(circle at 100% -10%,#1c413b 0,transparent 39%),#0d171d;color:#e8f4f0}
html[data-owner-theme="dark"] .auth-shell,html[data-owner-theme="dark"] .auth-content,html[data-owner-theme="dark"] .sidebar,html[data-owner-theme="dark"] .stat:not(.featured),html[data-owner-theme="dark"] .panel,html[data-owner-theme="dark"] .donut>div,html[data-owner-theme="dark"] .premium-action-dialog,html[data-owner-theme="dark"] .user-detail-sheet{background:#182a32;color:#e8f4f0;border-color:#2d4547}
html[data-owner-theme="dark"] .sidebar-brand,html[data-owner-theme="dark"] .user-detail-head,html[data-owner-theme="dark"] .premium-action-head{border-color:#2d4547}
html[data-owner-theme="dark"] .sidebar-brand img{filter:brightness(0) invert(1)}
html[data-owner-theme="dark"] .auth-hero{background:radial-gradient(circle at 50% 125%,#17735e,transparent 60%),linear-gradient(150deg,#0b342e,#0c4d42)}
html[data-owner-theme="dark"] .auth-screen h2,html[data-owner-theme="dark"] .dashboard-heading h1,html[data-owner-theme="dark"] .panel-title h2,html[data-owner-theme="dark"] .user-detail-head h2,html[data-owner-theme="dark"] .premium-action-head h2,html[data-owner-theme="dark"] .stat strong,html[data-owner-theme="dark"] td strong,html[data-owner-theme="dark"] .premium-audit-copy strong{color:#e8f4f0}
html[data-owner-theme="dark"] .auth-screen label,html[data-owner-theme="dark"] .premium-action-dialog label,html[data-owner-theme="dark"] .user-detail-property dd,html[data-owner-theme="dark"] .user-detail-identity strong,html[data-owner-theme="dark"] .premium-target strong{color:#d7eee5}
html[data-owner-theme="dark"] .subtle,html[data-owner-theme="dark"] .dashboard-heading p,html[data-owner-theme="dark"] .stat-label,html[data-owner-theme="dark"] .stat small,html[data-owner-theme="dark"] .user-detail-content,html[data-owner-theme="dark"] .premium-audit-copy small,html[data-owner-theme="dark"] .premium-audit-meta,html[data-owner-theme="dark"] .audit-note,html[data-owner-theme="dark"] .dashboard-footer{color:#adc8c0}
html[data-owner-theme="dark"] .section-label,html[data-owner-theme="dark"] .live-dot{color:#8fe0b5}
html[data-owner-theme="dark"] .sidebar nav .owner-nav-button{color:#b1c9c1}html[data-owner-theme="dark"] .sidebar nav .owner-nav-button.nav-active,html[data-owner-theme="dark"] .sidebar nav .owner-nav-button:hover{background:#20483c;color:#a8ebc6}
html[data-owner-theme="dark"] .owner-theme-toggle,html[data-owner-theme="dark"] .heading-actions button,html[data-owner-theme="dark"] .sidebar-foot button,html[data-owner-theme="dark"] .users-pagination button,html[data-owner-theme="dark"] .premium-secondary-btn{background:#253a40;color:#bcebd3;border-color:#3b5855}
html[data-owner-theme="dark"] .owner-theme-toggle:hover,html[data-owner-theme="dark"] .heading-actions button:hover{background:#34514f}
html[data-owner-theme="dark"] .square-mark,html[data-owner-theme="dark"] .tag,html[data-owner-theme="dark"] .verified,html[data-owner-theme="dark"] .tiny-badge,html[data-owner-theme="dark"] .read-only-badge{background:#1f463a;color:#a8e7c6;border-color:#3c6651}
html[data-owner-theme="dark"] .auth-screen input,html[data-owner-theme="dark"] .search-field input,html[data-owner-theme="dark"] .filter-field select,html[data-owner-theme="dark"] .premium-action-dialog select,html[data-owner-theme="dark"] .premium-action-dialog .premium-code{background:#11222a;color:#e4f2ed;border-color:#395357}
html[data-owner-theme="dark"] input::placeholder{color:#91ada4}
html[data-owner-theme="dark"] .password-field button,html[data-owner-theme="dark"] .auth-footer button{color:#9be6bb}
html[data-owner-theme="dark"] .auth-footer,html[data-owner-theme="dark"] .user-detail-sheet footer,html[data-owner-theme="dark"] .premium-action-footnote{background:#14272d;color:#aac5b9;border-color:#30494b}
html[data-owner-theme="dark"] .user-overview,html[data-owner-theme="dark"] .premium-guidance span,html[data-owner-theme="dark"] .user-detail-identity,html[data-owner-theme="dark"] .premium-target{background:#203a37;border-color:#365650}
html[data-owner-theme="dark"] .user-overview-copy strong,html[data-owner-theme="dark"] .user-overview-copy p,html[data-owner-theme="dark"] .premium-target small{color:#cde5d9}
html[data-owner-theme="dark"] .users-table th{background:#21353b;color:#bed1cb}html[data-owner-theme="dark"] .users-table td,html[data-owner-theme="dark"] .recent td{color:#c7ddd4;border-color:#2b4547}
html[data-owner-theme="dark"] .users-table tbody tr:hover,html[data-owner-theme="dark"] .users-table tr{background:#1b3036;border-color:#344c49}
html[data-owner-theme="dark"] .user-detail-property,html[data-owner-theme="dark"] .premium-audit-row,html[data-owner-theme="dark"] .membership-line,html[data-owner-theme="dark"] .users-pagination{border-color:#30494b}
html[data-owner-theme="dark"] .user-detail-link{background:#1d463b;color:#a4e5bc;border-color:#3e7157}html[data-owner-theme="dark"] .premium-manage-link{background:#237b5d;color:white}
html[data-owner-theme="dark"] .membership-badge.free{background:#314640;color:#b7d5c4}html[data-owner-theme="dark"] .membership-badge.premium{background:#63562d;color:#ffe7a0}
html[data-owner-theme="dark"] .premium-audit-symbol,html[data-owner-theme="dark"] .user-detail-avatar,html[data-owner-theme="dark"] .premium-target>span{background:#235342;color:#b8efc9}
html[data-owner-theme="dark"] .premium-action-explanation,html[data-owner-theme="dark"] .qr-box{background:#203b35;color:#c5e5d0;border-color:#416450}
html[data-owner-theme="dark"] .donut{border:1px solid #365a4b}
html[data-owner-theme="dark"] .owner-mobile-nav{background:#1a3434;border-color:#34534c}html[data-owner-theme="dark"] .owner-mobile-nav button{color:#b8d2c7}html[data-owner-theme="dark"] .owner-mobile-nav button.is-selected{background:#2c5b49;color:#e9fff2}
html[data-owner-theme="dark"] .chart{background:repeating-linear-gradient(to top,transparent 0,transparent 45px,#30474a 46px);border-color:#345054}
html[data-owner-theme="dark"] .feedback.success{background:#163e31;border-color:#37684b;color:#abe9c0}
html[data-owner-theme="dark"] .feedback:not(.success){background:#462c2b;border-color:#795150;color:#ffcfbb}
@media(prefers-reduced-motion:reduce){.owner-theme-toggle{transition:none}}

/* v75 pre-production: read-only Sumopod Sandbox payment monitor. */
.owner-payments-panel{margin-top:17px}
.owner-payment-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}
.owner-payment-kpis>div{min-width:0;display:flex;flex-direction:column;gap:5px;padding:15px 17px;background:var(--surface,#fff);border:1px solid var(--border,#dceadf);border-radius:15px}
.owner-payment-kpis span{font-size:11px;color:var(--muted,#718e81)}
.owner-payment-kpis strong{font-size:25px;color:var(--ink,#173d32);font-variant-numeric:tabular-nums;line-height:1.2}
.owner-payment-kpis .owner-payment-attention{border-color:#e9c5a0;background:#fff9f1}
.owner-payment-kpis .owner-payment-attention strong{color:#9d561f}
html[data-owner-theme="dark"] .owner-payment-kpis>div{background:#182a32;border-color:#2d4547}
html[data-owner-theme="dark"] .owner-payment-kpis strong{color:#e8f4f0}
html[data-owner-theme="dark"] .owner-payment-kpis .owner-payment-attention{background:#392b22;border-color:#745036}
html[data-owner-theme="dark"] .owner-payment-kpis .owner-payment-attention strong{color:#ffd0a7}
.owner-payments-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.owner-payments-toolbar .search-field{flex:1 1 280px;min-width:0}
.owner-payments-toolbar .filter-field{flex:0 1 230px;min-width:160px}
.owner-payments-hint{font-size:12px;color:var(--muted);line-height:1.6;margin:9px 0 16px}
.owner-payments-reconcile{padding:12px 14px;border-radius:13px;background:var(--surface,#fff);border:1px solid var(--border,#dceadf);color:var(--muted);font-size:12px;line-height:1.7;margin:0 0 15px}
.owner-payments-reconcile strong{color:var(--ink,#173d32)}
html[data-owner-theme="dark"] .owner-payments-reconcile{background:#182a32;border-color:#2d4547}
html[data-owner-theme="dark"] .owner-payments-reconcile strong{color:#e8f4f0}
.owner-payments-table{table-layout:fixed;width:100%}
.owner-payments-table td{overflow-wrap:anywhere;line-height:1.45}
.owner-payments-table td:first-child{font-size:11px;font-variant-numeric:tabular-nums}
.owner-payment-email{display:block;margin-top:4px;font-size:10px;color:var(--muted);overflow-wrap:anywhere}
.owner-payments-table td[data-payment-status]{font-weight:800;color:#996c18}
.owner-payments-table td[data-payment-status="sandbox_completed"]{color:#15805b}
.owner-payments-table td[data-payment-stale="true"]{color:#b05a28;font-weight:850}
.owner-payments-table td[data-payment-status="sandbox_failed"],.owner-payments-table td[data-payment-status="sandbox_create_failed"]{color:#b44b4b}
html[data-owner-theme="dark"] .owner-payments-table td[data-payment-status="sandbox_completed"]{color:#a5eac1}
html[data-owner-theme="dark"] .owner-payments-table td[data-payment-stale="true"]{color:#ffbe8d}
html[data-owner-theme="dark"] .owner-payments-table td[data-payment-status="sandbox_failed"],html[data-owner-theme="dark"] .owner-payments-table td[data-payment-status="sandbox_create_failed"]{color:#ffc0bd}
@media(max-width:1100px) and (min-width:741px){.owner-payment-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px){
  .owner-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .owner-payment-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .owner-payment-kpis>div{padding:12px 13px}.owner-payment-kpis strong{font-size:22px}
  .owner-payments-toolbar{align-items:stretch}.owner-payments-toolbar .search-field,.owner-payments-toolbar .filter-field{flex:1 1 100%}
  .owner-payments-panel{padding:16px}
  .owner-payments-table{table-layout:auto}
}
@media(orientation:landscape) and (max-height:600px) and (max-width:1050px){
  .owner-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
}
