@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Sora:wght@400;500;600;700&display=swap');
body{margin:0;background:radial-gradient(ellipse at 90% 0,#0c3c4c55,transparent 55%),#041b2b;font-size:14px;line-height:1.6}a{color:inherit}.mos-workspace{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100svh}.mos-sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:32px 20px;border-right:1px solid #b2d4df22;background:#061f30}.mos-brand{text-decoration:none;line-height:1;display:inline-flex;flex-direction:column;gap:9px;align-items:flex-start;margin:0 12px 38px}.mos-brand>span{font-size:37px;font-weight:700;letter-spacing:-2px}.mos-brand>span span{color:#00c896}.mos-brand small{font-size:8px;letter-spacing:3px;color:#b7cbd7}.mos-label{font-size:10px;font-weight:600;letter-spacing:1.7px;color:#5fe3c0}.mos-sidebar .mos-label{margin-left:12px}.mos-sidebar nav{display:flex;flex-direction:column;gap:5px}.mos-sidebar nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;text-decoration:none;color:#b7cbd7;min-height:44px}.mos-sidebar nav a span{width:20px;text-align:center}.mos-sidebar nav a[aria-current=page]{background:#5fe3c014;color:#5fe3c0}.mos-sidebar nav a:hover{background:#ffffff08;color:#f4f7fb}.mos-sidebar-bottom{margin-top:auto;padding:24px 12px 0;display:flex;flex-direction:column;gap:12px;font-size:12px}.mos-sidebar-bottom button{background:none;border:0;padding:4px 0;text-align:left;color:#b7cbd7}.mos-topbar{min-height:76px;border-bottom:1px solid #b2d4df22;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;gap:16px;font-size:12px;color:#b7cbd7}.mos-topbar strong{font-weight:500;color:#f4f7fb}.mos-topbar span span{margin:0 12px;opacity:.5}.mos-topbar a{text-decoration:none}#workspace-content{padding:36px 40px;max-width:1600px;margin:auto;outline:none}.mos-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 28px}.mos-page-heading h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.5px;margin:10px 0 12px;font-weight:600}.mos-page-heading p:not(.mos-label){color:#b7cbd7;max-width:650px;margin:0}.mos-footer{font-size:11px;color:#b7cbd7;margin-top:36px}.mos-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mos-stat,.mos-card{background:#0a2739;border:1px solid #b2d4df28;border-radius:12px;padding:24px;min-width:0}.mos-stat{display:flex;flex-direction:column;gap:18px}.mos-stat strong{font-size:36px;line-height:1;font-weight:500;letter-spacing:-1px}.mos-stat span{color:#b7cbd7;font-size:12px}.mos-card h2,.mos-card h3{margin-top:0;font-size:20px}.mos-card p{color:#b7cbd7;white-space:pre-wrap;overflow-wrap:anywhere}.mos-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.mos-card .button{margin:8px 8px 0 0}.mos-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 22px}.mos-toolbar label{flex:1;min-width:180px;font-size:12px;color:#b7cbd7}.mos-toolbar input,.mos-toolbar select{display:block;width:100%;margin-top:7px}.mos-table-wrap{overflow:auto;max-width:100%;border:1px solid #b2d4df28;border-radius:12px;background:#0a2739}.mos-table{border-collapse:collapse;width:100%;text-align:left}.mos-table th{padding:15px 18px;color:#b7cbd7;font-weight:500;font-size:11px;background:#062233;white-space:nowrap}.mos-table td{padding:18px;border-top:1px solid #b2d4df22;font-size:13px;vertical-align:top;overflow-wrap:anywhere}.mos-table td small{display:block;color:#b7cbd7;font-size:11px;max-width:280px;overflow-wrap:anywhere}.mos-table td .button{font-size:12px;white-space:nowrap;padding:8px 12px}.mos-pagination{display:flex;align-items:center;justify-content:space-between;margin:18px 0;gap:12px;color:#b7cbd7;font-size:12px}.mos-pagination>div{display:flex;gap:8px}.mos-pill{display:inline-block;border:1px solid #5fe3c040;border-radius:30px;padding:4px 10px;color:#5fe3c0;font-size:11px;white-space:nowrap}.mos-pill.warning{color:#ffd79c;border-color:#ffd79c40}.mos-pill.danger{color:#ffb5ab;border-color:#ffb5ab40}.mos-form{display:grid;gap:17px}.mos-form label{display:grid;gap:7px;font-size:12px;color:#b7cbd7}.mos-form input,.mos-form select,.mos-form textarea{width:100%}.mos-form textarea{min-height:100px}.mos-form .button{justify-self:start}.mos-form .mos-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mos-form hr{width:100%;border:0;border-top:1px solid #b2d4df28;margin:10px 0}dialog{background:#082538;color:#f4f7fb;border:1px solid #b2d4df44;border-radius:16px;padding:28px;width:min(850px,calc(100vw - 32px));max-height:90svh}dialog::backdrop{background:#00101fcc;backdrop-filter:blur(5px)}.mos-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.mos-dialog-top h2{font-size:22px;margin:0}.mos-details{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.mos-details>div{padding:12px;border:1px solid #b2d4df28;border-radius:8px;overflow-wrap:anywhere}.mos-details dt{font-size:11px;color:#b7cbd7}.mos-details dd{margin:6px 0 0}.mos-thread{display:grid;gap:12px;margin:20px 0;max-height:42svh;overflow:auto}.mos-message{padding:16px;border-radius:10px;border:1px solid #b2d4df28;background:#041b2b}.mos-message.admin{border-left:3px solid #5fe3c0}.mos-message p{white-space:pre-wrap;margin-bottom:0;overflow-wrap:anywhere}.mos-message small{color:#b7cbd7}.mos-chart{display:block;width:100%;height:auto;background:#041b2b;border-radius:10px;margin:18px 0}.mos-chart-label{display:flex;gap:18px;flex-wrap:wrap;font-size:12px;color:#b7cbd7}.mos-loading{padding:40px;color:#b7cbd7}.mos-stack{display:grid;gap:18px}.mos-credentials{padding:20px;border:1px solid #5fe3c055;border-radius:12px}.mos-credentials code{white-space:pre-wrap;overflow-wrap:anywhere}.mos-note{padding:16px;border-left:2px solid #5fe3c0;background:#5fe3c008;color:#b7cbd7;margin:18px 0}
@media(min-width:1500px){.mos-stats{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1000px){.mos-workspace{grid-template-columns:205px minmax(0,1fr)}.mos-sidebar{padding:28px 12px}#workspace-content{padding:28px 24px}.mos-topbar{padding:20px 24px}.mos-grid{grid-template-columns:1fr}.mos-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mos-workspace{display:block}.mos-sidebar{position:static;height:auto;padding:20px 16px;border-right:0;border-bottom:1px solid #b2d4df22}.mos-brand{margin:0 0 20px}.mos-brand>span{font-size:30px}.mos-sidebar .mos-label{display:none}.mos-sidebar nav{flex-direction:row;overflow-x:auto;padding-bottom:5px}.mos-sidebar nav a{white-space:nowrap;padding:9px 12px;font-size:12px}.mos-sidebar nav a span{display:none}.mos-sidebar-bottom{padding:12px 0 0;flex-direction:row;flex-wrap:wrap;gap:10px 18px;font-size:11px}.mos-sidebar-bottom button{font-size:11px}.mos-topbar{padding:15px 18px;min-height:60px}.mos-topbar>a{display:none}#workspace-content{padding:24px 16px}.mos-page-heading{align-items:flex-start;flex-direction:column}.mos-page-heading>.button{align-self:flex-start}.mos-stats{gap:10px}.mos-stat{padding:18px 14px}.mos-stat strong{font-size:30px}.mos-card{padding:20px}.mos-details{grid-template-columns:1fr}.mos-form .mos-form-row{grid-template-columns:1fr}.mos-pagination{align-items:flex-start;flex-direction:column}dialog{padding:20px}.mos-dialog-top{align-items:flex-start}.mos-dialog-top h2{font-size:19px}.mos-table td,.mos-table th{padding:12px}}

.mos-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:20px 0 36px}.mos-catalog-grid .mos-card{display:flex;flex-direction:column;gap:10px}.mos-catalog-grid .mos-card>.button{margin-top:auto}.mos-catalog-price{font-size:24px;color:var(--mos-accent)}.mos-contract-consent{line-height:1.7}.mos-contract-consent input{display:inline-block!important;width:18px!important;min-height:18px!important;vertical-align:middle;accent-color:var(--mos-action)}

/* Let panel content reflow rather than clipping navigation or table columns. */
.mos-main,.mos-topbar>span,.mos-page-heading>div,.mos-form,.mos-form>*,.mos-form-row>*{min-width:0}
.mos-main{overflow-wrap:anywhere}
.mos-topbar{flex-wrap:wrap}
.mos-form .button,.mos-page-heading>.button{max-width:100%;white-space:normal}
.mos-dialog-top h2{min-width:0;overflow-wrap:anywhere}
.mos-dialog-top>button{flex-shrink:0}
@media(max-width:700px){
 .mos-sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:5px;padding-bottom:0}
 .mos-sidebar nav a{min-width:0;white-space:normal;overflow-wrap:anywhere}
 .mos-sidebar-bottom>*{max-width:100%;overflow-wrap:anywhere}
 .mos-toolbar label{min-width:0;flex-basis:100%}
 .mos-stat strong{font-size:clamp(20px,6vw,30px);overflow-wrap:anywhere}
 .mos-table-wrap{overflow:visible;border:0;background:transparent}
 .mos-table,.mos-table tbody,.mos-table tr,.mos-table td{display:block;width:100%;min-width:0}
 .mos-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .mos-table tbody{display:grid;gap:14px}
 .mos-table tr{border:1px solid #b2d4df22;border-radius:12px;background:#061e2e}
 .mos-table td{padding:12px 16px;overflow-wrap:anywhere}
 .mos-table td:first-child{border-top:0}
 .mos-table td::before{content:attr(data-label);display:block;font-size:11px;font-weight:600;color:#a1b5c4;margin-bottom:5px}
 .mos-table td .button,.mos-pill{max-width:100%;white-space:normal;overflow-wrap:anywhere}
 .mos-table td small{max-width:100%}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100svh - 24px)}
}
