:root,html[data-theme="dark"],html[data-theme="light"]{color-scheme:light;--primary:#198561;--secondary:#167455;--accent:#e4f5ed;--primary-fg:#fff;--body-fg:#28374b;--body-bg:#f5f7fa;--body-quiet-color:#718096;--body-loud-color:#202e40;--header-color:#fff;--header-branding-color:#fff;--header-bg:#fff;--header-link-color:#35465a;--breadcrumbs-fg:#8a97a8;--breadcrumbs-link-fg:#596b80;--breadcrumbs-bg:#f5f7fa;--link-fg:#198561;--link-hover-color:#126748;--link-selected-fg:#198561;--hairline-color:#edf0f4;--border-color:#e4e9ef;--error-fg:#c94040;--message-success-bg:#e9f8ef;--message-warning-bg:#fff6dd;--message-error-bg:#fdecec;--darkened-bg:#f6f8fa;--selected-bg:#edf6f1;--selected-row:#f0f9f4;--button-bg:#198561;--button-hover-bg:#126748;--default-button-bg:#198561;--default-button-hover-bg:#126748;--close-button-bg:#758297;--delete-button-bg:#ce5151;--delete-button-hover-bg:#af3737;--sidebar-width:238px}
*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{transition:background .15s,color .15s}button,input,select,textarea{font-family:inherit}.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}#container{min-height:100vh;width:100%;display:flex;flex-direction:column}.main#main{margin-left:var(--sidebar-width);min-width:0;display:block;flex:1}.main>.content{max-width:none;min-width:0}#content{padding:30px 34px 40px;width:auto;max-width:1600px;margin:0 auto}#content h1{font-size:25px;line-height:1.4;letter-spacing:-.5px;font-weight:650;color:#233349;margin:0 0 26px}#content h2{font-weight:600}#header.app-topbar{margin-left:var(--sidebar-width);height:76px;min-height:76px;padding:0 34px;background:#fff;border-bottom:1px solid #e8edf2;color:#6d7b90;display:flex;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:25;width:auto;box-sizing:border-box}#header a{color:inherit}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px;white-space:nowrap}.topbar-left{font-size:13px;letter-spacing:.2px}.topbar-section{color:#2c3e52;font-weight:550}.topbar-divider{color:#c3cbd5}.topbar-docs{display:flex;align-items:center;gap:8px;font-size:12px;text-decoration:none}.topbar-docs .ui-icon{width:17px}.topbar-rule{height:28px;width:1px;background:#e8edf3;margin:0 4px}.admin-avatar{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:#e5f3ed;color:#187b59;font-weight:650}.admin-identity{display:flex;flex-direction:column;gap:3px}.admin-identity strong{color:#34445a;font-size:12px}.admin-identity span{font-size:10px;color:#94a0b1}.topbar-logout button{color:#8794a7;background:none;border:0;cursor:pointer;padding:8px;border-radius:7px}.topbar-logout button:hover{background:#f3f6f8}.menu-toggle{display:none;background:none;border:0;color:#455770;padding:6px;cursor:pointer}
.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:#fff;border-right:1px solid #e8edf2;display:flex;flex-direction:column;z-index:40}.app-brand{display:flex;align-items:center;gap:12px;padding:25px 24px 23px;color:#223a34!important;text-decoration:none;font-size:24px;font-weight:750;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;background:#198561;border-radius:12px;width:41px;height:41px;color:white;box-shadow:0 4px 9px #19856122}.brand-mark .ui-icon{width:25px;height:25px;stroke-width:1.8}.brand-caption{display:block;font-size:10px;color:#8e9aab;letter-spacing:2px;font-weight:500;margin-top:3px}.app-menu{overflow-y:auto;overscroll-behavior:contain;padding:8px 14px 22px;flex:1;scrollbar-width:thin;scrollbar-color:#e3e8ed transparent}.menu-group-title{font-size:10px;color:#9aa6b6;font-weight:550;letter-spacing:1px;padding:23px 16px 10px}.menu-item{display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:8px;line-height:1.35;color:#65738a!important;margin-bottom:3px;text-decoration:none;font-size:12px;min-height:39px}.menu-item .ui-icon{width:17px;height:17px;opacity:.85}.menu-item:hover{background:#f5f8fa;color:#263c4e!important}.menu-item.is-active{background:#e7f5ee;color:#137f58!important;font-weight:650}.menu-item.is-active .ui-icon{opacity:1;stroke-width:2}.sidebar-footer{padding:18px 26px;border-top:1px solid #edf0f4;font-size:10px;color:#8493a6;display:flex;gap:8px;align-items:center;letter-spacing:.2px}.status-dot{width:6px;height:6px;border-radius:50%;background:#2aad7c}.sidebar-version{margin-left:auto;color:#b2bcc8}.sidebar-backdrop{display:none}#nav-sidebar,#toggle-nav-sidebar{display:none!important}.breadcrumbs{margin-left:var(--sidebar-width);font-size:11px;padding:21px 34px 0!important;background:transparent!important;color:#97a3b3!important;line-height:1.5}.breadcrumbs a{color:#72839a!important}.app-footer{margin-left:var(--sidebar-width);padding:12px 34px 22px;display:flex;justify-content:space-between;color:#a1adbc;font-size:10px}#footer{padding:0}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.page-eyebrow{font-size:9px;letter-spacing:2px;color:#8c9aac;font-weight:650;margin-bottom:9px}.dashboard-heading h1{margin:0 0 9px!important;font-size:28px!important;font-weight:700!important}.dashboard-heading p{margin:0;font-size:12px;line-height:1.8;color:#8a98ab}.date-pill{border:1px solid #e4e9f0;background:white;display:flex;align-items:center;gap:9px;padding:10px 14px;border-radius:8px;font-size:11px;color:#7b8aa0;white-space:nowrap}.date-pill .ui-icon{width:16px;height:16px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-bottom:24px}.stat-card{border:1px solid #e9edf2;border-radius:12px;background:#fff;padding:20px 22px;box-shadow:0 2px 4px #24385002}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#7c8ba0}.stat-icon{height:35px;width:35px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.stat-icon .ui-icon{height:18px;width:18px}.green{background:#e8f5ee;color:#26966d}.blue{background:#ebf2ff;color:#648bd9}.amber{background:#fff5e7;color:#d5a151}.violet{background:#f1edfc;color:#9681cf}.stat-number{display:flex;align-items:baseline;gap:8px;font-size:32px;color:#28384d;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums;margin:14px 0}.stat-number small{font-size:11px;color:#9da9b9;letter-spacing:0;font-weight:400}.stat-number small.currency{font-size:19px;color:#34465b}.stat-note{font-size:10px;color:#a1adbc;border-top:1px solid #f2f4f7;padding-top:13px;line-height:1.6}.dashboard-main-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(265px,1fr);gap:24px;margin-bottom:24px}.panel{background:white;border:1px solid #e8edf2;border-radius:12px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 24px 13px}.panel-heading h2{font-size:14px;margin:0 0 7px;color:#344357;letter-spacing:.2px}.panel-heading p{font-size:10px;color:#9ba7b8;margin:0}.quiet-badge{background:#f7f9fb;border:1px solid #edf1f5;color:#94a2b4;border-radius:6px;padding:6px 10px;font-size:10px;white-space:nowrap}.empty-chart{height:242px;position:relative;margin:2px 24px 0}.chart-grid{position:absolute;inset:18px 0 34px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 45px,#f0f3f7 45px,#f0f3f7 46px)}.chart-empty-message{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;height:200px;font-size:11px;color:#a4afbf}.chart-empty-message strong{color:#8b99ac;font-size:12px;font-weight:500}.empty-icon{color:#c2d2ca;display:grid;place-items:center;background:#f4f8f6;border-radius:14px;width:45px;height:45px;margin-bottom:3px}.empty-icon .ui-icon{width:23px;height:23px}.chart-dates{display:flex;justify-content:space-between;color:#b0bac8;font-size:9px;padding:5px 4px}.trend-chart{height:240px;display:flex;align-items:flex-end;justify-content:space-around;gap:14px;padding:26px 22px 42px}.trend-column{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;flex:1;gap:6px;font-size:11px;color:#82948b}.trend-bar{background:#74c8a4;width:55%;border-radius:5px 5px 0 0;min-height:1px}.trend-column small{position:absolute;bottom:-23px;color:#a1adbc;font-size:10px}.quick-links{padding:4px 22px 15px}.quick-links a{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #f0f3f6;color:#5e7187;text-decoration:none}.quick-links a:last-child{border-bottom:0}.quick-links a>span:not(.stat-icon){display:flex;flex-direction:column;gap:5px;flex:1}.quick-links strong{font-size:12px;font-weight:550;color:#42546c}.quick-links small{font-size:10px;color:#a0acbc}.quick-links a>.ui-icon{width:14px;height:14px;color:#aab7c8}.quick-links a:hover strong{color:#16835e}.orders-panel .panel-heading{padding-bottom:22px}.text-link{display:flex;gap:6px;align-items:center;font-size:11px;font-weight:500;color:#248b66!important}.text-link .ui-icon{width:14px;height:14px}.dashboard-table-wrap{overflow:auto}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table thead th{background:#fafbfc;font-size:10px;font-weight:500;color:#95a2b3;padding:13px 24px;border-bottom:1px solid #edf1f5;white-space:nowrap}.dashboard-table tbody td{padding:15px 24px;border-bottom:1px solid #f0f3f6;font-size:11px;color:#72849a}.table-empty{display:flex;align-items:center;flex-direction:column;gap:7px;padding:29px 0 37px}.table-empty strong{font-weight:500;font-size:12px;color:#8b9aaf}.table-empty>span:last-child{font-size:10px;color:#a5b0bf}.table-empty .empty-icon{margin-bottom:6px}.order-status{display:inline-block;padding:4px 8px;background:#f1f3f6;color:#8a98a7;border-radius:5px;font-size:10px}.order-status.paid{background:#e6f5ed;color:#198b5f}.order-status.pending{background:#fff5df;color:#b18e32}
/* Shared list and form surfaces retain Django's permission-aware controls. */
#content-main{float:none;width:100%}.object-tools{margin:0 0 20px;padding:0;float:right;position:relative;z-index:2}.object-tools li{padding:0;margin-left:8px}.object-tools a:link,.object-tools a:visited{background-color:#198561;color:#fff;border-radius:7px;padding:11px 17px;font-size:11px;line-height:1.4;font-weight:550;letter-spacing:0;text-transform:none}.object-tools a.addlink{padding-right:30px;background-position:right 12px center}.object-tools a:hover{background-color:#126748}#changelist{background:#fff;border-radius:12px;border:1px solid #e6ebf1;box-shadow:none;overflow:hidden;clear:both}#changelist #toolbar{padding:20px 22px;border-bottom:1px solid #edf0f5;background:#fff;margin:0}#changelist #toolbar form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#changelist #toolbar form input[type=text]{padding:10px 12px;min-height:38px;max-width:400px;width:270px;border-color:#e0e7ee;border-radius:7px;font-size:12px}#changelist #toolbar form input[type=submit]{padding:10px 16px;background:#198561;border:0;border-radius:7px;color:white;box-shadow:none;font-size:11px}#changelist #toolbar form #searchbar{height:auto}#changelist .actions{padding:13px 22px!important;background:#fff!important;color:#8b98aa;border-bottom:1px solid #edf1f5;font-size:11px}#changelist .actions select{border:1px solid #e3e9ef;border-radius:6px;padding:7px 10px;height:auto;font-size:11px}#changelist .actions .button{height:auto;padding:7px 12px;font-size:11px;border:1px solid #dee6ed;border-radius:6px;background:#f8fafb;color:#677a90}#changelist .results{overflow-x:auto}#result_list{width:100%}#result_list thead th{background:#f8fafc!important;border-bottom:1px solid #e9edf3!important;color:#8b9ab0;font-size:10px;font-weight:550;padding:0;white-space:nowrap}#result_list thead th .text a,#result_list thead th .text span{padding:15px;color:#7d8da3;font-size:10px}#result_list tbody td,#result_list tbody th{padding:15px;border-bottom:1px solid #f0f3f6;font-size:12px;color:#65768b;vertical-align:middle}#result_list tbody tr{background:#fff}#result_list tbody tr:hover{background:#f8fcfa}#result_list tbody th a{color:#258665;font-weight:500}#changelist .paginator{padding:17px 22px;border:0;border-top:1px solid #edf1f5;background:#fff;font-size:11px;color:#94a3b7}#changelist-filter{border-left:1px solid #edf1f5;background:#fcfdfe;min-width:190px}#changelist-filter h2{background:transparent;color:#52647c;font-size:12px;padding:21px 20px 12px;font-weight:600;border-bottom:1px solid #edf1f5}#changelist-filter h3,#changelist-filter summary{font-size:11px;color:#7b8ca3;font-weight:550}#changelist-filter ul{padding:0 20px 12px}#changelist-filter li{padding:6px 0;font-size:11px}#changelist-filter a{color:#94a1b3}#changelist-filter li.selected{border-left:3px solid #198561;padding-left:10px;margin-left:-13px}#changelist-filter li.selected a{color:#198561}.module{background:#fff;border:1px solid #e6ebf1;border-radius:10px;margin-bottom:22px;overflow:hidden}.module h2,.module caption,.inline-group h2{background:#f8fafc!important;color:#40546e!important;padding:17px 22px;font-size:12px;font-weight:600;border-bottom:1px solid #e8edf3}fieldset.module{padding-bottom:9px}.form-row{padding:17px 22px;border-bottom:1px solid #f0f3f6;font-size:12px}.aligned label{font-size:12px;color:#61758d;padding-top:10px}.aligned label.required{font-weight:600;color:#40536a}input[type=text],input[type=password],input[type=email],input[type=url],input[type=number],textarea,select{border:1px solid #dde5ed;border-radius:6px;padding:10px 12px;color:#435671;background:#fff;font-size:12px;line-height:1.5}input:focus,textarea:focus,select:focus{outline:2px solid #19856122;outline-offset:1px;border-color:#81bca5}textarea{max-width:100%}.help,.help p{color:#9aa8ba;font-size:10px;margin-top:8px}.submit-row{padding:18px 22px;border-radius:10px;border:1px solid #e5eaf0;background:#fff}.button,input[type=submit],input[type=button],.submit-row input{border-radius:7px;font-size:12px;padding:11px 20px;font-weight:500;letter-spacing:0}.submit-row input.default{background:#198561}.submit-row a.deletelink{border-radius:7px;padding:11px 18px;font-size:12px;height:auto}.selector .selector-available h2{background:#f8fafc!important}.related-widget-wrapper{display:flex;align-items:center;gap:6px}.related-widget-wrapper select{min-width:200px}.messagelist li{margin:18px 34px 0;border-radius:8px;padding:14px 40px;background-position:15px center;font-size:12px}.errornote{border-radius:8px;font-size:12px}body.popup .main#main,body.popup .app-footer{margin-left:0}body.popup #content{padding:24px}
/* Authentication */
body.login{background:#f3f7f5!important}body.login #container{min-height:0!important;width:410px!important;margin:12vh auto!important;border:1px solid #e4ece8!important;border-radius:17px!important;box-shadow:0 12px 50px #233b3010;overflow:hidden;background:white}body.login #header{background:white!important;height:auto;padding:16px 24px 0;justify-content:center;border:0}body.login .app-brand{justify-content:center}body.login .brand-caption{text-align:left}body.login .main#main{margin-left:0}body.login #content{padding:10px 30px 30px;width:100%}body.login .form-row{padding:10px 0;border:0}body.login .form-row label{font-size:12px;color:#607769}body.login input[type=text],body.login input[type=password]{width:100%!important;padding:11px 13px!important;border-radius:7px;font-size:14px}body.login .submit-row{padding:10px 0 0!important;border:0;margin:0}body.login .submit-row input{width:100%;padding:13px;border-radius:8px;background:#198561}body.login .app-footer{margin:0;padding:0 30px 24px;justify-content:center}body.login .app-footer span{display:none}
@media(min-width:1700px){#content{max-width:1540px}.stats-grid{gap:24px}.stat-card{padding:25px}.panel-heading{padding-top:25px}}
@media(max-width:1150px){:root{--sidebar-width:210px}#content{padding:25px}.app-topbar#header{padding:0 25px}.stat-card{padding:17px}.stats-grid{gap:13px}.stat-number{font-size:28px}.dashboard-main-grid{gap:18px;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr)}.brand-caption{letter-spacing:1px}.app-brand{padding:25px 20px}.stat-note{font-size:9px}.topbar-right{gap:10px}.admin-identity{display:none}}
@media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.quick-links{display:grid;grid-template-columns:1fr;gap:0}.date-pill{display:none}#changelist-filter{min-width:160px}}
@media(max-width:767px){:root{--sidebar-width:238px}.app-sidebar{transform:translateX(-100%);transition:transform .2s}.main#main,#header.app-topbar,.breadcrumbs,.app-footer{margin-left:0}.menu-toggle{display:block}.menu-open .app-sidebar{transform:translateX(0)}.menu-open .sidebar-backdrop{display:block;position:fixed;inset:0;background:#10271c55;z-index:35;border:0}.app-topbar#header{height:64px;min-height:64px;padding:0 18px;flex-wrap:nowrap}.topbar-left{gap:9px;font-size:11px}.topbar-right{gap:7px}.topbar-docs,.topbar-rule{display:none}.admin-avatar{width:30px;height:30px;font-size:11px}.topbar-logout{display:none}#content{padding:22px 16px}.breadcrumbs{padding:16px 18px 0!important}#content h1{font-size:21px}.dashboard-heading h1{font-size:25px!important}.dashboard-heading p{font-size:11px}.stat-card{padding:16px}.stat-top{font-size:11px}.stat-number{font-size:27px}.stats-grid{gap:12px}.stat-note{font-size:9px}.stat-icon{width:30px;height:30px}.panel-heading{padding:18px}.dashboard-table thead th{padding:12px 17px}.dashboard-main-grid{gap:18px}.dashboard-heading{margin-bottom:22px}.app-footer{padding:10px 18px 20px}.object-tools{float:none;display:flex;justify-content:flex-end;margin:0 0 15px}.object-tools li{height:auto}.form-row{padding:15px}.aligned label{width:auto;padding-top:0}.related-widget-wrapper{flex-wrap:wrap}.vLargeTextField,.vTextField{max-width:100%}#changelist #toolbar{padding:15px}#changelist #toolbar form input[type=text]{width:100%;max-width:100%}#changelist #toolbar form>div{width:100%}.messagelist li{margin:12px 16px 0}body.login #container{max-width:calc(100% - 32px);margin:8vh auto!important}body.login #header{padding-top:10px}.submit-row{padding:15px}.submit-row input{margin:6px 0}}
.list-empty{min-height:260px;padding:55px 20px}.list-empty .empty-icon{width:52px;height:52px}.list-empty strong{font-size:13px}.list-empty>span:last-child{font-size:11px}.change-list #content h1{margin-bottom:22px}.dashboard .module table{width:100%}body.login #header{width:auto!important}.healthy-dashboard #content{padding-top:30px}
/* Keep the media catalog readable in a narrow console panel. */
.model-wellnesscontent #changelist-form{min-width:0}
.model-wellnesscontent #result_list{min-width:1050px}
.model-wellnesscontent #result_list .field-title{min-width:230px;max-width:320px;white-space:normal;overflow-wrap:anywhere}
.model-wellnesscontent #result_list td{white-space:nowrap}
.model-wellnesscontent #changelist #toolbar form>div{display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;min-width:0}
.model-wellnesscontent #changelist #toolbar form input[type=text]{width:auto;min-width:100px;flex:1;max-width:100%}
.model-wellnesscontent #changelist .actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.model-wellnesscontent #changelist .actions label{display:flex;align-items:center;gap:8px}
.model-wellnesscontent #changelist .actions .action-counter{display:block}
.model-wellnesscontent fieldset .description{padding:14px 22px;line-height:1.8;color:#718096}