:root{--kc:#1769e0;--kc2:#0ea5e9;--ink:#14233b;--sub:#66768d;--line:#dce5ef;--soft:#f6f9fd;--panel:#fff;--ok:#0b8f68;--warn:#b76708;--danger:#c53949;--shadow:0 12px 34px rgba(28,55,91,.08)}
html{scroll-behavior:smooth}body{background:#f7f9fc;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}body.public-body{background:linear-gradient(180deg,#fff 0,#f7faff 52%,#fff 100%)}a{transition:.18s ease}.muted,.fine{color:var(--sub)!important}.public-top{height:74px;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(220,229,239,.9)!important;box-shadow:0 4px 20px rgba(25,53,88,.035)}.public-top nav{gap:20px}.public-top nav a{font-size:14px;font-weight:650}.brand-full{display:inline-flex!important;align-items:center;gap:10px}.kmark{display:grid;place-items:center;width:38px;height:38px}.kmark img{width:100%;height:100%;filter:drop-shadow(0 5px 12px rgba(23,105,224,.18))}.kword{display:inline-flex;align-items:baseline;gap:1px;color:#13213a!important;letter-spacing:-.03em}.kword strong{color:#13213a}.kword span{color:var(--kc)!important;font-weight:800}.btn{border-radius:10px;background:linear-gradient(135deg,var(--kc),#358cf4);color:#fff;box-shadow:0 7px 18px rgba(23,105,224,.17);font-weight:750}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(23,105,224,.22)}.btn.secondary,.btn.ghost{background:#fff!important;color:#334a65!important;border:1px solid var(--line)!important;box-shadow:none}.btn.danger{background:#fff1f2!important;color:var(--danger)!important;border:1px solid #ffd4d8!important;box-shadow:none}.wrap{max-width:1240px}.public-body .hero{max-width:900px;padding:88px 0 64px}.public-body .hero h1{color:#13213a;font-size:clamp(44px,6vw,72px);letter-spacing:-.055em;line-height:.98}.public-body .hero p,.lead{color:#63758b!important}.card,.feature,.metric,.panel,.summary-card,.service-pro{background:#fff!important;border:1px solid #e1e8f0!important;color:var(--ink)!important;box-shadow:var(--shadow)!important}.card{border-radius:17px}.feature{border-radius:17px}.eyebrow,.kicker{color:var(--kc)!important}.sitefooter{background:#f7f9fc!important;border-top:1px solid var(--line)!important}.sitefooter a{color:#607188!important}.sitefooter a:hover{color:var(--kc)!important}.footerbottom{border-color:var(--line)!important;color:#7c8a9c!important}.legal p,.legal li{color:#566a82!important}.notice{background:#f0f7ff!important;border-color:#c9def8!important;color:#34516f!important}.form input,.form select,.form textarea,input,select,textarea{background:#fff;color:#24374e;border:1px solid #d7e1ec}.form label,label{color:#50647c}.alert.success{background:#ecfaf5;color:#14664f;border:1px solid #bdebd9}.alert.error{background:#fff1f2;color:#9f2634;border:1px solid #ffd0d5}.badge{background:#eef3f8;color:#52657a}.badge.ok,.status-pill{background:#eaf8f3;color:#0c7253}.badge.bad{background:#fff0f1;color:#a9303d}.console-top{box-shadow:0 2px 18px rgba(28,54,89,.05)}.console-search:focus-within{border-color:#8bb8ef;box-shadow:0 0 0 3px rgba(23,105,224,.08)}.console-rail{box-shadow:4px 0 18px rgba(28,54,89,.025)}.console-rail a.is-active{background:#eaf3ff;color:#145fc9}.console-context{box-shadow:0 2px 12px rgba(28,54,89,.025)}.page-head{padding:4px 0 2px}.page-head h1,.product-head h1{color:#14253e}.summary-card{position:relative;overflow:hidden}.summary-card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-22px;top:-28px;background:linear-gradient(135deg,rgba(23,105,224,.10),rgba(14,165,233,.04))}.panel-head{background:linear-gradient(180deg,#fff,#fbfdff)}.console-table th{background:#f4f7fb}.console-table tr:hover td{background:#f7fbff}.service-pro{min-height:132px;position:relative;overflow:hidden}.service-pro:after{content:"→";position:absolute;right:15px;bottom:13px;color:#94b8e7;font-size:18px}.service-pro:hover{transform:translateY(-2px);border-color:#b3d0f2!important}.erp-nav{box-shadow:var(--shadow);border-radius:15px}.erp-nav a.active{font-weight:750;box-shadow:inset 3px 0 0 var(--kc)}.kanban-col{background:#f5f8fc}.kanban-card{box-shadow:0 5px 16px rgba(31,58,90,.06)}.ide-shell{border-color:#dbe5ef;box-shadow:0 18px 45px rgba(25,51,82,.11)}.ide-tree{background:#f4f7fb}.ide-editor{background:#fff}.ide-side{background:#f7f9fc}.detail-grid{display:grid;gap:18px}.detail-grid small{display:block;color:#7a899c;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.detail-grid code{display:block;overflow-wrap:anywhere;background:#f4f7fb;color:#334b66;border:1px solid #e2e9f1;padding:10px;border-radius:9px}.tag-list{display:flex;gap:8px;flex-wrap:wrap}.tag-chip{display:inline-flex;gap:7px;padding:7px 10px;border-radius:999px;background:#edf5ff;color:#365a83;font-size:12px}.page-loader{background:#fff!important}.origin-word{color:#455b75!important}.loader-final span{color:#14233b!important}.loader-progress{background:#e8eef6!important}.loader-progress i{background:linear-gradient(90deg,var(--kc),var(--kc2))!important}.integration-section{padding:4px 0 8px}.integration-section h2{margin-bottom:5px}.wide-form{max-width:900px!important}.secret-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#0b7958;background:#eaf8f3;padding:5px 8px;border-radius:999px;margin-left:8px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.setting-card{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.setting-card h3{margin:0 0 6px}.setting-card p{margin:0 0 13px;color:var(--sub)}@media(max-width:900px){.public-top nav a:not(.btn){display:none}.settings-grid{grid-template-columns:1fr}.console-wrap{padding-left:18px;padding-right:18px}}@media(max-width:620px){.public-body .hero{padding-top:58px}.public-top{padding:0 16px}.kword{font-size:20px}.console-search kbd{display:none}.console-context>div:last-child{display:none}}
/* KazataCloud Compute Console */
.cloud-service-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;margin:-22px -28px 0;min-height:calc(100vh - 115px)}.cloud-service-nav{background:#fbfcfe;border-right:1px solid var(--line);padding:20px 12px;position:sticky;top:116px;height:calc(100vh - 116px);overflow:auto}.cloud-service-nav .service-title{font-weight:850;font-size:17px;padding:8px 12px 14px;color:#172d48}.cloud-service-nav a{display:block;padding:9px 12px;margin:2px 0;border-radius:8px;color:#4d6279;font-size:13px}.cloud-service-nav a:hover,.cloud-service-nav a.active{background:#eaf3ff;color:#145fc9;font-weight:750}.cloud-service-content{padding:24px 30px 60px;min-width:0}.service-page-bar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.service-page-bar h1{font-size:32px;letter-spacing:-.035em;margin:5px 0}.service-page-bar p{margin:0}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.metric-row .metric{padding:16px 18px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 5px 18px rgba(35,58,85,.04)}.metric-row .metric span{display:block;color:#718299;font-size:12px}.metric-row .metric b{font-size:27px;color:#18314e}.metric-row .metric .metric-small{font-size:18px;margin-top:7px}.resource-card{padding:0;overflow:hidden}.resource-card>.toolbar{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.resource-card>.toolbar h2{margin:0}.resource-card>.toolbar p{margin:3px 0 0}.table-scroll{overflow:auto}.state-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;border-radius:999px;background:#eff3f7;font-size:12px;color:#52647a}.state-pill i{width:7px;height:7px;border-radius:50%;background:#8a98a8}.state-running{background:#e9f9f2;color:#0c7755}.state-running i{background:#13a879}.state-stopped,.state-stopping{background:#fff2f3;color:#9c3942}.state-stopped i,.state-stopping i{background:#d95662}.state-pending{background:#fff8df;color:#8b6810}.state-pending i{background:#d5a624}.btn.tiny{padding:6px 9px;font-size:11px}.empty-state{text-align:center;padding:65px 25px}.empty-state .empty-icon{width:58px;height:58px;margin:0 auto 15px;border-radius:16px;background:#eaf3ff;display:grid;place-items:center;color:#1769d7;font-size:25px}.empty-state h3{margin:0 0 7px}.empty-state p{color:var(--sub);max-width:520px;margin:0 auto 18px}.vm-wizard{display:block}.wizard-steps{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;margin-bottom:18px}.wizard-steps button{border:0;background:transparent;text-align:left;padding:10px;border-radius:9px;display:flex;align-items:center;gap:8px;color:#718197;cursor:pointer}.wizard-steps button b{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#eef3f8;color:#61758c;font-size:11px}.wizard-steps button span{font-size:11px;font-weight:700}.wizard-steps button.active{background:#edf5ff;color:#145fc9}.wizard-steps button.active b{background:#1769df;color:#fff}.wizard-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.wizard-main{min-width:0}.wizard-panel{display:none;background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;box-shadow:0 7px 25px rgba(32,59,91,.04)}.wizard-panel.active{display:block}.wizard-title{display:flex;gap:14px;margin-bottom:24px}.wizard-title>span{width:35px;height:35px;border-radius:10px;background:#eaf3ff;color:#1769df;display:grid;place-items:center;font-weight:850}.wizard-title h2{margin:0 0 4px;font-size:21px}.wizard-title p{margin:0;color:var(--sub)}.form-grid{display:grid;gap:14px;margin-bottom:15px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.form-grid.four{grid-template-columns:1.1fr 1fr 1.4fr .9fr}.image-picker{display:grid;grid-template-rows:auto auto;gap:8px;margin-top:7px}.image-picker select{min-height:245px;padding:7px}.image-picker option{padding:8px}.advanced-box{border:1px solid var(--line);border-radius:10px;padding:11px 13px;margin:14px 0;background:#fbfcfe}.advanced-box summary{cursor:pointer;font-weight:700}.tag-editor{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.tag-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;margin:8px 0}.inline-create,.sg-box{margin-top:18px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#fbfcfe}.inline-create h3,.sg-box h3{margin:0 0 8px}.inline-row{display:flex;gap:8px}.inline-row input{flex:1}.checkline{display:flex!important;align-items:center;gap:8px;min-height:42px}.checkline input{width:auto!important}.checkline.compact{align-self:end}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:320px;overflow:auto}.check-grid label{display:flex;gap:9px;align-items:flex-start;padding:10px;background:#fff;border:1px solid var(--line);border-radius:9px}.check-grid input{width:auto;margin-top:3px}.check-grid small{display:block;color:var(--sub);font-size:10px;margin-top:3px}.sticky-card{position:sticky;top:138px;padding:20px;border:1px solid #cfddec;border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 12px 35px rgba(24,55,91,.08)}.sticky-card h3{font-size:18px;margin:6px 0 15px}.sticky-card dl{margin:0}.sticky-card dl div{padding:9px 0;border-top:1px solid var(--line)}.sticky-card dt{font-size:10px;color:#8491a2;text-transform:uppercase;letter-spacing:.06em}.sticky-card dd{margin:3px 0 0;font-size:12px;overflow-wrap:anywhere}.btn.full{display:block;width:100%;text-align:center;margin-top:9px}.wizard-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:13px 0}.wizard-footer>div{display:flex;align-items:center;gap:12px}.wizard-footer #stepText{font-size:12px;color:var(--sub)}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.review-grid>div{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fbfcfe}.review-grid small{display:block;color:#7e8ea2;font-size:10px;text-transform:uppercase}.review-grid b{display:block;margin-top:5px;overflow-wrap:anywhere}.review-warning{margin-top:18px;padding:15px;border:1px solid #f1dfad;background:#fffaf0;border-radius:11px;color:#675527}.review-warning p{margin:5px 0 0}.private-key-box textarea{width:100%;font-family:ui-monospace,monospace;margin:8px 0}.launch-result{margin-top:18px}.action-menu{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.inline-actions{display:flex;gap:6px;flex-wrap:wrap}.tabs{display:flex;gap:3px;border-bottom:1px solid var(--line);margin:10px 0 18px;overflow:auto}.tabs button{border:0;background:transparent;padding:11px 14px;color:#65778c;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap}.tabs button.active{color:#1769df;border-color:#1769df;font-weight:750}.tab-panel{display:none}.tab-panel.active{display:block}.detail-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.property-list{margin:0}.property-list>div{display:grid;grid-template-columns:160px 1fr;padding:9px 0;border-top:1px solid var(--line)}.property-list dt{color:#75869a;font-size:12px}.property-list dd{margin:0;font-size:13px;overflow-wrap:anywhere}
@media(max-width:1050px){.cloud-service-shell{grid-template-columns:1fr;margin:-22px -18px 0}.cloud-service-nav{display:none}.cloud-service-content{padding:22px 18px}.wizard-layout{grid-template-columns:1fr}.wizard-summary{order:-1}.sticky-card{position:static}.wizard-steps span{display:none}.form-grid.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.service-page-bar{display:block}.service-page-bar>.btn{margin-top:12px}.metric-row{grid-template-columns:repeat(2,1fr)}.wizard-steps{grid-template-columns:repeat(6,1fr)}.form-grid.two,.form-grid.four,.check-grid,.review-grid,.detail-cards{grid-template-columns:1fr}.wizard-panel{padding:18px}.property-list>div{grid-template-columns:1fr}.action-menu{justify-content:flex-start}.inline-actions{margin-top:8px}}
/* KazataCloud unified control-plane enhancements */
.catalog-search{display:grid;grid-template-columns:minmax(280px,1fr) 240px auto auto;gap:10px;align-items:end}.api-catalog-section{margin:26px 0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px}.section-title h2{margin:0}.section-title span{font-size:12px;color:var(--muted,#667085);font-weight:700}.api-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.api-service-card{display:grid;grid-template-columns:42px 1fr 18px;gap:12px;align-items:center;padding:15px;border:1px solid #e5eaf2;border-radius:14px;background:#fff;text-decoration:none;color:#152033;box-shadow:0 4px 18px rgba(30,55,90,.04);transition:.18s ease}.api-service-card:hover{transform:translateY(-2px);border-color:#b9cdfc;box-shadow:0 10px 28px rgba(31,86,190,.10)}.api-service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#eef5ff,#e8f9ff);color:#1557c0;font-weight:800;font-size:12px}.api-service-card b{display:block}.api-service-card small{display:block;margin-top:4px;color:#697586}.service-console-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.service-console-nav{position:sticky;top:78px;max-height:calc(100vh - 98px);overflow:auto;border:1px solid #e3e8ef;border-radius:16px;background:#fff;padding:10px}.service-console-nav input{width:100%;margin-bottom:10px}.service-console-nav a{display:block;padding:8px 10px;border-radius:8px;color:#45546b;text-decoration:none;font-size:13px}.service-console-nav a:hover,.service-console-nav a.active{background:#edf4ff;color:#1557c0}.service-console-nav h5{padding:12px 10px 4px;margin:0;color:#8a94a6;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.operation-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.field-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 16px}.field-spec{border:1px solid #e4e9f1;border-radius:10px;padding:10px;background:#fbfcfe}.field-spec.required{border-left:3px solid #1c6ce5}.field-spec b,.field-spec span,.field-spec small{display:block}.field-spec span,.field-spec small{font-size:11px;color:#728096;margin-top:3px}.operation-fields textarea{width:100%;font:13px/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#0e172a;color:#d9e7ff;border:0;border-radius:12px;padding:14px}.danger-confirm{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid #ffd3d3;background:#fff7f7;border-radius:10px;margin:12px 0}.result-panel pre{max-height:620px;overflow:auto;padding:16px;background:#0d1728;color:#dce7f7;border-radius:0 0 14px 14px;margin:0}.keyvals{display:grid;grid-template-columns:110px 1fr;gap:10px;font-size:13px}.keyvals span{color:#758197}.crumb{font-size:12px;color:#758197;margin-bottom:8px}.crumb a{color:#1557c0;text-decoration:none}.state.success{color:#067647}.state.failed{color:#b42318}.integration-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.integration-tile{border:1px solid #e4eaf2;border-radius:15px;padding:18px;background:#fff}.integration-tile .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12b76a;margin-right:6px}.integration-tile.off .status-dot{background:#98a2b3}.erp-commandbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border:1px solid #e4e9f0;background:#fff;border-radius:12px;margin-bottom:12px}.erp-commandbar .spacer{flex:1}.document-lines-table input{min-width:80px}.document-totals{margin-left:auto;width:min(390px,100%);display:grid;grid-template-columns:1fr auto;gap:8px;padding:16px}.document-totals strong{font-size:18px}.timeline{border-left:2px solid #dce6f4;padding-left:18px}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:#2774e6;left:-24px;top:4px}.kbd-help{display:inline-flex;border:1px solid #d8dee8;border-bottom-width:2px;border-radius:5px;padding:2px 6px;background:#fff;font-size:11px;color:#64748b}
@media(max-width:1000px){.api-service-grid,.integration-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-console-shell,.operation-layout{grid-template-columns:1fr}.service-console-nav{position:static;max-height:380px}.catalog-search{grid-template-columns:1fr 1fr}.field-spec-grid{grid-template-columns:1fr}}
@media(max-width:640px){.api-service-grid,.integration-hub-grid,.catalog-search{grid-template-columns:1fr}}
.integration-status-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f6;font-size:13px}.integration-status-row:last-child{border-bottom:0}.integration-status-row .status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#12b76a;margin-right:8px}.integration-status-row .status-dot.off{background:#c3cad5}.integration-status-row b{font-size:11px;color:#667085}.family-grid{margin-top:16px}.family-grid .api-service-card{min-height:86px}.inline-form{display:flex;gap:8px;align-items:center}.btn.danger{color:#b42318;border-color:#f3b7b7;background:#fff5f5}
.secret-setup code{display:block;padding:12px;background:#eef5ff;border-radius:8px;font-size:16px;letter-spacing:.12em;margin:8px 0 14px;word-break:break-all}.secret-setup textarea{width:100%;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}