:root{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#18253d;background:#f5f7fb;font-size:16px;--navy:#18253d;--muted:#7a879d;--line:#e5eaf1;--panel:#fff;--blue:#5368ef;--blue2:#4458dc;--soft:#f5f7fb;--shadow:0 12px 34px rgba(26,43,78,.06)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.auth-page{background:linear-gradient(180deg,#f8faff,#eef3f9);display:grid;place-items:center}.auth-wrap{width:100%;min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);background:#fff;border:1px solid #e5eaf2;border-radius:26px;padding:42px 40px;box-shadow:0 28px 80px rgba(27,44,78,.10)}.auth-card h1{margin:0 0 30px;text-align:center;font-size:30px;letter-spacing:-.8px;color:#172640}.auth-form{display:grid;gap:18px}.auth-form label,.form-stack label,.form-grid label{display:grid;gap:8px;font-size:14px;font-weight:700;color:#32425e}.auth-form input,.form-stack input,.form-stack textarea,.form-grid input,.decision-form input,.decision-form select{width:100%;border:1px solid #dbe2ed;background:#fff;border-radius:13px;padding:14px 15px;color:#172640;outline:none;transition:.18s}.auth-form input{height:54px}.auth-form input:focus,.form-stack input:focus,.form-stack textarea:focus,.form-grid input:focus,.decision-form input:focus,.decision-form select:focus{border-color:#5368ef;box-shadow:0 0 0 4px rgba(83,104,239,.10)}.auth-form button{height:54px;border:0;border-radius:13px;background:#5368ef;color:#fff;font-weight:800;cursor:pointer;transition:.18s}.auth-form button:hover{background:#4458dc}.auth-error{margin:-12px 0 18px;background:#fff0f2;color:#a72a42;padding:12px 14px;border-radius:12px;text-align:center;font-size:14px}.app-page{background:#f5f7fb}.app-layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#101a2d;color:#d7deeb;padding:20px 14px;display:flex;flex-direction:column}.side-brand{display:flex;align-items:center;gap:11px;padding:5px 8px 24px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(145deg,#5368ef,#7b67ef);display:grid;place-items:center;color:#fff;font-weight:900}.side-brand b{display:block;color:#fff;font-size:18px}.side-brand span{display:block;color:#8090aa;font-size:11px;margin-top:2px}.side-nav{display:grid;gap:5px}.side-nav a,.side-bottom a,.side-bottom button{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#9dacbf;font-weight:650;cursor:pointer;text-align:left}.side-nav a:hover,.side-bottom a:hover,.side-bottom button:hover{background:#182641;color:#fff}.side-nav a.active,.side-bottom a.active{background:#5368ef;color:#fff}.side-bottom{margin-top:auto;display:grid;gap:5px;padding-top:18px;border-top:1px solid #21304a}.side-bottom form{margin:0}.main-area{min-width:0}.topbar{height:78px;padding:0 30px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:20}.top-title{font-weight:850;font-size:19px;color:#18253d}.top-subtitle{font-size:12px;color:#8490a3;margin-top:2px}.avatar,.person-avatar,.big-avatar{display:grid;place-items:center;border-radius:50%;background:#eef1ff;color:#5368ef;font-weight:850}.avatar{width:40px;height:40px;margin-left:auto}.menu-button{display:none;border:0;background:#f2f5fa;border-radius:10px;width:40px;height:40px}.content{padding:30px;max-width:1500px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font-size:30px;letter-spacing:-.8px;margin:0;color:#18253d}.page-heading p{margin:6px 0 0;color:#7a879d}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.stat-grid.compact{grid-template-columns:minmax(250px,360px)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow)}.stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center}.stat-icon.blue{background:#edf2ff;color:#5368ef}.stat-icon.violet{background:#f3efff;color:#7258dc}.stat-icon.amber{background:#fff4df;color:#c38113}.stat-icon.green{background:#eaf8f2;color:#1a9367}.stat-card span{display:block;color:#78869c;font-size:13px}.stat-card strong{display:block;font-size:28px;line-height:1.1;margin-top:3px;color:#18253d}.stat-card small{display:block;color:#9aa4b4;font-size:11px;margin-top:4px}.two-col{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px}.client-cols{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:18px}.card-head{padding:20px 22px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:16px}.card-head h2{margin:0;font-size:18px;letter-spacing:-.3px}.card-head p{margin:4px 0 0;color:#8894a7;font-size:12px}.text-link{color:#5368ef;font-size:13px;font-weight:750}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:15px 18px;border-bottom:1px solid #edf0f5;text-align:left;vertical-align:middle;font-size:13px}th{background:#fbfcfe;color:#8592a6;font-size:11px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}tr:last-child td{border-bottom:0}td b{display:block;color:#20304b}td small{display:block;color:#8b97a9;margin-top:4px;max-width:460px;white-space:normal}.empty-cell{text-align:center;color:#929dae;padding:30px}.status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800;white-space:nowrap}.status.good{background:#e9f8f1;color:#16825c}.status.bad{background:#fff0f1;color:#bd3d50}.status.warn{background:#fff5df;color:#a76b0a}.status.neutral{background:#edf2f8;color:#607087}.health-list{padding:8px 22px 18px}.health-list>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #eef1f5}.health-list>div:last-child{border-bottom:0}.health-list b{font-size:13px}.health-list em{font-style:normal;color:#8793a5;font-size:12px}.health-dot{width:9px;height:9px;border-radius:50%}.health-dot.ok{background:#2cb67d;box-shadow:0 0 0 4px #eaf8f2}.health-dot.idle{background:#e4a93b;box-shadow:0 0 0 4px #fff6e5}.primary-btn,.secondary-btn,.small-btn{border:0;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer}.primary-btn{background:#5368ef;color:#fff}.primary-btn:hover{background:#4458dc}.secondary-btn{background:#f0f3f8;color:#4d5c73}.small-btn{background:#edf2ff;color:#475fd5;padding:8px 10px;font-size:11px}.danger-btn{background:#fff0f1;color:#b7374c}.inline-form{margin:0}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{width:36px;height:36px;flex:0 0 36px}.decision-form{display:grid;grid-template-columns:130px minmax(180px,1fr) auto;gap:7px;min-width:420px}.decision-form input,.decision-form select{padding:9px 10px;margin:0;border-radius:9px;font-size:12px}.alert{padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:13px;font-weight:650}.success-alert{background:#eaf8f2;color:#167250}.error-alert{background:#fff0f2;color:#a72a42}.empty-state{text-align:center;padding:50px 25px}.empty-state h2{margin:12px 0 8px}.empty-state p{max-width:620px;margin:0 auto;color:#7f8c9f;line-height:1.6}.empty-icon{width:64px;height:64px;border-radius:20px;background:#eef1ff;color:#5368ef;display:grid;place-items:center;margin:0 auto}.empty-icon svg{width:28px;height:28px}.server-row{display:flex;align-items:center;gap:15px;padding:20px}.server-icon{width:48px;height:48px;border-radius:14px;background:#eef1ff;color:#5368ef;display:grid;place-items:center}.server-main{display:grid;gap:4px;flex:1}.server-main span{font-size:12px;color:#8793a5}.code-pill{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f3f5f9;color:#55647b;padding:5px 8px;border-radius:7px;font-size:11px}.profile-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(420px,1.3fr);gap:18px}.profile-person{padding:28px;display:flex;align-items:center;gap:18px}.big-avatar{width:70px;height:70px;font-size:25px}.profile-person h2{margin:0 0 4px}.profile-person p{margin:0 0 12px;color:#7f8b9e}.form-stack{padding:22px;display:grid;gap:16px}.form-stack label{margin:0}.form-stack textarea{min-height:110px;resize:vertical}.form-grid{padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(12,22,40,.5);backdrop-filter:blur(4px)}.modal-card{position:relative;width:min(620px,100%);background:#fff;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.2);overflow:hidden}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:21px 22px;border-bottom:1px solid #edf0f5}.modal-head h2{margin:0}.modal-head p{margin:3px 0 0;color:#8793a5;font-size:12px}.modal-head button{border:0;background:#f2f4f8;width:34px;height:34px;border-radius:10px;font-size:22px;cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.client-apps{padding:8px 20px 18px}.client-apps article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 2px;border-bottom:1px solid #eef1f5}.client-apps article:last-child{border-bottom:0}.client-apps b,.client-apps small{display:block}.client-apps small{margin-top:4px;color:#8a96a8}.empty-mini{padding:25px;color:#8e99aa;text-align:center}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}.two-col,.profile-grid{grid-template-columns:1fr}}@media(max-width:800px){.app-layout{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:60;width:250px;transition:.2s}.sidebar.open{left:0}.menu-button{display:block}.content{padding:20px}.topbar{padding:0 18px}.stat-grid{grid-template-columns:1fr}.page-heading{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.auth-card{padding:34px 24px}.auth-card h1{font-size:26px}.decision-form{min-width:360px;grid-template-columns:120px 1fr}.decision-form button{grid-column:1/-1}.client-cols{grid-template-columns:1fr}}

/* ---------------------------------------------------------
 XI4 Customer Center 11 — light, responsive, independent UI
 --------------------------------------------------------- */
:root{--cp-indigo:#5065e9;--cp-ink:#1a2b46;--cp-muted:#738199;--cp-stroke:#e5eaf3}
.client-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);min-height:304px;background:linear-gradient(116deg,#edf1ff 0%,#f7f9ff 61%,#eef8ff 100%);border:1px solid #e5eafb;border-radius:24px;margin-bottom:20px;box-shadow:0 6px 24px rgba(30,52,95,.025)}
.client-hero-copy{position:relative;z-index:2;padding:37px 40px 35px}
.client-overline,.cp-eyebrow{font-weight:850;letter-spacing:1.1px;font-size:11px;color:#5766bc}
.client-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#4cc4a0;margin-right:7px;box-shadow:0 0 0 4px #e0f8f0}
.client-hero h1{max-width:690px;font-size:clamp(27px,3vw,40px);line-height:1.16;letter-spacing:-1.25px;margin:15px 0 12px;color:var(--cp-ink)}
.client-hero p{max-width:550px;margin:0;color:#6a7a95;font-size:15px;line-height:1.7}
.client-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.cp-btn{border:0;display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:13px 18px;border-radius:12px;font-size:14px;line-height:1.25;font-weight:780;text-decoration:none;cursor:pointer;transition:.15s;white-space:normal;min-height:44px}
.cp-btn-primary{color:#fff;background:var(--cp-indigo);box-shadow:0 8px 16px rgba(80,101,233,.15)}.cp-btn-primary:hover{background:#3f53d2;transform:translateY(-1px)}
.cp-btn-ghost{color:#4051b1;background:#fff;border:1px solid #dee5f5}.cp-btn-ghost:hover,.cp-btn-ghost-dark:hover{background:#edf1ff}
.cp-btn-ghost-dark{color:#39499a;background:#f0f3ff}
.cp-btn-white{color:#3349b1;background:#fff}.cp-btn-white:hover{background:#f0f4ff}
.hero-art{position:relative;min-height:300px;display:flex;align-items:center;justify-content:center}
.art-halo{position:absolute;border:1px solid rgba(102,132,227,.18);border-radius:50%}.art-halo-one{width:270px;height:270px}.art-halo-two{width:205px;height:205px;background:rgba(255,255,255,.23)}
.art-shield{position:relative;z-index:2;width:142px;height:155px;filter:drop-shadow(0 19px 18px rgba(83,104,239,.17));display:grid;place-items:center}
.art-shield:before{content:"";position:absolute;inset:7px 0;border-radius:34px;background:linear-gradient(160deg,#667ff4,#4261cc);clip-path:polygon(50% 0,94% 16%,94% 51%,82% 78%,50% 100%,18% 78%,6% 51%,6% 16%)}
.art-shield svg{position:relative;color:white;width:87px;height:97px;opacity:.97}
.art-device{position:absolute;border:6px solid white;box-shadow:0 9px 25px rgba(75,92,154,.12);background:linear-gradient(160deg,#dde9ff,#c4d4ff);border-radius:15px;opacity:.75}.art-left{width:64px;height:98px;left:10%;bottom:15%;transform:rotate(-17deg)}.art-right{width:90px;height:60px;right:9%;top:18%;transform:rotate(15deg)}
.cp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px}
.cp-metric{background:#fff;border:1px solid var(--cp-stroke);border-radius:18px;box-shadow:var(--shadow);padding:21px 24px}
.cp-metric>span,.cp-metric>small{display:block;color:var(--cp-muted)}.cp-metric>span{font-size:13px;font-weight:650}.cp-metric>strong{display:block;color:var(--cp-ink);font-size:32px;letter-spacing:-1px;margin:5px 0;line-height:1.1}.cp-metric>small{font-size:12px;line-height:1.5}
.cp-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.cp-section-title h2{margin:0;font-size:21px;color:var(--cp-ink);letter-spacing:-.5px}.cp-section-title p{margin:4px 0 0;color:var(--cp-muted);font-size:13px}.cp-section-title>a{font-size:13px;color:var(--cp-indigo);font-weight:750}
.cp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}.cp-step{background:#fff;border:1px solid var(--cp-stroke);border-radius:18px;padding:20px 21px;display:flex;flex-direction:column;gap:7px;min-height:233px;box-shadow:var(--shadow)}.cp-step:hover{border-color:#cdd8ff;box-shadow:0 12px 34px rgba(38,57,114,.075);transform:translateY(-2px)}
.cp-step-num{font-size:12px;color:#97a4b9;font-weight:850;letter-spacing:1px}.cp-step-visual{display:grid;place-items:center;background:#f0f3ff;width:45px;height:45px;border-radius:13px;color:#5165e4;font-size:29px;line-height:1;margin:5px 0}
.cp-step>b{font-size:16px;color:var(--cp-ink)}.cp-step>small{font-size:13px;color:var(--cp-muted);line-height:1.5;flex:1}.cp-step>em{font-size:13px;font-weight:750;color:#5164da;font-style:normal;margin-top:8px}
.cp-split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);gap:16px}.cp-panel{background:#fff;border:1px solid var(--cp-stroke);box-shadow:var(--shadow);border-radius:18px;overflow:hidden;min-width:0;margin-bottom:15px}.cp-panel-head{padding:21px 24px 18px;border-bottom:1px solid #edf0f6;display:flex;align-items:center;justify-content:space-between;gap:14px}.cp-panel-head h2{margin:0;font-size:18px;color:#1c2b42}.cp-panel-head p{font-size:12px;color:#8794a7;margin:5px 0 0}.cp-panel-head a{font-size:13px;color:#5267df;font-weight:750}
.cp-empty{min-height:212px;padding:23px 25px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px}.cp-empty-icon{width:50px;height:50px;background:#f0f4ff;color:#5368ed;display:grid;place-items:center;border-radius:15px;font-size:24px}.cp-empty b{font-size:15px}.cp-empty p{margin:0 0 10px;font-size:13px;color:var(--cp-muted);line-height:1.5}
.cp-requests-list{padding:6px 22px}.cp-request-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #eef1f6}.cp-request-row:last-child{border-bottom:none}.cp-request-row>div{min-width:0}.cp-request-row b{display:block;font-size:14px;color:#263753;overflow-wrap:anywhere}.cp-request-row small{display:block;margin-top:6px;color:#8c97a8;font-size:12px}.cp-request-row p{line-height:1.5;color:#687993;font-size:12px;margin:8px 0 0}.cp-request-row .cp-admin-note{border-left:3px solid #ccd5ff;padding-left:9px;color:#4c5c87}
.cp-tip{position:relative;padding-bottom:24px;background:linear-gradient(145deg,#eef0ff,#e8eeff);border-color:#e0e5fb;overflow:hidden}.cp-tip>.cp-panel-head{border-color:rgba(114,126,201,.15)}.cp-tip>p{margin:20px 24px;color:#607094;line-height:1.6;font-size:14px;max-width:340px;position:relative;z-index:1}.cp-tip>.cp-btn{margin-left:24px;position:relative;z-index:1}.cp-tip-decor{position:absolute;font-weight:900;font-size:210px;color:rgba(103,123,223,.095);right:5px;bottom:-55px;line-height:1}
.cp-download-note{display:flex;align-items:flex-start;gap:13px;background:#eef3ff;border:1px solid #dfe8ff;border-radius:15px;padding:16px 19px;margin:0 0 22px}.cp-note-mark{width:26px;height:26px;border-radius:50%;background:#dfe7ff;color:#526ad2;font-size:17px;font-weight:900;display:grid;place-items:center;flex:0 0 26px}.cp-download-note b{display:block;font-size:14px}.cp-download-note p{margin:4px 0 0;color:#667796;font-size:13px;line-height:1.55}
.cp-download-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.cp-download-toolbar h2{font-size:21px;letter-spacing:-.4px;margin:0}.cp-search{display:flex;align-items:center;gap:8px;border:1px solid #dce4f0;border-radius:12px;background:#fff;padding:0 12px;color:#7e8da3;max-width:280px;width:100%}.cp-search>span{font-size:24px;line-height:1}.cp-search>input{padding:12px 0;border:0;outline:0;width:100%;background:transparent;color:#253750;font-size:14px}
.cp-download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:23px}.cp-download-card{display:flex;flex-direction:column;align-items:flex-start;background:#fff;border:1px solid var(--cp-stroke);border-radius:19px;box-shadow:var(--shadow);min-height:306px;padding:24px 22px}.cp-download-card:hover{border-color:#c9d4fd;box-shadow:0 12px 32px rgba(38,57,114,.07)}
.cp-app-icon{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:17px;font-size:33px;font-weight:750;line-height:1}.cp-os-windows{background:#e8f1ff;color:#2478d7}.cp-os-android{background:#e9f7ed;color:#228d61}.cp-os-ios{background:#edf0f6;color:#34445f}.cp-os-macos{background:#edf0f6;color:#495976}.cp-os-linux{background:#fff5e7;color:#b87921}
.cp-card-head{margin-top:19px}.cp-card-head h3{font-size:20px;margin:0 0 3px;letter-spacing:-.4px;color:var(--cp-ink)}.cp-card-head>span{font-size:12px;color:#8a97aa}.cp-download-card>p{font-size:13px;line-height:1.6;color:#697a94;margin:13px 0 22px;flex:1}.cp-download-foot{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.cp-download-foot .cp-btn{padding:11px 14px;font-size:13px}.cp-alt-link{font-size:13px;font-weight:750;color:#4e61d2}.cp-alt-link:hover{text-decoration:underline}.cp-no-results{text-align:center;background:#fff;border:1px solid #e2e8f3;border-radius:15px;padding:30px;color:#71809a}
.cp-hint-card{background:#f0f2ff;border:1px solid #e2e7fb;display:flex;align-items:center;gap:16px;padding:23px;border-radius:18px}.cp-hint-icon{font-size:24px;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:white;color:#5269df;flex:0 0 48px}.cp-hint-card>div:nth-child(2){min-width:0;flex:1}.cp-hint-card h3{margin:0 0 6px;font-size:16px}.cp-hint-card p{margin:0;color:#6a7893;font-size:13px;line-height:1.55}.cp-hint-card code,.cp-setup-side code,.cp-faq code{background:#e9edf7;padding:2px 6px;border-radius:5px}
.cp-platform-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}.cp-platform-tabs a{padding:11px 16px;border:1px solid #e1e8f2;border-radius:11px;background:white;font-size:13px;font-weight:750;color:#73829a}.cp-platform-tabs a.is-active{background:#5368ef;color:#fff;border-color:#5368ef}.cp-platform-tabs a:hover{border-color:#5368ef}
.cp-setup-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(285px,.75fr);gap:17px}.cp-setup-main,.cp-setup-side{padding:26px}.cp-setup-top{display:flex;align-items:center;gap:17px;margin-bottom:20px}.cp-setup-top .cp-eyebrow{font-size:10px}.cp-setup-top h2{font-size:24px;margin:4px 0}.cp-setup-top p{font-size:13px;color:#8997ab;margin:0}.cp-instructions{padding:0;margin:0;list-style:none;counter-reset:cp;display:flex;flex-direction:column}.cp-instructions>li{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid #edf1f5;padding:18px 0}.cp-instructions>li:last-child{border-bottom:none}.cp-instructions>li>span{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#eef2ff;color:#5368de;font-size:11px;font-weight:900;display:grid;place-items:center}.cp-instructions>li p{margin:2px 0 0;color:#485d77;font-size:14px;line-height:1.65}.cp-setup-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.cp-setup-symbol{width:54px;height:54px;background:#e9efff;color:#5368eb;border-radius:17px;display:grid;place-items:center;font-size:30px}.cp-setup-side h3{font-size:19px;line-height:1.4;margin:21px 0 9px}.cp-setup-side h4{margin:16px 0 8px;font-size:14px}.cp-setup-side p{color:#78879d;font-size:13px;line-height:1.7;margin:0}.cp-mini-rule{border-top:1px solid #e7ecf5;margin:22px 0}.cp-waiting{margin-top:21px;background:#fff6e4;color:#97661d;border-radius:12px;padding:12px 14px;font-size:12px;font-weight:700;line-height:1.5}
.cp-devices-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.cp-application-form{padding:22px}.cp-application-form label{display:block;margin:0}.cp-application-form input,.cp-application-form textarea{font-size:14px}.cp-application-form button{justify-self:start}.cp-request-detailed{align-items:flex-start}
.cp-help-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.7fr)}.cp-faq{padding:5px 21px 20px}.cp-faq details{border-bottom:1px solid #edf0f5}.cp-faq details:last-child{border-bottom:0}.cp-faq summary{cursor:pointer;list-style:none;padding:19px 28px 19px 2px;position:relative;font-size:14px;font-weight:750;color:#263550}.cp-faq summary::-webkit-details-marker{display:none}.cp-faq summary:after{content:'+';position:absolute;right:4px;top:16px;font-size:21px;color:#6576c0;font-weight:400}.cp-faq details[open] summary:after{content:'−'}.cp-faq details p{font-size:13px;line-height:1.75;color:#71809b;margin:0 0 17px}.cp-help-side{padding:25px}.cp-help-deco{display:grid;place-items:center;width:55px;height:55px;border-radius:17px;background:#edf0ff;font-size:30px;font-weight:850;color:#546bea}.cp-help-side h2{font-size:21px;letter-spacing:-.5px;margin:18px 0 10px}.cp-help-side>p{font-size:14px;line-height:1.7;color:#69798f;margin:0 0 20px}.cp-help-side h3{font-size:15px;margin:0 0 12px}.cp-help-side>a:not(.cp-btn){display:block;font-size:13px;color:#4d62d7;font-weight:750;padding:7px 0}
@media(max-width:1150px){.cp-download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-split,.cp-help-grid,.cp-setup-grid{grid-template-columns:1fr}.cp-devices-grid{grid-template-columns:1fr}}
@media(max-width:750px){.client-hero{grid-template-columns:1fr}.client-hero-copy{padding:30px 25px 27px}.hero-art{display:none}.cp-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.cp-metric{padding:14px}.cp-metric>strong{font-size:26px}.cp-metric>span{font-size:11px}.cp-metric>small{font-size:10px}.cp-steps{grid-template-columns:1fr}.cp-step{min-height:0}.cp-download-grid{grid-template-columns:1fr}.cp-download-card{min-height:270px}.cp-download-toolbar{align-items:stretch;flex-direction:column}.cp-search{max-width:none}.cp-hint-card{align-items:flex-start;flex-wrap:wrap}.cp-hint-card>.cp-btn{width:100%}.cp-setup-main,.cp-setup-side{padding:21px}.cp-platform-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.cp-platform-tabs a{flex:0 0 auto}.cp-split{grid-template-columns:1fr}}
@media(max-width:450px){.client-hero h1{font-size:26px}.client-hero-copy{padding:25px 20px}.client-actions{flex-direction:column}.client-actions>.cp-btn{width:100%}.cp-metrics{grid-template-columns:1fr}.cp-metric{padding:15px 18px}.cp-metric>strong{font-size:27px}.cp-metric>small{font-size:11px}.cp-section-title{flex-direction:column;align-items:flex-start}.cp-request-row{align-items:flex-start;flex-direction:column}.cp-hint-card{padding:18px}}

/* XI4 v12: controlled registrations */
.auth-secondary-link{display:block;margin:19px auto 0;text-align:center;color:#4e63d9;font-size:14px;font-weight:750;text-decoration:none;line-height:1.5}
.auth-secondary-link:hover{text-decoration:underline}.auth-register{width:min(485px,100%)}.auth-register h1{font-size:27px;margin-bottom:14px}
.auth-intro{text-align:center;margin:0 0 25px;color:#738198;font-size:14px;line-height:1.6}
.auth-link-button{display:block;background:#5268eb;color:#fff;border-radius:13px;padding:15px;text-align:center;font-size:15px;font-weight:800}
.auth-confirm-icon{width:62px;height:62px;border-radius:21px;background:#e8f8f0;color:#18835c;font-size:32px;font-weight:800;display:grid;place-items:center;margin:0 auto 20px}
.field-hint{color:#7d8a9f;font-size:12px;font-weight:500}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;pointer-events:none}
.sidebar-count{margin-left:auto;min-width:23px;height:23px;padding:2px 5px;border-radius:7px;background:#5368ef;color:#fff;display:grid;place-items:center;font-size:12px}
.registration-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.reg-approve{background:#e5f6ee;color:#157b56}
.setup-reg-body{padding:22px;line-height:1.6;color:#53647a}.setup-reg-body form{margin-top:16px}.muted-note{font-size:12px;color:#7c899c;margin:18px 0 0}
.pending-banner{display:flex;gap:14px;align-items:center;padding:17px 20px;border:1px solid #dbdffb;background:#f0f2ff;border-radius:16px;margin:0 0 18px;text-decoration:none;color:#253765}
.pending-banner-icon{display:grid;place-items:center;width:42px;height:42px;background:#e0e5ff;color:#5368ef;border-radius:13px;flex-shrink:0}.pending-banner span b{display:block;font-size:15px}.pending-banner span small{display:block;color:#68799b;margin-top:4px}.pending-banner strong{margin-left:auto;color:#5368ef;font-size:13px;white-space:nowrap}
.info-note{background:#fff7e5;color:#856221;border-radius:12px;border:1px solid #f5e4bc;padding:14px 17px;font-size:13px;line-height:1.5}
@media(max-width:580px){.pending-banner{flex-wrap:wrap}.pending-banner strong{margin-left:56px}.registration-actions{min-width:180px}}
/* XI4 Access v13 — VPN control center and client preview. */
.xi4-vpn-node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:16px 0}
.xi4-vpn-node{border:1px solid #e2e9f5;border-radius:18px;padding:22px;background:#fafdff;min-width:0}.xi4-vpn-node h3{font-size:19px;margin:18px 0 6px}.xi4-vpn-node p{color:#63738b;margin:0 0 17px}.xi4-vpn-node-top{display:flex;justify-content:space-between;align-items:center}.xi4-vpn-node-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#e9eeff;color:#5065d9}.xi4-vpn-node-icon svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7}.xi4-vpn-node-facts{display:grid;grid-template-columns:1fr auto;gap:9px;font-size:13px}.xi4-vpn-node-facts span{color:#7b8799}.xi4-vpn-node-facts b{font-weight:700;text-align:right;overflow-wrap:anywhere}
.xi4-vpn-form .form-grid{max-width:880px}.xi4-vpn-token{background:#eef5ff;border-color:#afc6f4}.xi4-vpn-token .xi4-secret-value{background:white;padding:17px;border-radius:12px;border:1px dashed #9db8e8;overflow-wrap:anywhere;font-size:14px}.xi4-muted-note{font-size:13px;color:#63738b}.xi4-step-list{display:grid;gap:12px}.xi4-step-list p{margin:0;padding:13px 16px;border-radius:12px;background:#f5f7fc}.xi4-step-list b{color:#546bf0;margin-right:10px}
.xi4-vpn-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.xi4-vpn-actions form{margin:0}.xi4-vpn-actions .small-btn{display:inline-flex;justify-content:center;align-items:center;white-space:nowrap;text-decoration:none}.xi4-vpn-form label small{display:block;font-weight:400;color:#748198;margin-top:8px;font-size:12px}
.xi4-preview-banner{display:flex;align-items:center;gap:17px;padding:18px 20px;background:#eef3ff;border:1px solid #d4e1fb;border-radius:18px;margin-bottom:17px}.xi4-preview-banner>div{flex:1}.xi4-preview-banner b{display:block;font-size:17px}.xi4-preview-banner small{display:block;color:#5f6f8a;margin-top:3px}.xi4-preview-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.xi4-preview-tabs a{padding:12px 18px;border:1px solid #dce4ef;border-radius:11px;font-size:14px;font-weight:700;color:#344867;background:white;text-decoration:none}.xi4-preview-tabs a.selected{background:#5368ef;color:white;border-color:#5368ef}.xi4-preview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px}.xi4-preview-apps{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.xi4-preview-app-tile{background:#f0f4ff;color:#304c91;border-radius:12px;padding:13px 16px;font-weight:750}.xi4-client-issued{margin:0 0 20px}.xi4-issued-grid{display:grid;gap:12px}.xi4-issued-device{display:flex;gap:13px;align-items:center;flex-wrap:wrap;padding:14px;border:1px solid #e5ebf4;border-radius:15px}.xi4-issued-device>div:nth-child(2){flex:1;min-width:160px}.xi4-issued-device b,.xi4-issued-device small{display:block}.xi4-issued-device small{color:#7c899a;font-size:12px;margin-top:5px}.xi4-issued-device form{margin:0}
@media(max-width:760px){.xi4-preview-grid{grid-template-columns:1fr}.xi4-preview-banner{align-items:flex-start;flex-wrap:wrap}.xi4-vpn-actions{min-width:160px}}