*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f6f8;color:#1d2433}a{color:#2457d6;text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:250px;background:#151922;color:#fff;padding:24px 18px;position:fixed;top:0;bottom:0}.brand{font-size:24px;font-weight:800;margin-bottom:30px}.brand span{font-size:11px;background:#2d6cdf;padding:3px 6px;border-radius:6px}nav a{display:block;color:#d9deea;padding:11px 12px;margin:5px 0;border-radius:8px}nav a:hover{background:#242b39;color:#fff}.sidebar-note{position:absolute;bottom:24px;font-size:12px;color:#8f99aa;line-height:1.6}.content{margin-left:250px;padding:32px;width:calc(100% - 250px)}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:16px}.topbar h1{margin:0 0 5px}.topbar p{margin:0;color:#6f7785}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.cards.five{grid-template-columns:repeat(5,1fr)}.card,.panel{background:#fff;border:1px solid #e2e6ec;border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.card{padding:20px}.label{font-size:13px;color:#777f8e}.value{font-size:30px;font-weight:700;margin-top:7px}.smallvalue{font-size:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{padding:20px;margin-bottom:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel h2{margin-top:0}.panel h3{margin-bottom:10px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid #edf0f3;font-size:14px;vertical-align:top}th{color:#697181;font-size:12px;text-transform:uppercase}.table-scroll{overflow:auto}.btn{display:inline-block;border:1px solid #ccd2dc;background:#fff;color:#202632;padding:9px 13px;border-radius:8px;cursor:pointer}.btn.primary{background:#2457d6;color:#fff;border-color:#2457d6}.btn.danger{background:#b42318;color:#fff;border-color:#b42318}.btn.small{padding:6px 9px;font-size:12px}.search{display:flex;gap:10px;margin-bottom:16px}.search input{flex:1}.formgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.wide{grid-column:1/-1}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600}input,select,textarea{border:1px solid #ccd2dc;border-radius:8px;padding:10px;font:inherit;background:#fff}.check{flex-direction:row;align-items:center;margin-top:24px}.actions{display:flex;gap:10px;align-items:center}.badge,.status{display:inline-block;padding:4px 8px;background:#eef2f7;border-radius:999px;font-size:12px}.pending{background:#fff4d6;color:#8a6100}.ok{background:#e7f7ed;color:#176b36}.muted{color:#7a8290;font-size:13px}.warning{background:#fff4d6;color:#725500;padding:12px;border-radius:8px}.flash{padding:12px 14px;border-radius:8px;margin-bottom:15px}.flash.success{background:#e7f7ed;color:#176b36}.flash.error{background:#fdecec;color:#9d1c1c}.integration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.description{white-space:pre-wrap;line-height:1.55}.inline-form{display:flex;gap:6px;min-width:390px}.inline-form input{min-width:140px}.error-text{max-width:240px;color:#9d1c1c;font-size:12px}.tabs{display:flex;gap:8px;margin-bottom:16px}.unread{font-weight:700;background:#f8fbff}.message-box{max-width:900px}.message-meta{font-size:12px;color:#6f7785;margin-bottom:12px}.message-body{font-size:16px;line-height:1.6;white-space:pre-wrap}.replybox{width:100%;margin-bottom:12px}code{background:#f1f3f5;padding:2px 5px;border-radius:4px}@media(max-width:1100px){.cards.five{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{width:190px}.content{margin-left:190px;width:calc(100% - 190px)}.cards,.cards.five{grid-template-columns:1fr 1fr}.grid2,.integration-grid{grid-template-columns:1fr}}
.cards.six{grid-template-columns:repeat(6,1fr)}
.badge.review{background:#fdecec;color:#9d1c1c;font-weight:700}
.condition-box{border-top:1px solid #e4e8ee;padding-top:10px;margin-top:5px}
.condition-box h2{margin:0 0 4px}
hr{border:0;border-top:1px solid #edf0f3;margin:18px 0}
@media(max-width:1300px){.cards.six{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.cards.six{grid-template-columns:1fr 1fr}}
.pricing-bar{display:flex;justify-content:space-between;align-items:center;gap:20px}.pricing-bar h2{margin:0 0 4px}.pricing-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.pricing-form label{min-width:150px}@media(max-width:900px){.pricing-bar{display:block}.pricing-form{margin-top:14px}}