.kbx-app{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;max-width:1480px;margin:0 auto;padding:26px 22px 70px;color:#edf3fa}
.kbx-side{position:sticky;top:18px;align-self:start;max-height:calc(100vh - 36px);overflow:auto;background:#07131f;border:1px solid #17334f;border-radius:18px;padding:14px}
.kbx-brand{display:flex;align-items:center;gap:10px;padding:10px 9px 18px;color:#fff;text-decoration:none!important}.kbx-brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1bd4f;color:#07131f;font-weight:950}.kbx-brand strong{font-size:20px}
.kbx-side nav{display:grid;gap:4px}.kbx-side nav a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:10px 11px;border:1px solid transparent;border-radius:10px;text-decoration:none!important;color:#c9d5e3}.kbx-side nav a small{color:#738ba4;font-size:10px}.kbx-side nav a:hover,.kbx-side nav a.is-active{background:#10253a;border-color:#24496b;color:#fff}.kbx-side nav a.is-active strong{color:#f1bd4f}
.kbx-main{min-width:0}.kbx-pagehead{display:flex;justify-content:space-between;gap:24px;align-items:end;padding:30px 32px;border-radius:20px;background:radial-gradient(circle at 85% 5%,rgba(241,189,79,.18),transparent 26%),linear-gradient(125deg,#102840,#07131f 65%);border:1px solid #1c3c5b;margin-bottom:16px}.kbx-pagehead>div:first-child{max-width:820px}.kbx-pagehead span,.kbx-eyebrow,.kbx-section-title>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#f1bd4f}.kbx-pagehead h1{font-size:clamp(36px,5vw,68px);line-height:.96;letter-spacing:-.05em;margin:8px 0 13px}.kbx-pagehead p{color:#9db1c7;max-width:800px;margin:0;line-height:1.65}.kbx-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.kbx-user{font-size:11px;color:#aabbd0}
.kbx-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:8px;border:1px solid #f1bd4f;background:#f1bd4f;color:#07131f!important;text-decoration:none!important;font-weight:900;font-size:11px;cursor:pointer}.kbx-button.ghost{background:transparent;color:#f4d990!important;border-color:#36536f}
.kbx-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 22px}.kbx-stat{background:#0b1d2e;border:1px solid #1c3b59;border-radius:14px;padding:17px}.kbx-stat>span{display:block;color:#839ab2;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.kbx-stat>strong{display:block;color:#fff;font-size:25px;margin-top:5px}.kbx-stat>small{display:block;color:#607b96;font-size:9px;margin-top:4px}
.kbx-section-title{margin:25px 0 11px}.kbx-section-title h2{font-size:27px;margin:5px 0 0}.kbx-work-grid,.kbx-cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.kbx-work-grid>a,.kbx-cap-grid>a{min-height:120px;display:flex;flex-direction:column;justify-content:space-between;padding:17px;border-radius:14px;background:#0b1d2e;border:1px solid #1c3b59;color:#fff;text-decoration:none!important}.kbx-work-grid>a:hover,.kbx-cap-grid>a:hover{border-color:#f1bd4f;transform:translateY(-1px)}.kbx-work-grid strong,.kbx-cap-grid strong{font-size:16px}.kbx-work-grid p,.kbx-cap-grid span{color:#8199b1;font-size:11px}.kbx-work-grid b{color:#f1bd4f;font-size:10px}
.kbx-panel{background:#0b1d2e;border:1px solid #1c3b59;border-radius:16px;padding:22px;margin:18px 0}.kbx-login-panel,.kbx-split{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:#0b1d2e;border:1px solid #1c3b59;border-radius:16px;padding:24px;margin:18px 0}.kbx-split{grid-template-columns:1fr 1fr;align-items:stretch}.kbx-split>div{padding:18px;border:1px solid #1c3b59;border-radius:13px;background:#091826}.kbx-split h2{font-size:25px;margin:7px 0}.kbx-split p{color:#91a6bc}.kbx-split.support>div{padding:0;border:0;background:transparent}
.kbx-table{display:grid}.kbx-table>div,.kbx-table>a{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;padding:11px;border-bottom:1px solid #17334f;color:#dbe6f2;text-decoration:none!important}.kbx-table .head{color:#7890a8;font-size:10px;text-transform:uppercase}
.kbx-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.kbx-product{overflow:hidden;background:#0b1d2e;border:1px solid #1c3b59;border-radius:16px}.kbx-product-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#07131f}.kbx-product-media img{width:100%;height:100%;object-fit:cover;transition:.3s}.kbx-product:hover .kbx-product-media img{transform:scale(1.025)}.kbx-product-body{padding:17px}.kbx-row{display:flex;justify-content:space-between;gap:8px}.kbx-tag,.kbx-action{font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#f1bd4f}.kbx-action{color:#7ea2c3}.kbx-product h3{font-size:18px;margin:8px 0}.kbx-product h3 a{color:#fff;text-decoration:none}.kbx-product p{color:#91a6bc;font-size:11px;line-height:1.55;min-height:52px}.kbx-product-foot{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:13px}.kbx-product-foot strong{color:#f5d67e;font-size:14px}.kbx-included{font-size:10px;color:#70d9aa;font-weight:900}
.kbx-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:8px;margin:0 0 15px}.kbx-filters input,.kbx-filters select,.kbx-form input,.kbx-form textarea{width:100%;background:#091826!important;border:1px solid #244664!important;color:#fff!important;border-radius:9px;padding:11px 12px}.kbx-form label{display:block;color:#adc0d3;font-size:11px;margin:10px 0}.kbx-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kbx-module-grid,.kbx-module-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kbx-module-strip{grid-template-columns:1fr}.kbx-module{background:#0b1d2e;border:1px solid #1c3b59;border-radius:14px;padding:17px}.kbx-module>div{display:flex;justify-content:space-between;gap:10px}.kbx-module span{font-size:9px;font-weight:900;padding:4px 7px;border-radius:999px}.kbx-module span.ok{background:#66d7a8;color:#062016}.kbx-module span.warn{background:#f1bd4f;color:#171205}.kbx-module span.off{background:#1e344a;color:#aac0d5}.kbx-module p{color:#8ca3ba;font-size:11px}.kbx-module a{font-size:10px;color:#f1bd4f}
.kbx-job-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kbx-job-grid article{padding:18px;background:#0b1d2e;border:1px solid #1c3b59;border-radius:14px}.kbx-job-grid article>span{color:#f1bd4f;font-size:9px;font-weight:900}.kbx-job-grid h3{margin:7px 0}.kbx-job-grid h3 a{color:#fff;text-decoration:none}.kbx-job-grid p{color:#8fa5bb;font-size:11px}.kbx-job-grid article>a:last-child{color:#f1bd4f;font-size:10px}
.kbx-ticket,.kbx-application-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #17334f}.kbx-ticket small{display:block;color:#6f879e}.kbx-ticket>span,.kbx-application-list span{font-size:9px;color:#66d7a8;font-weight:900}.kbx-notice{padding:12px 15px;border-radius:9px;margin:10px 0}.kbx-notice.ok{background:#0c3b2a;border:1px solid #2b7656;color:#bdf3d8}.kbx-empty{padding:26px;border:1px dashed #31506d;border-radius:14px;color:#8ea5bc;background:#091826}.kbx-muted{color:#8299b0}
.kbx-admin .kbx-stats{max-width:1500px;grid-template-columns:repeat(6,minmax(0,1fr))}.kbx-admin .kbx-stat,.kbx-admin .kbx-module{background:#fff;color:#1d2327;border-color:#dcdcde}.kbx-admin .kbx-stat strong{color:#18212b}.kbx-admin .kbx-module p{color:#50575e}.kbx-admin-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;max-width:1200px}.kbx-admin-links a{background:#fff;border:1px solid #dcdcde;border-radius:8px;padding:13px;text-decoration:none}.kbx-admin-links strong,.kbx-admin-links span{display:block}.kbx-admin-links span{font-size:11px;color:#646970}
@media(max-width:1150px){.kbx-app{grid-template-columns:210px minmax(0,1fr)}.kbx-work-grid,.kbx-cap-grid{grid-template-columns:repeat(3,1fr)}.kbx-product-grid,.kbx-job-grid{grid-template-columns:repeat(2,1fr)}.kbx-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.kbx-app{display:block;padding:14px}.kbx-side{position:relative;top:0;max-height:none;margin-bottom:12px}.kbx-side nav{grid-template-columns:repeat(2,1fr)}.kbx-pagehead{display:block;padding:22px}.kbx-head-actions{justify-content:flex-start;margin-top:15px}.kbx-work-grid,.kbx-cap-grid,.kbx-product-grid,.kbx-job-grid,.kbx-module-grid,.kbx-split,.kbx-filters,.kbx-form-grid{grid-template-columns:1fr}.kbx-table>div,.kbx-table>a{grid-template-columns:1fr 1fr}.kbx-admin .kbx-stats{grid-template-columns:1fr 1fr}}