@font-face{font-family:Cairo;src:url('/assets/cairo-regular.ttf') format('truetype');font-weight:200 550;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/cairo-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}@font-face{font-family:Cairo;src:url('/assets/cairo-black.ttf') format('truetype');font-weight:850 1000;font-display:swap}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:#f5f7fb;color:#16273f;font-family:Cairo,Tahoma,sans-serif;font-size:13px;line-height:1.7}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;background:none;border:0;color:inherit}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #2ba896;outline-offset:3px}.portal{--blue:#2869ee;--text:#172b46;--muted:#8290a5;--border:#e8edf5;min-height:100vh}.p-top-strip{height:31px;background:#142641;color:#a8bdd9;display:flex;align-items:center;justify-content:space-between;padding:0 43px;font-size:9px}.p-top-strip>span{display:flex;align-items:center;gap:8px}.p-top-strip i{width:5px;height:5px;background:#3bcba3;border-radius:50%;box-shadow:0 0 0 3px #3bcba311;animation:pPulse 3s infinite}.p-top-strip b{color:#d6e3f4;font-weight:500;margin-inline-start:15px}.p-header{height:83px;display:flex;align-items:center;gap:46px;padding:0 40px;background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30;box-shadow:0 4px 24px #162a4305}.p-brand{display:flex;align-items:center;direction:ltr;flex-shrink:0}.p-brand img{width:210px;height:auto}.p-header nav{display:flex;gap:24px;align-items:center;font-size:11px;color:#687b95}.p-header nav a:hover,.p-header nav button:hover{color:var(--blue)}.p-header-actions{display:flex;gap:20px;margin-inline-start:auto;align-items:center}.p-header-link{font-size:10px;display:flex;align-items:center;gap:7px;color:var(--blue)}.p-user-chip{display:flex;align-items:center;gap:9px;background:#f8faff;border:1px solid var(--border);border-radius:10px;padding:7px 9px;font-size:10px}.p-user-chip>span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e9f0ff;color:var(--blue);font:600 12px Arial}.p-user-chip b{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.p-mobile-menu{display:none}.p-layout{display:grid;grid-template-columns:238px minmax(0,1fr);max-width:1600px;margin:auto}.p-sidebar{background:#fff;border-inline-end:1px solid var(--border);padding:26px 20px 20px;position:sticky;top:83px;height:calc(100dvh - 83px);display:flex;flex-direction:column;overflow:auto}.p-side-intro{display:flex;gap:11px;align-items:center;padding:0 1px 24px;border-bottom:1px solid var(--border)}.p-avatar{width:38px;height:38px;border:1px solid #2869ee12;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf1ff,#e9f6f5);color:var(--blue);font:600 16px Arial;flex-shrink:0}.p-side-intro b{font-size:10px;display:block;max-width:142px;overflow:hidden;text-overflow:ellipsis}.p-side-intro small{color:var(--muted);font-size:8px;display:block;margin-top:4px}.p-nav-label{font-size:8px;color:#95a3b6;letter-spacing:.7px;margin:23px 11px 11px}.p-sidebar nav{display:flex;flex-direction:column;gap:5px}.p-sidebar nav button{padding:11px 13px;border-radius:9px;display:flex;align-items:center;gap:11px;text-align:start;font-size:10px;color:#7587a0;transition:background .25s,color .25s,translate .25s}.p-sidebar nav button>svg{stroke-width:1.5}.p-sidebar nav button.active{background:#eef4ff;color:var(--blue);font-weight:650}.p-sidebar nav button:hover{background:#f6f9fe;translate:-2px 0}.p-sidebar nav button>svg:last-child:not(:first-child){margin-inline-start:auto}.p-nav-count{font-size:8px;color:var(--blue);background:#dfeaff;width:19px;height:19px;display:grid;place-items:center;border-radius:6px;margin-inline-start:auto}.p-side-contact{margin-top:auto;padding:20px 14px;background:linear-gradient(150deg,#f2f7ff,#f4fafa);border:1px solid #eaf0f8;border-radius:14px;position:relative;overflow:hidden;flex-shrink:0}.p-help-icon{display:block;color:#419892;margin-bottom:8px}.p-side-contact h4{font-size:12px}.p-side-contact p{font-size:9px;color:#8a9ab0;line-height:2;margin:6px 0 15px}.p-side-contact button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;background:#fff;border:1px solid #dfeae9;color:#229782;padding:8px;width:100%;font-size:9px}.p-logout{font-size:9px;color:#8b97a9;display:flex;align-items:center;gap:11px;padding:20px 13px 0;flex-shrink:0}.p-main{padding:28px 35px 0;min-width:0;max-width:1220px}.p-breadcrumb{display:flex;align-items:center;gap:8px;font-size:8px;color:#9ba8ba;margin-bottom:20px}.p-breadcrumb button{padding:0;font-size:8px}.p-breadcrumb span{color:#7389ab}.p-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.p-eyebrow{display:block;font:7px Arial;letter-spacing:1.5px;color:var(--blue);margin-bottom:5px}.p-page-heading h1{font-size:25px;letter-spacing:-.6px;font-weight:800}.p-page-heading p{font-size:10px;color:#8294af;margin-top:5px}.p-page-actions{display:flex;gap:8px;align-items:center}.p-icon-btn{width:34px;height:34px;background:#fff;border:1px solid var(--border);border-radius:9px;color:#7890af;display:grid;place-items:center;transition:background .25s}.p-icon-btn:hover{background:#eef4ff;color:var(--blue)}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2869ee;color:#fff;border:1px solid #2869ee;border-radius:8px;padding:9px 14px;font-size:10px;font-weight:600;transition:translate .25s,box-shadow .25s,background .25s;white-space:nowrap}.p-btn:hover{translate:0 -2px;box-shadow:0 7px 15px #2869ee1c}.p-btn.secondary{background:#fff;color:#5373a2;border-color:#e3ebf6;box-shadow:none}.p-btn.secondary:hover{background:#f5f9ff}.p-welcome{background:linear-gradient(115deg,#12273f,#1a3454);border-radius:15px;color:#fff;padding:29px 32px;position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;min-height:197px;isolation:isolate}.p-welcome:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 10% 80%,#5286b42e,transparent 60%);z-index:-1}.p-pill{display:inline-flex;gap:6px;align-items:center;font-size:8px;color:#7fcaaf;background:#78d5b20a;border:1px solid #78d5b21c;border-radius:20px;padding:4px 8px}.p-pill i{width:4px;height:4px;background:#64c9a4;border-radius:50%;animation:pPulse 3s infinite}.p-welcome h2{font-size:26px;margin:10px 0 8px;font-weight:750}.p-welcome p{font-size:10px;color:#aac0dc;max-width:530px;line-height:2}.p-welcome .p-btn{margin-top:17px;font-size:9px;padding:8px 14px}.p-server-illustration{width:155px;perspective:600px;position:relative;margin-inline-end:20px;flex-shrink:0}.p-server-illustration>div{height:35px;margin-bottom:8px;border:1px solid #ffffff20;background:linear-gradient(120deg,#33577f33,#ffffff08);border-radius:7px;display:flex;align-items:center;padding:11px;gap:5px;transform:rotateY(15deg);animation:pFloat 6s ease-in-out infinite;box-shadow:8px 7px 0 #09152a28}.p-server-illustration>div:nth-child(2){animation-delay:-2s}.p-server-illustration>div:nth-child(3){animation-delay:-4s}.p-server-illustration i:not(.p-orbit){width:4px;height:4px;background:#66d9b2;box-shadow:0 0 8px #66d9b23b;border-radius:50%}.p-server-illustration span{width:2px;height:11px;background:#7f9bb44d;border-radius:3px}.p-server-illustration b{margin-inline-start:auto;width:39px;height:4px;background:repeating-linear-gradient(90deg,#8badcd55 0,#8badcd55 1px,transparent 1px,transparent 3px)}.p-orbit{position:absolute;width:195px;height:195px;border:1px solid #ffffff09;border-radius:50%;top:calc(50% - 98px);left:calc(50% - 98px);z-index:-1}.p-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0 25px}.p-stat{display:flex;align-items:flex-start;gap:12px;padding:19px 17px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 13px #162a4303}.p-stat>span{display:grid;place-items:center;background:#eef4ff;color:#5287dd;border-radius:10px;width:38px;height:38px;flex-shrink:0}.stat-1>span{background:#edfaf5;color:#399f84}.stat-2>span{background:#f3effb;color:#9079c1}.stat-3>span{background:#fff6ed;color:#dca25a}.p-stat small{font-size:9px;color:#8a9bb3}.p-stat strong{font-size:24px;color:#1b3251;font-weight:750;line-height:1.5;display:block;margin:4px 0}.p-stat p{font-size:8px;color:#a1acc0;line-height:1.7}.p-home-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.p-panel{background:#fff;border:1px solid var(--border);border-radius:13px;overflow:hidden;box-shadow:0 4px 13px #162a4302}.p-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-bottom:1px solid #eff2f7}.p-panel-head h3{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700}.p-panel-head h3 svg{color:#6c8dbb;stroke-width:1.5}.p-panel-head>button{font-size:9px;color:#6288be;display:flex;align-items:center;gap:4px}.p-panel-head>span{font-size:9px;color:#889bb6}.p-empty{padding:41px 22px;text-align:center;color:#8d9eb6;display:flex;flex-direction:column;align-items:center}.p-empty>div{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:linear-gradient(145deg,#f2f6fd,#eef8f5);border:1px solid #eaf0fa;color:#89a4c6;margin-bottom:16px}.p-empty h3{font-size:14px;color:#57718f;font-weight:650;margin-bottom:7px}.p-empty p{font-size:10px;line-height:2;max-width:400px;margin-bottom:16px}.p-empty .p-btn{font-size:9px}.p-mini-services{padding:3px 21px}.p-mini-services>button{display:flex;align-items:center;gap:12px;width:100%;padding:18px 0;border-bottom:1px solid #f0f3f9;text-align:start;transition:background .2s}.p-mini-services>button:last-child{border:0}.p-mini-services>button>div{flex:1}.p-mini-services b{font-size:11px;display:block}.p-mini-services small{font-size:8px;color:#96a3b7;display:block;margin-top:3px}.p-mini-services>button>svg{color:#a1afc3}.p-service-type{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#f3f7ff;color:#5f8dcb;border:1px solid #e8f0fc;border-radius:10px;width:40px;height:40px}.p-service-type:has(img){width:128px;padding:13px;height:52px;background:#fff}.p-badge{display:inline-flex;align-items:center;gap:5px;background:#f0f4fa;color:#7e91ac;border:1px solid #e4ebf5;border-radius:5px;padding:3px 7px;font-size:8px;line-height:1.6;white-space:nowrap}.p-badge i{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:.75}.p-badge.active,.p-badge.paid,.p-badge.answered{background:#eefaef;color:#2a9776;border-color:#d8efdf}.p-badge.pending,.p-badge.unpaid,.p-badge.open{background:#fff8e9;color:#bc9149;border-color:#f3e7c9}.p-badge.suspended,.p-badge.blocked,.p-badge.expired{background:#fff0f1;color:#ca737a;border-color:#f5dadc}.p-badge.in_progress{background:#eef4ff;color:#648dcd;border-color:#dbe7fd}.p-badge.cancelled,.p-badge.void,.p-badge.closed,.p-badge.archived{background:#f4f5f8;color:#8a96a8;border-color:#e9edf4}.p-mini-invoices{padding:0 21px}.p-mini-invoices>div{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #f0f3f9}.p-mini-invoices b{font:600 11px Arial}.p-mini-invoices>div>span{flex:1}.p-mini-invoices small{display:block;font-size:8px;color:#94a3b8;margin-top:5px}.p-mini-invoices strong{font-size:11px;font-weight:650}.p-mini-invoices .p-btn{font-size:8px;padding:5px 8px}.p-overview-tickets{margin-top:21px}.p-ticket-summary{padding:0 22px}.p-ticket-summary>button{width:100%;display:flex;align-items:center;gap:15px;text-align:start;padding:18px 0;border-bottom:1px solid #eff3f9}.p-ticket-summary span:first-child{flex:1}.p-ticket-summary b{display:block;font-size:11px}.p-ticket-summary small{display:block;font-size:8px;color:#97a8be;margin-top:4px}.p-toolbar{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#fff;border:1px solid var(--border);border-radius:11px;margin-bottom:20px}.p-toolbar>label{display:flex;align-items:center;gap:10px;flex:1;color:#a0b1c9}.p-toolbar input{border:0;background:none;padding:3px;min-width:80px;max-width:400px;width:100%;font-size:11px;color:#567092;outline-offset:6px}.p-toolbar input::placeholder{color:#a3b1c5}.p-toolbar>div{display:flex;align-items:center;gap:7px;color:#8599b6;border-inline-start:1px solid #eff2f8;padding-inline-start:17px}.p-toolbar select{border:0;background:none;color:#6b83a6;font-size:10px;max-width:160px}.p-toolbar .p-btn{font-size:9px;padding:6px 10px}.p-services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.p-service-card{padding:23px;border:1px solid var(--border);border-radius:14px;background:#fff;box-shadow:0 4px 13px #162a4303;transition:translate .3s,box-shadow .3s}.p-service-card:hover{translate:0 -4px;box-shadow:0 15px 30px #20355707}.p-service-card>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.p-service-card h3{font-size:18px;letter-spacing:-.5px}.p-service-card>p{font-size:9px;color:#8c9eb8;margin:6px 0}.p-service-card>small{color:#7c92b0;font-size:8px}.p-resource-row{display:flex;gap:12px;margin:18px 0;padding:14px 0;border-block:1px solid #eef2f8;direction:ltr}.p-resource-row>span{display:flex;align-items:center;gap:6px;flex:1;font:9px Arial;color:#7c94b7;white-space:nowrap}.p-resource-row svg{stroke-width:1.4;color:#93b0d5}.p-service-card-foot{display:flex;justify-content:space-between;gap:10px;align-items:center}.p-service-card-foot b{font-size:14px}.p-service-card-foot small{font-size:8px;color:#99a7bc}.p-service-card-foot .p-btn{font-size:9px;padding:6px 10px}.p-server-banner{display:flex;align-items:center;gap:15px;background:linear-gradient(110deg,#112840,#1b344f);color:#fff;border-radius:12px;padding:24px;margin-bottom:20px;box-shadow:0 7px 23px #16345515}.p-banner-icon{width:47px;height:47px;background:#ffffff0b;border:1px solid #ffffff10;color:#9ab8da;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.p-banner-icon:has(img){width:135px;height:57px;padding:16px}.p-server-banner>div:nth-child(2){flex:1}.p-server-banner h2{font-size:19px;direction:ltr;text-align:right;font-weight:700}.p-server-banner p{font-size:8px;color:#93adc9;margin-top:5px}.p-server-banner p span{margin:0 5px;opacity:.5}.p-server-banner .p-badge{border-color:#72d9b522;background:#72d9b50e;color:#7fd6b6}.p-server-banner .p-btn{font-size:9px;padding:8px 10px;background:#ffffff0b;border-color:#ffffff15;color:#acbfd9}.p-access,.p-billing{margin-bottom:18px}.p-access-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px 22px}.p-access-grid small{font-size:8px;color:#9aa7b9;display:block;margin-bottom:7px}.p-access-grid>div>span{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;background:#fafbfd;min-height:33px;padding:6px 8px;gap:8px}.p-access-grid b{font:9px Arial;color:#577294;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.p-access-grid button{display:flex;color:#86a2c4;padding:1px}.p-inline-link{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:9px;margin:0 22px 17px;width:fit-content}.p-billing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px 22px}.p-billing-grid>div{border-inline-start:1px solid var(--border);padding-inline-start:18px}.p-billing-grid>div:first-child{border:0;padding:0}.p-billing-grid small{font-size:8px;color:#98a6bc;display:block;margin-bottom:9px}.p-billing-grid b{font-size:10px;color:#617591;font-weight:650}.p-server-console{padding:22px}.p-console-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.p-console-head>div:first-child{display:flex;align-items:center;gap:11px}.p-os-icon{color:#e18450;background:#fff5ed;width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.p-console-head h3{font-size:18px;letter-spacing:-.5px;direction:ltr;text-align:right}.p-console-head small{display:block;font:8px Arial;color:#7d98b8;margin-top:5px}.p-console-actions{display:flex;align-items:center;gap:7px}.p-console-actions .p-btn{font-size:8px;padding:6px 9px}.p-console-tabs{display:flex;gap:5px;padding:5px;border:1px solid var(--border);border-radius:8px;width:fit-content;background:#fafcfe;margin-bottom:20px}.p-console-tabs button{display:flex;align-items:center;gap:6px;font-size:9px;color:#7a93b7;padding:6px 12px;border-radius:5px;transition:all .2s}.p-console-tabs button.active{background:#edf4ff;color:#4283e6;border:1px solid #e0edff}.p-console-tabs button:hover{background:#f0f6ff}.p-console-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.p-console-box{border:1px solid var(--border);border-radius:9px;padding:17px;min-height:160px}.p-console-box h4{display:flex;align-items:center;gap:7px;font-size:9px;color:#748daf;font-weight:600;margin-bottom:20px}.p-console-box h4 svg{stroke-width:1.4;color:#95afd2}.p-console-box>strong{font:700 28px Arial;color:#385a84}.p-console-box>strong small{font:10px Arial;color:#a0afc6}.p-static-meter{height:6px;background:#eef3fb;border-radius:8px;margin:19px 0}.p-console-box p{font-size:8px;color:#a5b1c3;line-height:1.9;margin-top:12px}.p-neutral-chip{display:inline-block;border:1px solid #e7edf7;border-radius:5px;background:#f8fafd;color:#8aa0c0;font-size:8px;padding:3px 7px;margin-top:13px}.p-graph-placeholder{height:95px;background:linear-gradient(180deg,#fff,#fcfdff);position:relative;margin-top:9px;display:grid;place-items:center}.p-graph-placeholder>i{position:absolute;width:100%;height:1px;background:#f0f4fa;left:0;top:25%}.p-graph-placeholder>i:nth-child(2){top:50%}.p-graph-placeholder>i:nth-child(3){top:75%}.p-graph-placeholder span{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;color:#a8b8ce;font-size:8px;background:#ffffffd9;padding:10px 15px}.p-graph-placeholder svg{color:#b4c4db}.p-console-note{display:flex;gap:7px;justify-content:center;align-items:center;font-size:8px;color:#9dafc8;line-height:1.8;border-top:1px solid #f0f3f8;padding-top:18px;margin-top:20px}.p-request-options{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.p-request-options button{display:grid;grid-template-columns:28px 1fr 20px;column-gap:10px;text-align:start;border:1px solid var(--border);border-radius:10px;background:#fbfdff;padding:20px;transition:background .3s}.p-request-options button:hover{background:#f2f7ff}.p-request-options button>svg:first-child{grid-row:1/3;color:#8aa9d0;stroke-width:1.4}.p-request-options b{font-size:11px;font-weight:600}.p-request-options p{font-size:8px;color:#9bacc3;grid-column:2;line-height:2;margin-top:6px}.p-request-options button>svg:last-child{grid-column:3;grid-row:1/3;align-self:center;color:#afbdd0}.p-record-timeline{padding:10px 8px}.p-record-timeline>div{display:flex;gap:15px;align-items:center;padding:18px 4px;border-bottom:1px solid #eef2f8}.p-record-timeline>div>i{width:8px;height:8px;border-radius:50%;background:#619aea;box-shadow:0 0 0 4px #619aea0a}.p-record-timeline>div>span{flex:1}.p-record-timeline b{display:block;font-size:11px;font-weight:550}.p-record-timeline small{display:block;font-size:8px;color:#9bacbf;margin-top:5px}.p-table-wrap{overflow:auto}.p-table{width:100%;border-collapse:collapse;text-align:start;white-space:nowrap}.p-table th{font-size:9px;color:#97a6bc;padding:16px 20px;background:#fbfcfe;border-bottom:1px solid var(--border);font-weight:500;text-align:start}.p-table td{padding:19px 20px;border-bottom:1px solid #eff3f8;font-size:10px;color:#7489a7}.p-table tr:last-child td{border:0}.p-table tbody tr{transition:background .2s}.p-table tbody tr:hover{background:#fcfdff}.p-table td b{font-size:11px;color:#506b90;font-weight:650}.p-table td small{display:block;font-size:8px;color:#a0afc5;margin-top:5px}.p-table .p-btn{font-size:8px;padding:6px 9px}.p-table code{font:8px monospace;color:#9faec4}.p-table-user{display:flex;align-items:center;gap:10px}.p-table-user>span{width:31px;height:31px;border-radius:9px;background:#eff4fc;color:#6c96d0;display:grid;place-items:center;font-size:12px}.p-support-layout{display:grid;grid-template-columns:285px 1fr;gap:18px;min-height:500px}.p-support-list{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:auto;max-height:650px}.p-support-list>button{display:flex;align-items:start;gap:10px;width:100%;padding:21px 17px;border-bottom:1px solid #f0f3f8;text-align:start;transition:background .2s}.p-support-list>button.active{background:#f2f7ff;border-inline-start:3px solid #679bea}.p-support-list>button>span{flex:1}.p-support-list b{font-size:10px;color:#5c789e;display:block}.p-support-list small{font-size:8px;color:#9cb0ca;display:block;margin-top:9px}.p-support-list .p-badge{font-size:7px;padding:3px 5px}.p-conversation{display:flex;flex-direction:column;max-height:700px}.p-conversation-head{display:flex;justify-content:space-between;gap:15px;padding:23px;border-bottom:1px solid var(--border)}.p-conversation-head h3{font-size:13px;line-height:1.8}.p-conversation-head small{display:block;font-size:8px;color:#9cb0c9;margin-top:6px}.p-conversation-head>div:last-child{display:flex;flex-direction:column;align-items:end;gap:8px}.p-conversation-head .p-btn{padding:5px 8px;font-size:8px}.p-message-list{padding:26px 23px;background:#fbfcfe;overflow:auto;flex:1;min-height:250px;display:flex;flex-direction:column;gap:20px}.p-message{background:#fff;border:1px solid #e9eef7;border-radius:11px;padding:17px 19px;width:90%;align-self:flex-start}.p-message.admin{background:#f0f6ff;border-color:#e0eafb;align-self:flex-end}.p-message>span{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:8px;color:#7593bb}.p-message small{font-size:7px;color:#a0b3cc}.p-message p{font-size:11px;line-height:2;color:#6481a7;margin-top:10px;white-space:pre-wrap;overflow-wrap:anywhere}.p-reply{border-top:1px solid var(--border);padding:20px}.p-reply textarea{width:100%;background:#fafcff;border:1px solid #e5edf9;border-radius:8px;padding:12px;resize:vertical;min-height:72px;font-size:11px;color:#5c7caa}.p-reply .p-btn{font-size:9px;margin-top:10px}.p-ticket-closed{padding:22px;font-size:10px;color:#9baac0;text-align:center}.p-info-banner{display:flex;gap:10px;align-items:center;padding:17px 20px;background:#eef5ff;border:1px solid #e1edff;border-radius:11px;font-size:10px;color:#6f91bc;line-height:2;margin-bottom:22px}.p-info-banner svg{flex-shrink:0}.p-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.p-plan{background:#fff;border:1px solid var(--border);border-radius:13px;padding:24px}.p-plan>div:first-child{display:flex;align-items:center;justify-content:space-between;font:9px Arial;color:#9cb0cc}.p-plan .p-neutral-chip{margin:0;font-size:7px}.p-plan h3{font-size:18px;margin:23px 0 14px}.p-plan>strong{font-size:27px;font-weight:750;color:#2d649e;line-height:1.6}.p-plan>p{font-size:9px;color:#8ca2c0;line-height:2;margin:15px 0;min-height:40px}.p-plan .p-resource-row{gap:8px}.p-plan .p-resource-row span{font-size:8px}.p-plan .p-btn{width:100%;font-size:9px}.p-settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.p-settings-body{padding:26px}.p-settings-body>h3{font-size:15px;line-height:2;margin-bottom:12px}.p-settings-body>p{font-size:10px;color:#91a5c2;line-height:2}.p-settings-body>small{font-size:8px;line-height:2;color:#a5b4c9;display:block;margin-top:24px}.p-settings-body .p-btn{margin-top:18px;margin-inline-end:8px}.p-whatsapp-status{display:flex;gap:15px;align-items:center;padding:17px;border:1px solid #dfefe8;background:#f2fbf7;border-radius:10px;color:#559e80}.p-whatsapp-status b{font-size:12px;display:block;font-weight:650}.p-whatsapp-status p{font-size:9px;color:#95b4a5;line-height:2;margin-top:6px}.p-settings-values{display:flex;flex-direction:column;margin:23px 0;gap:0}.p-settings-values>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #eff2f8}.p-settings-values small{font-size:9px;color:#9cacc3}.p-settings-values b{font-size:11px;color:#607da6;font-weight:600;overflow-wrap:anywhere}.p-secure-icon{width:64px;height:64px;border-radius:18px;background:#f0f6ff;color:#8ca9d0;display:grid;place-items:center;margin-bottom:22px}.p-account-email{padding:13px;background:#f8fafd;border:1px solid #e7eff8;border-radius:7px;font:10px Arial;color:#708daf;margin-top:20px}.p-account-panel{max-width:680px}.p-avatar.large{width:67px;height:67px;font-size:24px;border-radius:18px;margin-bottom:20px}.p-account-panel h2{font-size:23px}.p-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #e8edf5;padding:23px 0;margin-top:42px;color:#a0aec4;font-size:8px}.p-footer>span:first-child{font:8px Arial;direction:ltr}.p-footer>a{display:flex;align-items:center;gap:5px;color:#93aacb}.p-toast{position:fixed;bottom:25px;left:25px;z-index:90;background:#193754;color:#d6e7fb;padding:13px 18px;border:1px solid #446488;border-radius:10px;box-shadow:0 15px 35px #18345125;display:flex;align-items:center;gap:11px;font-size:11px;animation:pEnter .3s ease}.p-toast>svg{color:#80d5b6}.p-toast>button{display:flex;color:#9db5d1;padding:0;margin-inline-start:10px}.p-dialog{border:1px solid #dbe5f4;border-radius:17px;background:#fff;color:#173257;width:min(660px,calc(100% - 28px));padding:0;max-height:90dvh;box-shadow:0 22px 100px #13244033}.p-dialog::backdrop{background:#11264088;backdrop-filter:blur(4px)}.p-dialog[open]{animation:pEnter .25s ease-out}.p-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 28px;border-bottom:1px solid var(--border)}.p-dialog-head h2{font-size:23px;margin-top:5px;font-weight:750}.p-dialog-head>button{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f6f9ff;color:#819bbc}.p-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 17px;padding:26px 28px}.p-form label{display:block;min-width:0}.p-form label>span{font-size:10px;color:#7f96b7;display:block;margin-bottom:7px}.p-form label b{color:#d39494;font-size:10px}.p-form input,.p-form select,.p-form textarea{width:100%;padding:10px 12px;border:1px solid #e3ebf7;border-radius:7px;background:#fafcff;color:#5b7ca5;font-size:11px;min-height:40px}.p-form textarea{resize:vertical;line-height:2}.p-form .wide{grid-column:1/-1}.p-field-help{font-size:9px;line-height:2;color:#9eb0c8;background:#f8faff;padding:12px 15px;border:1px solid #eef3fa;border-radius:8px}.p-form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #edf2fa;padding-top:20px;margin-top:1px}.p-form-error{display:flex;align-items:center;gap:8px;border-radius:8px;border:1px solid #f3dddd;background:#fff4f4;color:#be7b7b;padding:12px 15px;font-size:10px}.p-invoice-detail{padding:30px}.p-invoice-total{display:flex;flex-direction:column;align-items:center;padding:23px 0 30px}.p-invoice-total>span{font:11px Arial;color:#8b9bb2}.p-invoice-total>strong{font-size:38px;color:#2a5f9e;margin:18px 0}.p-invoice-detail>p{font-size:11px;color:#849ec1;margin:20px 0;white-space:pre-wrap}.p-invoice-detail>small{font-size:9px;color:#a9b8cb;display:block;margin-top:15px}.p-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:35px;color:#7c96b9}.p-loading h2{font-size:22px;color:#365b85}.p-loading p{font-size:12px}.p-loading a{font-size:11px;color:#6794d6}.p-loader{width:28px;height:28px;border:2px solid #dce8fa;border-top-color:#5b8cd2;border-radius:50%;animation:pRotate 1s linear infinite}.p-spin{animation:pRotate 1.2s linear infinite}.p-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.p-side-shade{display:none}@keyframes pFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}@keyframes pPulse{0%,100%{opacity:1}50%{opacity:.4}}@keyframes pRotate{to{transform:rotate(360deg)}}@keyframes pEnter{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.p-main{padding-inline:50px}.p-header{padding-inline:max(40px,calc((100vw - 1520px)/2))}.p-sidebar{border-inline-start:1px solid var(--border)}}@media(max-width:1250px){.p-header{gap:25px;padding:0 28px}.p-brand img{width:190px}.p-header nav{gap:15px;font-size:10px}.p-user-chip b{max-width:100px}.p-header-actions{gap:13px}.p-main{padding:26px 25px 0}.p-layout{grid-template-columns:219px minmax(0,1fr)}.p-sidebar{padding-inline:15px}.p-stats{gap:11px}.p-stat{padding:17px 12px;gap:9px}.p-stat>span{width:32px;height:32px}.p-stat strong{font-size:20px}.p-stat small{font-size:8px}.p-welcome{padding:25px}.p-welcome h2{font-size:23px}.p-server-illustration{width:130px;margin:0 14px}.p-home-grid{gap:15px}.p-panel-head{padding:16px 18px}.p-support-layout{grid-template-columns:255px 1fr}.p-plans-grid{grid-template-columns:repeat(2,1fr)}.p-access-grid{padding:18px}.p-console-head{flex-wrap:wrap;gap:15px}.p-console-actions{margin-inline-start:auto}.p-server-banner h2{font-size:17px}}
@media(max-width:1000px){.p-header nav{display:none}.p-layout{grid-template-columns:205px minmax(0,1fr)}.p-main{padding:25px 20px 0}.p-stats{grid-template-columns:repeat(2,1fr);gap:13px}.p-stat{padding:18px}.p-stat strong{font-size:23px}.p-home-grid{grid-template-columns:1fr}.p-services-grid{grid-template-columns:1fr}.p-support-layout{grid-template-columns:1fr}.p-support-list{max-height:240px}.p-support-list>button{padding:16px}.p-settings-grid{grid-template-columns:1fr}.p-sidebar nav button{font-size:9px}.p-server-illustration{width:95px;margin-inline-start:20px}.p-welcome h2{font-size:21px}.p-welcome p{font-size:9px}.p-access-grid{grid-template-columns:1fr 1fr}.p-access-grid>div:last-child{grid-column:1/-1}.p-billing-grid{grid-template-columns:1fr 1fr;gap:20px}.p-billing-grid>div:nth-child(3){border:0;padding:0}.p-console-tabs button{padding:6px 9px;font-size:8px}.p-console-actions .p-btn{padding:6px 7px;font-size:7px}.p-server-banner{flex-wrap:wrap;gap:13px}.p-server-banner>div:nth-child(2){min-width:150px}.p-server-banner>.p-btn{margin-inline-start:auto}.p-server-banner p{font-size:8px}.p-console-note{font-size:7px}.p-footer{font-size:7px}.p-footer>span:nth-child(2){display:none}}
@media(max-width:760px){.p-top-strip{padding:0 20px;height:27px;font-size:8px}.p-header{height:68px;padding:0 19px;gap:15px}.p-brand img{width:178px}.p-header-actions{gap:12px}.p-user-chip{padding:4px;background:none;border:0}.p-user-chip b,.p-user-chip>svg{display:none}.p-header-link{display:none}.p-mobile-menu{display:flex;color:#577aa6}.p-layout{display:block}.p-sidebar{position:fixed;top:68px;right:0;width:244px;height:calc(100dvh - 68px);z-index:40;transform:translateX(100%);transition:transform .25s;border-inline-end:1px solid #dce7f7;box-shadow:-15px 0 45px #1d304316}.p-sidebar.open{transform:translateX(0)}.p-side-intro b{font-size:11px}.p-sidebar nav button{font-size:11px;padding:11px 13px}.p-side-intro small{font-size:9px}.p-side-contact h4{font-size:13px}.p-side-contact p{font-size:10px}.p-side-contact button{font-size:10px}.p-side-shade{display:block;position:fixed;inset:68px 0 0;background:#10274455;z-index:35}.p-main{padding:22px 18px 0;max-width:none}.p-breadcrumb{font-size:7px;margin-bottom:16px;gap:6px}.p-breadcrumb button{font-size:7px}.p-page-heading{margin-bottom:22px;align-items:start;gap:12px}.p-page-heading h1{font-size:24px}.p-page-heading p{font-size:9px;line-height:1.9;max-width:260px}.p-page-heading .p-eyebrow{font-size:6px;letter-spacing:1.2px}.p-page-actions .p-btn{font-size:8px;padding:7px 10px;gap:5px}.p-page-actions .p-btn svg{width:13px}.p-icon-btn{width:31px;height:31px}.p-page-actions{gap:6px;padding-top:17px}.p-welcome{padding:25px 22px;min-height:190px}.p-welcome h2{font-size:22px}.p-welcome p{font-size:9px;max-width:280px}.p-server-illustration{width:105px;position:absolute;left:20px;bottom:22px;opacity:.5;margin:0;z-index:-1}.p-orbit{width:155px;height:155px;top:calc(50% - 78px);left:calc(50% - 78px)}.p-welcome .p-btn{font-size:9px}.p-stats{gap:12px;margin:18px 0 22px}.p-stat{padding:17px 12px;gap:10px}.p-stat>span{width:32px;height:32px;border-radius:8px}.p-stat>span svg{width:17px}.p-stat strong{font-size:22px}.p-stat small{font-size:8px}.p-stat p{font-size:7px}.p-panel-head{padding:17px 18px}.p-panel-head h3{font-size:11px}.p-empty{padding:35px 19px}.p-empty h3{font-size:13px}.p-empty p{font-size:9px}.p-mini-services{padding:0 17px}.p-mini-services>button{gap:9px}.p-mini-services b{font-size:10px}.p-mini-services small{font-size:7px}.p-badge{font-size:7px;padding:3px 6px}.p-mini-invoices{padding:0 17px}.p-mini-invoices>div{gap:8px}.p-mini-invoices strong{font-size:10px}.p-overview-tickets{margin-top:17px}.p-toolbar{padding:12px;gap:8px;flex-wrap:wrap;margin-bottom:17px}.p-toolbar>label{min-width:160px}.p-toolbar input{font-size:10px}.p-toolbar>div{padding-inline-start:9px;gap:3px}.p-toolbar select{font-size:9px;max-width:115px}.p-toolbar .p-btn{font-size:8px;margin-inline-start:auto}.p-table th{padding:13px 14px;font-size:8px}.p-table td{padding:16px 14px;font-size:9px}.p-table td b{font-size:10px}.p-table td small{font-size:7px}.p-service-card{padding:22px}.p-service-card h3{font-size:19px}.p-service-card>p{font-size:9px}.p-resource-row>span{font-size:9px;gap:6px}.p-service-card-foot b{font-size:13px}.p-server-banner{padding:20px 18px;gap:12px}.p-server-banner h2{font-size:18px}.p-server-banner p{line-height:2;font-size:7px}.p-banner-icon{width:41px;height:41px}.p-banner-icon:has(img){width:125px;height:52px;padding:12px}.p-server-banner .p-btn{font-size:8px}.p-access-grid{padding:17px;gap:14px}.p-access-grid b{font-size:9px}.p-access-grid small{font-size:7px}.p-billing-grid{padding:18px;gap:20px}.p-billing-grid b{font-size:10px}.p-billing-grid small{font-size:7px}.p-server-console{padding:17px}.p-console-head h3{font-size:17px}.p-console-head .p-badge{font-size:7px}.p-console-head{gap:15px}.p-console-actions{gap:5px;flex-wrap:wrap}.p-console-actions .p-btn{padding:6px 7px;font-size:7px}.p-console-tabs{gap:3px;width:100%;overflow:auto}.p-console-tabs button{padding:6px 9px;gap:5px;flex:1;white-space:nowrap;justify-content:center;font-size:7px}.p-console-tabs svg{width:12px}.p-console-grid{gap:11px}.p-console-box{padding:14px;min-height:150px}.p-console-box h4{font-size:8px;gap:6px;margin-bottom:19px}.p-console-box>strong{font-size:25px}.p-console-box>strong small{font-size:8px}.p-console-box p{font-size:7px}.p-graph-placeholder{height:85px}.p-graph-placeholder span{font-size:6px;gap:7px;padding:8px}.p-graph-placeholder svg{width:21px}.p-console-note{font-size:7px;line-height:2;align-items:flex-start;text-align:center;padding-top:15px;margin-top:18px}.p-console-note svg{flex-shrink:0;margin-top:3px}.p-request-options{grid-template-columns:1fr;gap:10px}.p-request-options button{padding:17px}.p-record-timeline b{font-size:10px}.p-record-timeline small{font-size:8px}.p-support-list{max-height:220px}.p-conversation-head{padding:20px}.p-conversation-head h3{font-size:12px}.p-message-list{padding:22px 16px}.p-message{padding:14px 15px;width:95%}.p-message p{font-size:10px}.p-reply{padding:17px}.p-reply textarea{font-size:10px}.p-info-banner{font-size:9px;padding:15px;gap:8px}.p-plans-grid{grid-template-columns:1fr}.p-plan{padding:25px}.p-plan>p{min-height:0}.p-plan .p-resource-row span{font-size:10px}.p-settings-body{padding:23px}.p-whatsapp-status{padding:15px;gap:12px}.p-whatsapp-status b{font-size:11px}.p-whatsapp-status p{font-size:8px}.p-settings-values small{font-size:8px}.p-settings-values b{font-size:10px}.p-settings-body>h3{font-size:14px}.p-settings-body>p{font-size:9px}.p-footer{margin-top:30px;padding:23px 0;font-size:7px}.p-toast{bottom:16px;left:14px;right:14px;font-size:10px;gap:8px;max-width:470px;margin:auto;padding:12px 14px}.p-dialog-head{padding:22px}.p-dialog-head h2{font-size:21px}.p-form{padding:22px;gap:15px 12px}.p-form label>span{font-size:9px}.p-form input,.p-form select,.p-form textarea{font-size:10px;padding:9px 10px}.p-field-help{font-size:8px;line-height:2}.p-invoice-detail{padding:23px}.p-invoice-total>strong{font-size:32px}.p-invoice-detail>p{font-size:10px}.p-invoice-detail>small{font-size:8px}.p-dialog{max-height:92dvh}}
@media(max-width:390px){.p-brand img{width:158px}.p-stat{padding:14px 10px;gap:8px}.p-stat>span{width:28px;height:28px}.p-stat strong{font-size:19px}.p-stat small{font-size:7px}.p-stat p{font-size:7px}.p-page-heading h1{font-size:22px}.p-console-grid{grid-template-columns:1fr}.p-form{grid-template-columns:1fr}.p-form label{grid-column:1/-1}.p-server-banner .p-banner-icon:has(img){width:125px}.p-console-tabs button{font-size:6px;padding:6px 6px}.p-user-chip{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Cart and order-request checkout */
.s-main{width:min(1170px,calc(100% - 70px));margin:32px auto 0}.s-heading{margin:25px 0}.s-heading h1{font-size:34px;letter-spacing:-1px;margin:8px 0 10px}.s-heading p{color:#91a5c1;font-size:12px}.s-steps{display:flex;gap:22px;border-bottom:1px solid #e2e9f4;padding:0 0 23px;margin:28px 0 30px}.s-steps button{display:flex;align-items:center;gap:9px;font-size:10px;color:#97a8c0}.s-steps button>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#eaf0f8;color:#97abc5;font:10px Arial}.s-steps button.active{color:#397bd6}.s-steps button.active>span{background:#2869ee;color:#fff}.s-cart-button{display:flex;align-items:center;gap:8px;font-size:10px;color:#6281aa}.s-cart-button b{display:grid;place-items:center;border-radius:5px;background:#e8f0fc;color:#6695d4;width:21px;height:21px;font:10px Arial}.s-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.s-filter button{padding:9px 16px;border:1px solid #e2eaf7;border-radius:8px;background:#fff;color:#88a0c0;font-size:10px}.s-filter button.active{background:#2869ee;color:#fff;border-color:#2869ee}.s-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.s-product{border:1px solid #e2eaf5;background:#fff;border-radius:16px;padding:28px;transition:translate .3s,box-shadow .3s}.s-product:hover{translate:0 -4px;box-shadow:0 13px 35px #1e3c6210}.s-product-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;gap:12px}.s-product-icon{width:48px;height:48px;display:grid;place-items:center;color:#76a2dd;background:#f0f5ff;border:1px solid #e3edfd;border-radius:13px;flex-shrink:0}.s-product-head small{font:8px Arial;color:#9aaeca;letter-spacing:1px}.s-n8n-logo{background:#fff;min-width:140px;border:1px solid #edf0f6;border-radius:10px;padding:14px}.s-n8n-logo img{display:block}.s-product h3{font-size:24px;letter-spacing:-.6px;margin:8px 0 13px}.s-product>p{font-size:10px;color:#9aacc5;line-height:2;min-height:45px}.s-product-price{margin:23px 0;display:flex;align-items:baseline;gap:7px}.s-product-price strong{font-size:29px;font-weight:750;color:#3e70ac;letter-spacing:-.5px}.s-product-price>span{font-size:9px;color:#9aabc1}.s-product .p-btn{width:100%;font-size:10px;margin-top:5px;padding:12px}.s-catalog-note{text-align:center;color:#a7b5c9;font-size:9px;margin-top:26px;line-height:2}.s-catalog-empty{background:#fff;border:1px solid #e2eaf6;border-radius:15px;padding:65px 25px;text-align:center;color:#9cb1ce;display:flex;flex-direction:column;align-items:center;gap:20px}.s-catalog-empty h3{font-size:20px;color:#627faa}.s-catalog-empty p{font-size:11px;line-height:2;max-width:440px}.s-catalog-empty .p-btn{margin-top:10px}.s-checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:28px;align-items:start}.s-section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px}.s-section-head h2{font-size:20px;letter-spacing:-.5px}.s-section-head h2>span{display:inline-block;font:11px Arial;border:1px solid #dce8f8;background:#eef4fd;color:#8aa7ce;border-radius:5px;padding:4px 7px;margin-inline-start:8px}.s-section-head>button{display:flex;align-items:center;gap:5px;color:#7196c6;font-size:10px}.s-cart-item{padding:24px;background:#fff;border:1px solid #e1eaf7;border-radius:13px;margin-bottom:19px}.s-cart-item-top{display:flex;gap:14px;align-items:center}.s-cart-item-top>div{flex:1}.s-cart-item-top h3{font-size:18px}.s-cart-item-top p{font:9px Arial;color:#96abca;margin-top:7px;direction:ltr;text-align:right}.s-cart-item-top>strong{font-size:15px;font-weight:650;color:#7294bc}.s-config-chips{display:flex;gap:7px;margin-top:22px;flex-wrap:wrap}.s-config-chips>span{font-size:8px;color:#93a8c5;border:1px solid #e5edf8;background:#fafcff;padding:4px 8px;border-radius:5px;display:flex;align-items:center;gap:5px}.s-cart-actions{display:flex;gap:20px;border-top:1px solid #f0f3f8;padding-top:17px;margin-top:18px}.s-cart-actions button{font-size:9px;color:#809ec8;display:flex;align-items:center;gap:6px}.s-cart-actions button:last-child{color:#c2939b;margin-inline-start:auto}.s-summary{position:sticky;top:105px;padding:27px;background:#fff;border:1px solid #dee8f7;border-radius:15px}.s-summary h3{font-size:21px;margin:10px 0 27px}.s-summary-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid #eef2f8}.s-summary-item>span{flex:1}.s-summary-item b{font-size:11px;color:#7390b4;font-weight:600;display:block}.s-summary-item small{font-size:8px;color:#a4b3c9;display:block;margin-top:5px}.s-summary-item>strong{font-size:11px;color:#7390b4;font-weight:600}.s-total{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 0;border-bottom:1px solid #edf2f9}.s-total>span{font-size:11px;color:#809abd}.s-total>strong{font-size:20px;color:#436e9f;font-weight:750}.s-summary>p{font-size:9px;line-height:2;color:#a6b5ca;margin:22px 0}.s-summary>.p-btn{width:100%;font-size:10px;padding:12px;margin:0 0 16px}.s-no-payment{display:flex;align-items:center;justify-content:center;gap:7px;color:#93b4aa;font-size:8px}.s-checkout-form{background:#fff;border:1px solid #e1eaf7;border-radius:15px;overflow:hidden}.s-checkout-form>.s-section-head{padding:24px;border-bottom:1px solid #eaf0f8;margin:0}.s-checkout-form .p-form{padding:28px}.s-submit-note{display:flex;align-items:start;gap:10px;background:#f2f8ff;border:1px solid #e1edfd;color:#94afd3;border-radius:10px;padding:15px}.s-submit-note svg{flex-shrink:0;margin-top:3px}.s-submit-note p{font-size:9px;line-height:2.1}.s-submit{padding:14px;font-size:13px!important;margin-top:4px}.s-error{margin-bottom:20px}.s-unavailable{font-size:9px;color:#c98791;margin-top:15px}.s-loading{display:flex;align-items:center;justify-content:center;gap:15px;padding:100px 20px;color:#82a0c9;font-size:12px}.s-success{max-width:700px;background:#fff;border:1px solid #dfebf8;border-radius:18px;margin:45px auto;padding:45px;text-align:center}.s-success>div{display:grid;place-items:center;background:#effbf5;color:#67b797;border:1px solid #d9f2e7;border-radius:22px;width:85px;height:85px;margin:0 auto 25px}.s-success h2{font-size:30px;letter-spacing:-.7px;margin:13px 0}.s-success>p{font-size:12px;color:#9ab0cd;line-height:2;max-width:480px;margin:auto}.s-success dl{margin:30px 0}.s-success dl>div{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #edf3fa;font-size:11px}.s-success dt{color:#99b0ce}.s-success dd{margin:0;color:#6d91c0}.s-success .p-btn{margin:12px 5px 0;font-size:11px}.s-backup-check{display:flex!important;align-items:center;gap:9px;padding:22px 0 0}.s-backup-check input{width:16px!important;height:16px!important;min-height:0!important;accent-color:#2869ee}.s-backup-check span{margin:0!important;font-size:10px!important}.s-config-dialog .p-dialog-head h2{direction:ltr;text-align:right}
@media(max-width:1000px){.s-product-grid{grid-template-columns:repeat(2,1fr)}.s-checkout-layout{grid-template-columns:1fr 300px;gap:20px}.s-main{width:calc(100% - 50px)}.s-product{padding:24px}.s-product-price strong{font-size:25px}.s-summary{padding:23px}.s-summary h3{font-size:20px}.s-cart-item{padding:21px}.s-cart-item-top h3{font-size:17px}.s-cart-item-top>strong{font-size:13px}}
@media(max-width:760px){.s-main{width:calc(100% - 34px);margin-top:22px}.s-heading{margin:20px 0}.s-heading h1{font-size:27px;line-height:1.6;letter-spacing:-.6px}.s-heading p{font-size:10px;line-height:2}.s-steps{gap:14px;padding:0 0 20px;margin:25px 0}.s-steps button{font-size:8px;gap:6px;padding:0}.s-steps button>span{width:23px;height:23px;font-size:9px}.s-cart-button{font-size:9px;gap:7px}.s-cart-button>span{display:none}.s-cart-button b{font-size:9px;width:19px;height:19px}.s-filter{gap:7px;margin-bottom:20px}.s-filter button{font-size:9px;padding:8px 12px}.s-product-grid{grid-template-columns:1fr;gap:19px}.s-product{padding:27px}.s-product h3{font-size:25px}.s-product>p{font-size:11px;min-height:0}.s-product-price strong{font-size:31px}.s-product .p-btn{font-size:11px}.s-catalog-note{font-size:8px;line-height:2}.s-checkout-layout{grid-template-columns:1fr;gap:18px}.s-summary{position:relative;top:auto;padding:24px}.s-section-head h2{font-size:18px}.s-section-head>button{font-size:9px}.s-cart-item{padding:21px}.s-cart-item-top{gap:11px;flex-wrap:wrap}.s-cart-item-top h3{font-size:19px}.s-cart-item-top p{font-size:8px}.s-cart-item-top>strong{font-size:14px}.s-config-chips{gap:6px;margin-top:18px}.s-config-chips>span{font-size:8px}.s-summary>p{font-size:9px}.s-summary-item b{font-size:12px}.s-summary-item>strong{font-size:12px}.s-total>strong{font-size:22px}.s-no-payment{font-size:9px}.s-checkout-form .p-form{padding:23px}.s-checkout-form>.s-section-head{padding:22px}.s-submit-note p{font-size:9px}.s-success{padding:30px 23px;margin:30px 0}.s-success h2{font-size:27px}.s-success>p{font-size:10px}.s-success dl>div{font-size:9px;gap:10px}.s-success dd{font-size:9px}.s-success .p-btn{font-size:10px;width:100%;margin:10px 0 0}.s-catalog-empty{padding:50px 22px}.s-catalog-empty h3{font-size:19px}.s-catalog-empty p{font-size:10px}.s-loading{font-size:11px;padding:70px 20px}.s-submit{font-size:12px!important}.s-product .p-resource-row>span{font-size:10px}}
.s-coupon{display:flex;gap:8px;align-items:flex-end;margin:23px 0 10px}.s-coupon label{flex:1}.s-coupon label span{display:block;font-size:9px;color:#99abc5;margin-bottom:8px}.s-coupon input{width:100%;min-width:60px;border:1px solid #dfebf8;background:#f8fbff;border-radius:7px;padding:10px;color:#7c9bc4;font:10px Arial}.s-coupon>button{padding:10px 13px;color:#7e9bc5;background:#edf4ff;border:1px solid #dceafa;border-radius:7px;font-size:9px}.s-discount-line{display:flex;align-items:center;gap:8px;padding:13px 0;color:#67a88d;font-size:10px}.s-discount-line b{margin-inline-start:auto;font-size:11px}.s-discount-line button{font:15px Arial;color:#98bba9}.p-integration-form{padding:23px;display:flex;flex-direction:column;gap:14px}.p-integration-form label>span{display:block;font-size:9px;color:#97acc9;margin-bottom:7px}.p-integration-form input,.p-integration-form select{width:100%;border:1px solid #e0ebf8;border-radius:7px;padding:10px;background:#fafcff;color:#7493bd;font-size:11px}.p-integration-form p{font-size:9px;color:#9cabc2;line-height:2}.p-extra-actions{display:flex;gap:10px;margin-bottom:22px;flex-wrap:wrap}.p-order-items{padding:20px;display:flex;flex-direction:column;gap:18px}.p-order-item{padding:20px;background:#f7faff;border:1px solid #e7f0fc;border-radius:10px}.p-order-item h4{font-size:13px;margin-bottom:12px}.p-order-item p{font-size:10px;line-height:2;color:#8ca4c6;white-space:pre-wrap}.p-order-detail-head{padding:24px}.p-order-detail-head h3{font-size:20px;margin-bottom:18px}.p-order-detail-head dl{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:11px}.p-order-detail-head dt{color:#9eb0c8}.p-order-detail-head dd{margin:4px 0 0;color:#7196c5}.p-order-detail .p-form{padding-top:15px}.p-discount-table{margin-top:20px}.p-status-note{font-size:10px;color:#8eb098;margin:15px 0;line-height:2}

/* Softwarezawy customer cloud table, based on the requested classic VPS list. */
.swz-vps-list{background:#fff;border:1px solid #e2e9f3;border-radius:13px;overflow:hidden;margin:0 0 23px;box-shadow:0 6px 24px #0f274a05;color:#24344d}
.swz-vps-home{margin-top:0}
.swz-vps-list-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 22px;border-bottom:1px solid #edf0f7}
.swz-vps-list-head h3{display:flex;gap:9px;align-items:center;font-size:15px}.swz-vps-list-head h3 svg{color:#2869ee}.swz-vps-list-head p{font-size:10px;color:#8395ad;margin-top:4px}
.swz-vps-list-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swz-vps-search{display:flex;align-items:center;gap:8px;padding:0 12px;border-radius:8px;border:1px solid #dce5f3;background:#fafcff;height:38px;min-width:215px;color:#8ca1ba}.swz-vps-search input{border:0;outline:0;background:transparent;min-width:0;flex:1;width:170px;font-size:11px;color:#31445c}.swz-vps-list-tools select{height:38px;background:#fff;border:1px solid #dce5f3;border-radius:8px;padding:0 10px;color:#4a6586;font-size:11px}.swz-vps-refresh{width:38px;height:38px;display:grid;place-items:center;border:1px solid #dce5f3;border-radius:8px;color:#1f65dd}
.swz-vps-scroll{overflow:auto;scrollbar-color:#c9d7eb transparent}.swz-vps-table{border-collapse:collapse;width:100%;min-width:980px;text-align:right;font-size:11px}.swz-vps-table thead{background:#f7faff;color:#7c8fa8}.swz-vps-table th{font-weight:650;padding:13px 12px;white-space:nowrap;text-align:right;border-bottom:1px solid #e8eef7}.swz-vps-table td{padding:16px 12px;border-bottom:1px solid #edf2f9;vertical-align:middle}.swz-vps-table tbody tr:last-child td{border-bottom:0}.swz-vps-table tbody tr:hover{background:#fafdff}.swz-vps-name{display:flex;align-items:center;text-align:right;gap:10px;max-width:240px}.swz-vps-name strong{font-weight:700;display:block;font-size:11px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swz-vps-name small{font-size:9px;color:#8195ac;display:block;text-align:left;direction:ltr;max-width:170px;overflow:hidden;text-overflow:ellipsis}.swz-vps-os{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:9px}.swz-vps-os.win{background:#eaf3ff;color:#1777db}.swz-vps-os.linux{background:#fff2e8;color:#e47d23}
.swz-vps-location{display:block;font-size:10px;color:#6f839d}.swz-vps-ip{display:flex;align-items:center;gap:6px;direction:ltr;justify-content:flex-end;color:#406b9b;margin-top:2px}.swz-vps-ip button{color:#859bb6}.swz-vps-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-weight:600;font-size:9px;border-radius:20px;white-space:nowrap}.swz-vps-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.swz-vps-status.on{color:#139a68;background:#ebfaf2}.swz-vps-status.off{color:#c34c4c;background:#fff0f0}.swz-vps-status.unknown{color:#8799ad;background:#f0f4f8}.swz-vps-spec{display:flex;align-items:center;gap:5px;color:#667b95;white-space:nowrap}.swz-vps-spec+span{margin-top:5px}.swz-vps-spec svg{color:#8da0b8}.swz-table-usage{width:120px;margin-bottom:7px}.swz-table-usage span{display:block;font-size:9px;color:#59728e;white-space:nowrap}.swz-table-meter{height:4px;border-radius:3px;margin-top:5px;background:#edf1f6;overflow:hidden}.swz-table-meter i{height:100%;display:block;background:#21bf78;border-radius:3px}.swz-vps-actions{display:flex;align-items:center;gap:4px;direction:ltr;justify-content:flex-end}.swz-vps-actions button{border:1px solid transparent;border-radius:7px;padding:6px;color:#3272e1}.swz-vps-actions button:hover{background:#eaf2ff}.swz-vps-actions button[title="إيقاف"]{color:#d04c51}.swz-vps-actions button[title="إعادة تشغيل"]{color:#c7920c}.swz-vps-nomatch{text-align:center;padding:35px!important;color:#7b90a7}.swz-vps-msg{padding:10px 20px;margin:0;background:#edf6ff;color:#23588a;font-size:11px}
.swz-vps-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 20px;font-size:10px;color:#8494aa}.swz-vps-footer>div{display:flex;gap:9px;align-items:center}.swz-vps-footer button{padding:5px 9px;color:#2869ee;border-radius:5px;border:1px solid #e3ebf7}.swz-vps-footer button:disabled{opacity:.35}
/* Detailed cloud control panels: common navigation on top, only supported extras below. */
.swz-graphs{padding:20px}.swz-graphs-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.swz-graphs-head h3{font-size:14px}.swz-graphs-head>div{display:flex;gap:8px}.swz-graphs-head select,.swz-graphs-head button{border:1px solid #dbe7f5;border-radius:7px;padding:6px 10px;font-size:11px;background:#fff;color:#5274a4}.swz-graph-note{color:#8195ad;font-size:10px;margin:10px 0 20px}.swz-graph-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:13px}.swz-graph-cards article{border:1px solid #e7effa;border-radius:10px;padding:15px;min-width:0;background:#fbfdff}.swz-graph-cards strong{font:700 12px Arial;color:#345477}.swz-graph-empty{height:180px;display:grid;place-items:center;color:#9baabe;font-size:10px}
.swz-extra-panel{margin:18px 0;border:1px solid #dbe5f2;background:#152239;border-radius:12px;overflow:hidden;color:#ecf4ff;direction:rtl}.swz-extra-header{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#111a2d}.swz-extra-header h3{font-size:14px}.swz-extra-header p{font-size:10px;color:#a7b6cb;margin-top:5px}.swz-extra-header button{color:#b4c3d9}.swz-extra-nav{display:flex;gap:3px;flex-wrap:wrap;padding:10px 16px 0;border-bottom:1px solid #2a3a51}.swz-extra-nav button{font-size:11px;color:#aec3dd;padding:10px;border-bottom:2px solid transparent}.swz-extra-nav button.selected{color:#8eb7ff;border-color:#4482ef}.swz-extra-body{padding:20px;min-height:100px}.swz-extra-readonly,.swz-extra-body p{font-size:10px;color:#bdcce0;margin-bottom:14px}.swz-extra-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.swz-extra-items article{border:1px solid #334663;background:#1c2b43;border-radius:9px;padding:15px;min-width:0}.swz-extra-items strong,.swz-extra-items small{display:block;overflow-wrap:anywhere}.swz-extra-items strong{font-size:11px}.swz-extra-items small{font-size:9px;color:#b6c6dc;margin-top:6px}.swz-extra-empty{color:#b2c3d7;font-size:11px}.swz-extra-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.swz-extra-stats div{border:1px solid #324762;border-radius:9px;padding:13px;background:#1d2e47}.swz-extra-stats span{display:block;font-size:10px;color:#a8bdd8}.swz-extra-stats strong{font-size:21px}.swz-extra-toolbar{display:flex;gap:15px;justify-content:space-between}.swz-extra-toolbar select,.swz-extra-controls input,.swz-extra-install input,.swz-extra-install select{border:1px solid #455874;background:#1d2a41;border-radius:6px;color:#e8f3ff;padding:8px}.swz-extra-controls{display:flex;flex-wrap:wrap;gap:9px;padding:15px 18px;border-top:1px solid #283952}.swz-extra-controls button,.swz-extra-install button{display:inline-flex;align-items:center;gap:7px;background:#275ec9;color:#fff;padding:8px 12px;border-radius:7px;font-size:11px}.swz-extra-controls form{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.swz-extra-controls label{font-size:10px}.swz-extra-controls input{display:block}.swz-extra-install{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.swz-extra-install p{width:100%;color:#f3bebe}.swz-extra-error,.swz-extra-success{display:flex;align-items:center;gap:7px;padding:12px 17px;font-size:11px}.swz-extra-error{color:#ffd3d3;background:#572e3a}.swz-extra-success{color:#b1f0d0;background:#224739}
@media(max-width:768px){.swz-vps-list-head{padding:15px}.swz-vps-list-tools{width:100%}.swz-vps-search{flex:1;min-width:150px}.swz-vps-scroll{max-width:calc(100vw - 48px)}.swz-graph-cards{grid-template-columns:1fr}.swz-extra-stats{grid-template-columns:1fr 1fr}}

.swz-home-secondary{grid-template-columns:1fr}

/* V5.2: make optional controls visually part of Softwarezawy's client panel */
.swz-extra-panel{background:#fff!important;color:#172b4a!important;border:1px solid #e0e8f3!important;box-shadow:none!important;margin:14px 0!important}
.swz-extra-header{background:#f8fbff!important;color:#12253f!important;border-bottom:1px solid #e7edf5!important}
.swz-extra-header p,.swz-extra-readonly,.swz-extra-body p{color:#536684!important}
.swz-extra-header button,.swz-extra-nav button{color:#425b7d!important}
.swz-extra-nav{border-bottom:1px solid #e7edf5!important}
.swz-extra-nav button.selected{color:#1d5fe8!important;border-color:#1d5fe8!important}
.swz-extra-body{min-height:0!important}
.swz-extra-items article,.swz-extra-stats div{background:#f7faff!important;border-color:#e0e8f3!important;color:#162b48!important}
.swz-extra-items small,.swz-extra-stats span{color:#637896!important}
.swz-extra-empty{color:#637896!important}
.swz-extra-toolbar select,.swz-extra-controls input,.swz-extra-install input,.swz-extra-install select{background:#fff!important;border-color:#cbd8e8!important;color:#172b4a!important}

.sc-panel {
  margin-top: 24px;
  overflow: hidden;
}
.sc-panel .p-panel-head {
  gap: 14px;
  flex-wrap: wrap;
}
.sc-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 18px 22px;
  border-bottom: 1px solid #e3ebf6;
}
.sc-tabs button {
  padding: 9px 13px;
  border-radius: 8px;
  color: #587695;
  background: #f3f6fb;
  font-size: 11px;
}
.sc-tabs button.active {
  background: #2869ee;
  color: #fff;
}
.sc-power {
  display: flex;
  align-items: center;
  gap: 9px;
  flex-wrap: wrap;
  padding: 18px 22px;
}
.sc-power .p-btn {
  font-size: 11px;
}
.sc-content {
  padding: 24px;
}
.sc-notice {
  padding: 15px 20px;
  margin: 12px 20px;
  border: 1px solid #d7e5f5;
  background: #f3f8ff;
  color: #365779;
  border-radius: 10px;
  font-size: 12px;
  line-height: 1.9;
}
.sc-notice p {
  margin-top: 7px;
}
.sc-notice input {
  padding: 10px;
  border: 1px solid #d7e5f5;
  border-radius: 7px;
  width: 100%;
  margin: 10px 0;
}
.sc-live-heading {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}
.sc-live-heading small {
  color: #7186a1;
}
.sc-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.sc-metrics article {
  padding: 22px;
  border: 1px solid #e0e9f5;
  border-radius: 12px;
  background: #f9fbff;
}
.sc-metrics span {
  color: #627f9e;
  font-size: 12px;
  display: block;
}
.sc-metrics strong {
  display: block;
  color: #254e76;
  font-size: 20px;
  line-height: 1.7;
  margin-top: 10px;
  overflow-wrap: anywhere;
}
.sc-access {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr);
  gap: 14px;
  padding: 20px 0;
  color: #315677;
  align-items: center;
}
.sc-access dd {
  margin: 0;
  overflow-wrap: anywhere;
}
.sc-secret {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sc-secret input {
  flex: 1;
  min-width: 0;
  padding: 11px;
  border: 1px solid #dce7f5;
  background: #f9fbff;
  border-radius: 8px;
}
.sc-system {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.sc-system form {
  border: 1px solid #e0e9f5;
  border-radius: 12px;
  padding: 22px;
}
.sc-system h3,
.sc-upgrade h3 {
  font-size: 18px;
  margin-bottom: 18px;
}
.sc-system p,
.sc-upgrade p {
  font-size: 12px;
  line-height: 1.9;
  margin: 14px 0;
  color: #526e8a;
}
.sc-system label,
.sc-upgrade label {
  display: block;
  font-size: 12px;
  margin: 15px 0;
  color: #365a80;
}
.sc-system input:not([type="checkbox"]),
.sc-system select,
.sc-upgrade input,
.sc-upgrade select {
  display: block;
  width: 100%;
  margin-top: 9px;
  padding: 12px;
  border: 1px solid #dce6f3;
  border-radius: 8px;
  background: #fff;
  color: #274d72;
}
.sc-check {
  display: flex !important;
  gap: 10px;
  align-items: flex-start;
}
.sc-check input {
  margin-top: 4px;
}
.sc-danger {
  background: #fff0f1;
  color: #a23244 !important;
  border: 1px solid #f3cfd6;
  border-radius: 8px;
  padding: 12px;
}
.sc-screen {
  height: 550px;
  background: #161d27;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 15px;
}
.sc-logs {
  list-style: none;
  padding: 0;
}
.sc-logs li {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 0;
  border-bottom: 1px solid #e5ecf6;
  font-size: 12px;
}
.sc-logs time {
  color: #6d829a;
  font-size: 11px;
}
.sc-panel button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sc-content > .p-field-help {
  margin-top: 20px;
}
.sc-upgrade label {
  max-width: 560px;
}
@media (max-width: 760px) {
  .sc-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .sc-system {
    grid-template-columns: 1fr;
  }
  .sc-content {
    padding: 18px;
  }
  .sc-metrics article {
    padding: 15px;
  }
  .sc-metrics strong {
    font-size: 16px;
  }
  .sc-tabs {
    padding: 15px;
  }
  .sc-screen {
    height: 400px;
  }
  .sc-logs li {
    flex-direction: column;
    gap: 5px;
  }
}

.vx-panel{padding:20px;margin:20px 0;border:1px solid #cbd5e1;border-radius:14px;background:var(--p-panel,#fff);color:#14213d}.vx-panel header{display:flex;justify-content:space-between;gap:12px;align-items:center}.vx-panel p{font-size:13px;line-height:1.8}.vx-panel details{padding:14px 0}.vx-panel summary{cursor:pointer;margin-bottom:14px}.vx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vx-chart{padding:16px;border:1px solid #e2e8f0;border-radius:10px;min-width:0}.vx-chart strong{float:left}.vx-chart svg{display:block;width:100%;margin-top:14px}.vx-panel textarea{width:100%;font:13px monospace;max-width:100%;box-sizing:border-box}.vx-panel .sc-tabs{flex-wrap:wrap}@media(max-width:650px){.vx-grid{grid-template-columns:1fr}.vx-panel{padding:12px}.vx-panel header{align-items:flex-start;flex-direction:column}}
.vx-rules{display:grid;gap:12px}.vx-rule{display:flex;gap:6px;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.vx-rule select,.vx-rule input{min-width:90px;flex:1;width:100px;max-width:100%;padding:8px}.vx-rule input:last-of-type{min-width:150px}

/* Softwarezawy Cloud — MCP unified dashboard / accessible responsive charts */
.swz-virt-wrap {font-family:Cairo,system-ui,sans-serif;min-width:0;}
.swz-setup{margin:18px 22px;border:1px solid #dbe6f4;border-radius:13px;background:#f8fbff;overflow:hidden;}
.swz-setup summary{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:800;color:#254970;cursor:pointer;}
.swz-setup>div{padding:6px 18px 20px}.swz-setup p{font-size:12px;color:#58718c;line-height:1.9}.swz-setup .p-form{margin-top:12px}
.swz-mcp{margin:17px 20px 25px;border:1px solid #dfebf8;box-shadow:0 8px 30px rgba(29,69,113,.055);background:#fff;border-radius:16px;overflow:hidden;color:#213b56;}
.swz-mcp-header{display:flex;align-items:center;gap:16px;padding:25px 25px 20px;flex-wrap:wrap;background:linear-gradient(105deg,#fbfdff,#f2f7ff);}
.swz-mcp-server-icon{width:51px;height:51px;display:grid;place-items:center;background:#e6f0ff;color:#2474ef;border-radius:13px;flex-shrink:0}
.swz-mcp-heading{flex:1;min-width:180px}.swz-mcp-topline{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.swz-mcp-topline b{font-size:19px;letter-spacing:.1px;color:#17314e;overflow-wrap:anywhere}.swz-live-pill{font-size:10px;background:#e7f9ef;color:#117a4e;padding:5px 12px;border-radius:50px;font-weight:800;display:flex;align-items:center;gap:7px}.swz-live-pill span{width:7px;height:7px;border-radius:50%;background:#18b972;box-shadow:0 0 0 4px #d5f4e2}.swz-mcp-heading p{font-size:12px;line-height:1.8;color:#7d91a8;margin-top:3px;overflow-wrap:anywhere}.swz-mcp-heading p span{padding:0 7px;color:#bac9db}
.swz-refresh,.swz-graph-actions button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dee8f3;border-radius:9px;width:38px;height:38px;background:#fff;color:#466788;cursor:pointer;box-shadow:0 2px 6px rgba(34,65,93,.04);}.swz-refresh:hover,.swz-graph-actions button:hover{background:#eaf2ff;color:#246ee0}
.swz-mcp-nav{display:flex;gap:5px;padding:0 23px;border-bottom:1px solid #e5edf5;overflow-x:auto;scrollbar-width:thin;}.swz-mcp-nav button{white-space:nowrap;padding:15px 14px;border-bottom:2px solid transparent;background:transparent;color:#6b839e;font-size:12px;font-weight:700;cursor:pointer;}.swz-mcp-nav button.selected{color:#1a70f1;border-bottom-color:#2b7afb}.swz-mcp-nav button:hover{color:#2476e8}
.swz-mcp-body{padding:24px}.swz-mcp-body h3{font-size:16px;margin-bottom:15px;font-weight:800;color:#284562}
.swz-quick-control{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f5f9ff;border:1px solid #e7edf8;border-radius:12px;padding:17px;margin-bottom:18px}.swz-quick-control>b{font-size:13px}.swz-quick-control>div{display:flex;gap:8px;flex-wrap:wrap}.swz-quick-control button{border:1px solid #d8e5f5;border-radius:9px;background:#fff;color:#34658a;font-size:12px;display:flex;align-items:center;gap:8px;padding:9px 13px;cursor:pointer}.swz-quick-control button:hover{background:#e8f2ff}.swz-quick-control button:disabled{opacity:.4;cursor:not-allowed}
.swz-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.swz-stat{padding:18px;border:1px solid #e5edf5;background:#fcfdff;border-radius:12px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.swz-stat>svg{color:#4c91ed}.swz-stat span{font-size:11px;color:#7991aa}.swz-stat b{font-size:16px;color:#203e5e;word-break:break-word;font-family:Cairo,system-ui,sans-serif}
.swz-monitor-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.swz-monitor-head h3{margin-bottom:3px}.swz-monitor-head p{font-size:11px;color:#8ca0b4;line-height:1.7}.swz-monitor-head select{border:1px solid #dfe9f3;background:#fff;border-radius:9px;padding:10px;color:#436486;font-family:inherit;font-size:12px}
.swz-graph-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.swz-graph{border:1px solid #e4edf7;border-radius:14px;padding:16px 9px;background:#fff;min-width:0;box-shadow:0 3px 12px rgba(36,75,112,.035)}.swz-graph-head{display:flex;align-items:center;justify-content:space-between;padding:4px 12px 17px;gap:12px}.swz-graph-head b{display:block;font-size:13px;color:#294761}.swz-graph-head small{display:block;font-size:10px;color:#91a2b7;margin-top:5px}.swz-graph-actions{display:flex;gap:5px;flex-shrink:0}.swz-graph-actions button{width:30px;height:30px}.swz-chart-container{direction:ltr!important;user-select:none}.swz-empty-chart{height:240px;display:grid;place-items:center;text-align:center;color:#8596a7;background:linear-gradient(#fff,#fafcff);margin:0 12px;font-size:12px;border-radius:10px}
.swz-help{font-size:11px;color:#748ba4;line-height:2;margin-top:18px}.swz-warning{padding:12px;background:#fff4ed;border:1px solid #ffd8bc;border-radius:9px;color:#ad643a}.swz-os-form{display:grid;grid-template-columns:1fr 1fr;gap:17px;max-width:900px}.swz-os-form label{display:flex;flex-direction:column;gap:8px;font-size:12px}.swz-os-form input,.swz-os-form select{min-width:0;width:100%;padding:11px;border:1px solid #dce8f5;border-radius:8px;background:#fff;color:#29547c}.swz-os-form .p-btn{grid-column:1/-1;justify-self:start}
.swz-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.swz-items article{border:1px solid #e2e9f5;border-radius:10px;padding:15px;background:#fafdff;overflow-wrap:anywhere}.swz-items b{font-size:13px}.swz-items p{font-size:11px;color:#7790aa;margin-top:6px}.swz-no-items{font-size:12px;color:#8c9eae;padding:18px}.swz-error,.swz-success{display:flex;align-items:center;gap:9px;padding:13px 17px;margin:13px 21px;border-radius:8px;font-size:12px;line-height:1.8}.swz-error{color:#a53648;background:#fff3f3;border:1px solid #ffe0e2}.swz-success{color:#136d49;background:#ecfff5;border:1px solid #c6f3da}
@media(max-width:1000px){.swz-graph-grid{grid-template-columns:1fr}}
@media(max-width:700px){.swz-mcp{margin:10px 9px 20px}.swz-mcp-header{padding:16px}.swz-mcp-nav{padding:0 9px}.swz-mcp-body{padding:15px}.swz-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.swz-stat{padding:12px}.swz-stat b{font-size:13px}.swz-graph{padding:10px 3px}.swz-graph-head{padding:7px 12px 14px}.swz-os-form,.swz-items{grid-template-columns:1fr}.swz-setup{margin:10px}}