:root{
  --ht-bg:#f4f1eb;
  --ht-card:#ffffff;
  --ht-border:#dfd7cb;
  --ht-text:#2b2b2b;
  --ht-muted:#6f6a62;
  --ht-green:#355e3b;
  --ht-green-2:#4d7a55;
  --ht-sand:#d7c5a6;
  --ht-shadow:0 10px 30px rgba(38,33,24,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ht-bg);color:var(--ht-text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
.ht-page{min-height:100vh;background:linear-gradient(180deg,#f8f5ef 0%,#f1ece3 100%)}
.ht-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--ht-border)}
.ht-topbar-inner{max-width:1280px;margin:0 auto;padding:14px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.ht-brand{display:flex;align-items:center;gap:14px}
.ht-brand-badge{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--ht-green),var(--ht-green-2));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:bold;box-shadow:var(--ht-shadow)}
.ht-brand-title{font-size:20px;font-weight:700;line-height:1.1}
.ht-brand-sub{font-size:12px;color:var(--ht-muted);margin-top:2px}
.ht-topnav{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ht-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:9px 12px;border:1px solid var(--ht-border);border-radius:12px;background:#fff;font-size:14px;font-weight:700;box-shadow:0 9px 22px rgba(58,43,31,.09);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.ht-nav-link:hover{transform:translateY(-1px);box-shadow:0 13px 28px rgba(58,43,31,.14);border-color:#c9b39c}
.ht-top-action-icon{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important;min-height:26px!important;max-height:26px!important;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:#fff;box-shadow:0 5px 12px rgba(35,28,22,.16);overflow:hidden}
.ht-top-action-icon svg{width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ht-top-action-icon img{width:24px!important;height:24px!important;min-width:24px!important;max-width:24px!important;min-height:24px!important;max-height:24px!important;border-radius:8px;display:block;object-fit:contain}
.ht-top-action-icon--chat{background:linear-gradient(135deg,#0b8f82,#18b99c)}
.ht-top-action-icon--out{background:#0b8f82}
.ht-top-action-icon--settings{background:linear-gradient(135deg,#8a58c8,#d05fa5)}
.ht-top-action-icon--logout{background:linear-gradient(135deg,#c46a2b,#e09a45)}
.ht-nav-link--out{color:#0b7d73;border-color:rgba(11,143,130,.25)}
.ht-shell{max-width:1280px;margin:0 auto;padding:24px 20px 36px}
.ht-hero{display:grid;grid-template-columns:1.4fr .9fr;gap:18px;margin-bottom:18px}
.ht-panel{background:var(--ht-card);border:1px solid var(--ht-border);border-radius:24px;box-shadow:var(--ht-shadow)}
.ht-panel-inner{padding:24px}
.ht-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ht-green-2);font-weight:700;margin-bottom:10px}
.ht-headline{font-size:34px;line-height:1.05;margin:0 0 12px 0}
.ht-copy{font-size:15px;line-height:1.55;color:#4d4942;max-width:780px}
.ht-bullets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.ht-bullet{border:1px solid var(--ht-border);border-radius:16px;padding:14px;background:#faf8f4}
.ht-bullet strong{display:block;font-size:13px;margin-bottom:6px}
.ht-bullet span{font-size:13px;color:var(--ht-muted);line-height:1.4}
.ht-status-card{height:100%}
.ht-status-list{display:grid;gap:12px}
.ht-status-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #eee7dc}
.ht-status-row:last-child{border-bottom:0}
.ht-status-row strong{display:block;font-size:14px}
.ht-status-row span{display:block;font-size:12px;color:var(--ht-muted);margin-top:3px}
.ht-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#eef4ef;color:var(--ht-green);font-size:12px;font-weight:700;white-space:nowrap}
.ht-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ht-card{background:var(--ht-card);border:1px solid var(--ht-border);border-radius:22px;box-shadow:var(--ht-shadow);overflow:hidden}
.ht-card-head{padding:20px 20px 10px 20px}
.ht-card-kicker{font-size:12px;color:var(--ht-green-2);text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.ht-card-title{font-size:24px;font-weight:700;margin:8px 0 8px 0}
.ht-card-copy{font-size:14px;color:#57524a;line-height:1.5;min-height:64px}
.ht-card-list{margin:0;padding:0 20px 20px 38px;color:#5f5950;font-size:14px;line-height:1.55}
.ht-card-actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 20px 20px 20px}
.ht-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid var(--ht-border);background:#fff;font-weight:700;font-size:14px}
.ht-btn--primary{background:var(--ht-green);border-color:var(--ht-green);color:#fff}
.ht-foot{max-width:1280px;margin:0 auto;padding:0 20px 28px}
.ht-foot-box{background:#fff;border:1px solid var(--ht-border);border-radius:18px;padding:16px 18px;color:var(--ht-muted);font-size:13px;line-height:1.5}
@media (max-width:1100px){.ht-hero,.ht-grid{grid-template-columns:1fr}.ht-bullets{grid-template-columns:1fr}}
@media (max-width:720px){.ht-topbar-inner{padding:12px 14px}.ht-shell{padding:18px 14px 28px}.ht-panel-inner{padding:18px}.ht-headline{font-size:28px}.ht-card-title{font-size:21px}.ht-topnav{gap:8px}.ht-nav-link{font-size:13px;padding:9px 10px}}

.ht-brand-badge img{width:40px;height:40px;display:block;object-fit:contain}
.ht-muted{color:var(--ht-muted)}


.ht-inline-form{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ht-border);border-radius:12px;background:#fff}
.ht-inline-form-label{font-size:13px;color:var(--ht-muted);font-weight:700}
.ht-inline-form select{border:0;background:transparent;font:inherit;color:var(--ht-text);padding:0 4px}
.ht-inline-form select:focus{outline:none}

body.ht-theme-blau-dezent{--ht-bg:#f4f1eb;--ht-card:#ffffff;--ht-border:#d9dfe7;--ht-text:#27313c;--ht-muted:#64707d;--ht-green:#385a87;--ht-green-2:#5f7ea8;--ht-side:#27415f;--ht-side-2:#35557a}
body.ht-theme-magenta-dezent{--ht-bg:#f6f0f4;--ht-card:#ffffff;--ht-border:#e2d4de;--ht-text:#3d2c37;--ht-muted:#7b6672;--ht-green:#9b4f7d;--ht-green-2:#b36a92;--ht-side:#6d3455;--ht-side-2:#8a476b}
body.ht-theme-orange-dezent{--ht-bg:#f8f3ec;--ht-card:#ffffff;--ht-border:#e7d7c7;--ht-text:#433126;--ht-muted:#7a6859;--ht-green:#b56a2d;--ht-green-2:#cc8451;--ht-side:#8a4f1e;--ht-side-2:#aa6530}
body.ht-theme-rot-dezent{--ht-bg:#f7f1f1;--ht-card:#ffffff;--ht-border:#e4d0d0;--ht-text:#412f2f;--ht-muted:#786565;--ht-green:#a14a4a;--ht-green-2:#ba6666;--ht-side:#743434;--ht-side-2:#914646}
body.ht-theme-grau-dezent{--ht-bg:#f3f3f1;--ht-card:#ffffff;--ht-border:#d8d8d3;--ht-text:#30312f;--ht-muted:#6b6c69;--ht-green:#6b6f76;--ht-green-2:#858a91;--ht-side:#494d53;--ht-side-2:#60656d}
body.ht-theme-gruen-dezent{--ht-bg:#f1f5f0;--ht-card:#ffffff;--ht-border:#d3dfd1;--ht-text:#2d392d;--ht-muted:#647064;--ht-green:#4f7a54;--ht-green-2:#67946c;--ht-side:#34583a;--ht-side-2:#436f49}
body.ht-theme-blau-knallig{--ht-bg:#eef5ff;--ht-card:#ffffff;--ht-border:#c8dbff;--ht-text:#15243d;--ht-muted:#536784;--ht-green:#0067ff;--ht-green-2:#3f8dff;--ht-side:#0049b5;--ht-side-2:#0067ff}
body.ht-theme-magenta-knallig{--ht-bg:#fff0fb;--ht-card:#ffffff;--ht-border:#f0c7e6;--ht-text:#421a34;--ht-muted:#8a5d7c;--ht-green:#d81b8a;--ht-green-2:#ec4fa6;--ht-side:#a00060;--ht-side-2:#d81b8a}
body.ht-theme-orange-knallig{--ht-bg:#fff3ea;--ht-card:#ffffff;--ht-border:#ffd3b0;--ht-text:#4a2608;--ht-muted:#8e6549;--ht-green:#ff7a00;--ht-green-2:#ff983e;--ht-side:#c45b00;--ht-side-2:#ff7a00}
body.ht-theme-rot-knallig{--ht-bg:#fff1f1;--ht-card:#ffffff;--ht-border:#f7c6c6;--ht-text:#481b1b;--ht-muted:#8c5e5e;--ht-green:#df2f2f;--ht-green-2:#ef5959;--ht-side:#a91818;--ht-side-2:#df2f2f}
body.ht-theme-grau-knallig{--ht-bg:#f0f2f4;--ht-card:#ffffff;--ht-border:#cfd5db;--ht-text:#23282d;--ht-muted:#5d6873;--ht-green:#505b66;--ht-green-2:#6b7682;--ht-side:#2f3740;--ht-side-2:#505b66}
body.ht-theme-gruen-knallig{--ht-bg:#effaf1;--ht-card:#ffffff;--ht-border:#c8e9ce;--ht-text:#17331d;--ht-muted:#54705a;--ht-green:#1ea83a;--ht-green-2:#49c65f;--ht-side:#127228;--ht-side-2:#1ea83a}
@media (max-width:720px){.ht-inline-form{max-width:100%}.ht-top-actions{flex-wrap:wrap;justify-content:flex-end}}

body.ht-theme-blau-hauch{--ht-bg:#f7f9fc;--ht-card:#ffffff;--ht-border:#dfe7f1;--ht-text:#2b3642;--ht-muted:#738090;--ht-green:#7a9ac2;--ht-green-2:#9eb5d4;--ht-side:#5f7ea8;--ht-side-2:#7f9bc0}
body.ht-theme-magenta-hauch{--ht-bg:#fbf7fa;--ht-card:#ffffff;--ht-border:#eadfe7;--ht-text:#3f3240;--ht-muted:#857785;--ht-green:#b184a2;--ht-green-2:#c7a2ba;--ht-side:#92677f;--ht-side-2:#b184a2}
body.ht-theme-orange-hauch{--ht-bg:#fcf8f3;--ht-card:#ffffff;--ht-border:#eee2d7;--ht-text:#44372e;--ht-muted:#8b7a6d;--ht-green:#c59a73;--ht-green-2:#d7b290;--ht-side:#a67d56;--ht-side-2:#c59a73}
body.ht-theme-rot-hauch{--ht-bg:#fcf7f7;--ht-card:#ffffff;--ht-border:#ebdddd;--ht-text:#433536;--ht-muted:#8b7878;--ht-green:#be8585;--ht-green-2:#d2a4a4;--ht-side:#9d6b6b;--ht-side-2:#be8585}
body.ht-theme-grau-hauch{--ht-bg:#f7f8f9;--ht-card:#ffffff;--ht-border:#dfe3e8;--ht-text:#31363b;--ht-muted:#757d86;--ht-green:#8d97a2;--ht-green-2:#adb5be;--ht-side:#6f7882;--ht-side-2:#8d97a2}
body.ht-theme-gruen-hauch{--ht-bg:#f6faf6;--ht-card:#ffffff;--ht-border:#dde8dd;--ht-text:#313a31;--ht-muted:#758075;--ht-green:#86ab8b;--ht-green-2:#a9c6ad;--ht-side:#628867;--ht-side-2:#86ab8b}