:root { --jac-navy:#17213b; --jac-gold:#c8a45d; --jac-cream:#fffaf0; --jac-green:#17885b; }
.jac-wrap { max-width:1440px; color:var(--jac-navy); font-family:Tahoma, Arial, sans-serif; }
.jac-header { margin:20px 0 16px; padding:28px 34px; border-radius:24px; color:#fff; background:radial-gradient(circle at 10% 0,#3a4663,transparent 35%),linear-gradient(135deg,#111a31,#253354); display:flex; justify-content:space-between; align-items:center; box-shadow:0 18px 45px #17213b24; }
.jac-header h1 { color:#fff; font-size:30px; margin:2px 0 8px; }.jac-header p{margin:0;color:#dbe3f5}.jac-eyebrow{font-size:11px!important;letter-spacing:3px;color:#d3b470!important}.jac-live{background:#ffffff14;border:1px solid #ffffff30;padding:10px 15px;border-radius:99px}.jac-live span{display:inline-block;width:9px;height:9px;background:#4be39b;border-radius:50%;box-shadow:0 0 0 5px #4be39b1f;margin-left:8px}
.jac-tabs { display:flex; gap:8px; margin:0 0 18px; flex-wrap:wrap; }.jac-tabs button{border:0;background:#fff;padding:12px 18px;border-radius:12px;cursor:pointer;color:#536079;font-weight:700}.jac-tabs button.is-active{background:var(--jac-gold);color:#fff;box-shadow:0 8px 18px #c8a45d40}
.jac-panel{display:none}.jac-panel.is-active{display:block}.jac-toolbar{display:flex;align-items:center;justify-content:space-between;margin:15px 0}.jac-toolbar h2{margin:0;color:var(--jac-navy)}.jac-toolbar p{margin:5px 0;color:#6a7488}
.jac-cards{display:grid;grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px}.jac-cards article,.jac-box{background:#fff;border:1px solid #e6e9f0;border-radius:18px;padding:20px;box-shadow:0 8px 28px #17213b0b}.jac-cards span{display:block;color:#707b90;font-size:13px}.jac-cards strong{display:block;font-size:25px;margin-top:8px;color:var(--jac-navy)}
.jac-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.jac-box h3{margin-top:0}.jac-box label{display:block;margin:12px 0;color:#4f5b73}.jac-box input[type=text],.jac-box input[type=email],.jac-box input[type=number]{display:block;width:100%;max-width:none;margin-top:6px;padding:8px 10px;border-color:#dfe3eb;border-radius:9px}.jac-switch{padding:10px 0;border-bottom:1px solid #f0f2f6}
.jac-funnel>div{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:10px;margin:14px 0}.jac-funnel i{display:block;height:14px;border-radius:99px;background:linear-gradient(90deg,var(--jac-gold),#e7c985)}.jac-funnel b{text-align:left}.jac-bars{height:210px;display:flex;align-items:flex-end;gap:7px;padding-top:20px}.jac-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;text-align:center}.jac-bars i{display:block;min-width:8px;border-radius:8px 8px 3px 3px;background:linear-gradient(#34476f,#17213b)}.jac-bars small{font-size:9px;margin-top:5px;color:#738098}
.jac-notice{margin-top:16px;padding:13px 16px;border-radius:10px;background:#e9f8f1;color:#0b7147}.jac-notice.is-error{background:#fff0f0;color:#b42318}.jac-table-wrap{overflow:auto}
.jac-box input[type=url],.jac-box input[type=datetime-local],.jac-box select,.jac-box textarea{display:block;width:100%;max-width:none;box-sizing:border-box;margin-top:6px;padding:8px 10px;border:1px solid #dfe3eb;border-radius:9px}.jac-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.jac-form-grid label{margin:4px 0}.jac-box+.jac-box{margin-top:18px}.jac-report-list{margin:0;padding:0;list-style:none}.jac-report-list li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eef0f4}
@media(max-width:1100px){.jac-cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:780px){.jac-header{align-items:flex-start;gap:20px;flex-direction:column}.jac-cards,.jac-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.jac-cards,.jac-grid,.jac-form-grid{grid-template-columns:1fr}}