.login-layout {
  min-height:100dvh;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:#fff
}
.login-story {
  background:var(--navy);
  color:white;
  padding:58px 70px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden
}
.login-story::after {
  content:"NY";
  position:absolute;
  bottom:-60px;
  left:22%;
  font-size:330px;
  line-height:1;
  font-weight:700;
  letter-spacing:-25px;
  color:#ffffff03;
  pointer-events:none
}
.login-story .brand {
  padding:0
}
.login-copy {
  margin:auto 0;
  max-width:480px;
  position:relative;
  z-index:1
}
.login-copy .eyebrow {
  color:#baa273;
  font-size:10px;
  letter-spacing:3px;
  margin-bottom:22px
}
.login-copy h1 {
  font-size:44px;
  line-height:1.45;
  letter-spacing:1px;
  font-weight:550
}
.login-copy h1 span {
  color:#c2ac84
}
.login-copy p {
  color:#97a9bd;
  font-size:13px;
  line-height:2.1;
  margin-top:23px;
  max-width:360px
}
.login-capabilities {
  display:flex;
  gap:26px;
  margin-top:43px
}
.login-capabilities div {
  border-left:1px solid #bfa67466;
  padding-left:14px
}
.login-capabilities strong {
  display:block;
  font-size:12px;
  color:#dae3ee;
  font-weight:500
}
.login-capabilities span {
  font-size:9px;
  letter-spacing:.7px;
  color:#788fa8
}
.login-story-foot {
  font-size:9px;
  color:#71869f;
  letter-spacing:1.2px
}
.login-main {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:60px 45px
}
.login-box {
  width:100%;
  max-width:350px
}
.login-box .eyebrow {
  font-size:9px;
  letter-spacing:2px;
  margin-bottom:14px
}
.login-box h2 {
  font-size:27px;
  margin-bottom:10px
}
.login-intro {
  font-size:12px;
  color:var(--muted);
  margin-bottom:31px;
  line-height:1.9
}
.login-form {
  display:flex;
  flex-direction:column;
  gap:22px
}
.login-form input {
  min-height:45px;
  font-size:13px
}
.login-submit {
  width:100%;
  min-height:45px;
  margin-top:4px
}
.login-security {
  display:flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  border-top:1px solid var(--line);
  margin-top:30px;
  padding-top:22px;
  color:#96a1af;
  font-size:10px
}
.login-security .icon {
  width:14px;
  height:14px
}
.login-initialization {
  margin-top:22px
}
.overview-banner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
  background:linear-gradient(110deg,#203752,#17283e);
  color:#fff;
  border-radius:12px;
  padding:26px 29px;
  overflow:hidden;
  position:relative;
  margin-bottom:22px
}
.overview-banner::after {
  content:"NY";
  position:absolute;
  right:105px;
  bottom:-30px;
  font-size:118px;
  line-height:1;
  font-weight:750;
  color:#ffffff04;
  letter-spacing:-6px;
  pointer-events:none
}
.banner-eyebrow {
  font-size:9px;
  letter-spacing:1.9px;
  color:#bfa776;
  margin-bottom:7px
}
.overview-banner h2 {
  font-size:21px;
  letter-spacing:.2px;
  font-weight:500
}
.overview-banner p {
  font-size:11px;
  line-height:1.9;
  color:#9cb0c5;
  margin-top:9px;
  max-width:600px
}
.banner-tag {
  font-size:9px;
  letter-spacing:1px;
  color:#cdbb96;
  border:1px solid #bfa67455;
  border-radius:30px;
  padding:7px 13px;
  white-space:nowrap
}
.stat-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-bottom:24px
}
.stat-card {
  padding:21px 23px;
  position:relative
}
.stat-top {
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  font-size:11px;
  color:var(--muted)
}
.stat-icon {
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  background:#f3f6fa;
  color:#728daa;
  border-radius:8px
}
.stat-icon.gold {
  background:var(--gold-light);
  color:#a58a59
}
.stat-icon .icon {
  width:17px;
  height:17px
}
.stat-value {
  font-size:32px;
  line-height:1.3;
  letter-spacing:-1px;
  color:#263d58;
  margin-top:17px;
  font-weight:550
}
.stat-value small {
  font-size:12px;
  font-weight:400;
  color:var(--muted);
  letter-spacing:0;
  margin-left:7px
}
.stat-note {
  font-size:10px;
  color:#94a0ae;
  margin-top:9px
}
.overview-columns {
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);
  gap:22px
}
.overview-columns>.card+.card {
  margin-top:0
}
.quick-actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px
}
.quick-action {
  display:flex;
  align-items:center;
  gap:12px;
  padding:17px 14px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--text);
  transition:background .15s
}
.quick-action:hover {
  background:#f9fbfe;
  border-color:#cdd9e6
}
.quick-action-icon {
  display:grid;
  place-items:center;
  width:35px;
  height:35px;
  color:#637e9b;
  background:#f0f4f8;
  border-radius:8px;
  flex-shrink:0
}
.quick-action strong {
  display:block;
  font-size:12px;
  font-weight:550
}
.quick-action small {
  font-size:9px;
  color:#93a0b0
}
.quick-action>.icon {
  margin-left:auto;
  width:13px;
  height:13px;
  color:#9ba9b8
}
.status-list {
  display:flex;
  flex-direction:column;
  gap:18px
}
.status-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  font-size:12px
}
.status-row .status-row-label {
  display:flex;
  align-items:center;
  gap:9px;
  color:#718196
}
.status-row .icon {
  width:16px;
  height:16px
}
.status-row strong {
  font-size:12px;
  font-weight:500
}
.overview-activity {
  margin-top:24px
}
.activity-mini {
  padding:0 24px
}
.activity-mini-item {
  display:flex;
  gap:13px;
  padding:17px 0;
  border-bottom:1px solid var(--line);
  align-items:flex-start
}
.activity-mini-item:last-child {
  border:0
}
.activity-marker {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#8ca3bb;
  flex-shrink:0;
  margin-top:7px
}
.activity-mini-message {
  min-width:0;
  flex:1
}
.activity-mini-message strong {
  font-size:12px;
  font-weight:500;
  display:block;
  color:#4e6178
}
.activity-mini-message p {
  font-size:10px;
  margin-top:4px;
  color:var(--muted);
  overflow-wrap:anywhere
}
.activity-mini-item time {
  font-size:10px;
  white-space:nowrap;
  color:#9aa5b2;
  margin-left:auto
}
.info-note {
  display:flex;
  gap:9px;
  align-items:flex-start;
  font-size:10px;
  line-height:1.9;
  color:#94a0ae;
  margin-top:22px
}
.info-note .icon {
  width:15px;
  height:15px;
  flex-shrink:0;
  margin-top:2px
}
.customer-name-line {
  display:flex;
  gap:8px;
  align-items:center
}
.customer-avatar {
  width:30px;
  height:30px;
  border-radius:9px;
  background:#eff3f8;
  color:#738aa4;
  display:grid;
  place-items:center;
  font-size:10px;
  font-weight:550;
  flex-shrink:0
}
.customer-table th:nth-child(1) {
  width:19%
}
.customer-table th:nth-child(2) {
  width:20%
}
.customer-table th:nth-child(6) {
  width:15%
}
.customer-table .cell-actions {
  min-width:96px
}
.traffic-cell {
  min-width:90px
}
.traffic-cell .progress-bar {
  margin-top:7px
}
.customer-detail-hero {
  padding:23px 25px;
  display:flex;
  align-items:center;
  gap:16px
}
.customer-detail-hero .customer-avatar {
  width:46px;
  height:46px;
  font-size:16px;
  border-radius:12px
}
.customer-detail-hero h2 {
  font-size:20px
}
.customer-detail-hero .badge {
  margin-left:auto
}
.customer-detail-hero p {
  font-size:11px;
  color:var(--muted);
  margin-top:4px
}
.detail-section {
  padding:21px 25px;
  border-top:1px solid var(--line)
}
.detail-section dl {
  margin:0
}
.detail-subscription {
  display:flex;
  align-items:center;
  gap:13px;
  background:#f6f8fb;
  padding:15px 17px;
  border-radius:8px
}
.detail-subscription>div {
  min-width:0;
  flex:1
}
.detail-subscription .section-label {
  font-size:9px;
  margin-bottom:5px
}
.subscription-url {
  font-family:Consolas,monospace;
  font-size:11px;
  color:#58738e;
  overflow-wrap:anywhere
}
.detail-two-columns {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}
.detail-two-columns>.card+.card {
  margin-top:0
}
.detail-two-columns {
  margin-top:20px
}
.customer-sync-alert {
  margin-bottom:18px
}
.detail-rule-route {
  display:flex;
  gap:7px;
  align-items:center;
  flex-wrap:wrap
}
.detail-rule-route .icon {
  width:14px;
  height:14px;
  color:#a5b0bd
}
.rule-count {
  font-size:10px;
  color:#8c9aab;
  background:#f0f3f7;
  border-radius:4px;
  padding:3px 7px;
  margin-left:8px
}
.batch-layout {
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
  gap:22px
}
.batch-layout>.card+.card {
  margin-top:0
}
.csv-input {
  font-family:Consolas,"Microsoft YaHei",monospace;
  font-size:12px;
  line-height:1.9;
  min-height:240px;
  white-space:pre;
  overflow:auto;
  resize:vertical
}
.csv-guidelines {
  list-style:none;
  padding:0;
  margin:0;
  display:flex;
  flex-direction:column;
  gap:18px
}
.csv-guidelines li {
  display:flex;
  gap:11px;
  font-size:11px;
  line-height:1.9;
  color:var(--muted)
}
.csv-guidelines .step-number {
  width:21px;
  height:21px;
  background:#f2f5f9;
  border-radius:6px;
  color:#7188a1;
  font-size:10px;
  display:grid;
  place-items:center;
  flex-shrink:0;
  margin-top:1px
}
.csv-guidelines strong {
  display:block;
  color:#4f627a;
  font-size:12px;
  font-weight:500;
  margin-bottom:3px
}
.csv-format {
  background:#f5f7fa;
  border:1px solid var(--line);
  padding:13px;
  border-radius:6px;
  overflow:auto;
  font-family:Consolas,monospace;
  font-size:10px;
  line-height:1.9;
  color:#72839a;
  white-space:pre
}
.batch-summary {
  display:flex;
  gap:16px;
  flex-wrap:wrap;
  font-size:11px;
  color:var(--muted)
}
.batch-summary strong {
  color:#425974;
  margin-right:5px
}
.batch-progress {
  display:flex;
  align-items:center;
  gap:15px;
  margin:17px 0 0
}
.batch-progress .progress-bar {
  flex:1
}
.batch-progress span {
  font-size:10px;
  white-space:nowrap;
  color:var(--muted)
}
.batch-submit-actions {
  display:flex;
  gap:10px;
  justify-content:flex-end;
  margin-top:20px
}
.batch-results {
  margin-top:22px
}
.batch-status-heading {
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap
}
.batch-status-heading h2 {
  font-size:14px
}
.batch-preview-note {
  font-size:10px;
  color:var(--muted);
  line-height:1.9
}
.batch-clear {
  margin-right:auto
}
.batch-draft-notice {
  margin-bottom:15px
}
.subscription-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.subscription-card {
  padding:22px 24px
}
.subscription-top {
  display:flex;
  align-items:center;
  gap:11px
}
.subscription-top .customer-avatar {
  width:35px;
  height:35px
}
.subscription-top h3 {
  font-size:14px
}
.subscription-top .badge {
  margin-left:auto
}
.subscription-meta {
  display:flex;
  gap:22px;
  padding:18px 0;
  margin-top:3px;
  font-size:10px;
  color:var(--muted)
}
.subscription-meta strong {
  display:block;
  color:#5b6f86;
  font-size:12px;
  margin-top:4px;
  font-weight:500
}
.subscription-url-box {
  background:#f5f7fa;
  border:1px solid #edf0f5;
  padding:13px 14px;
  border-radius:7px;
  min-width:0
}
.subscription-url-box .copy-text {
  font-family:Consolas,monospace;
  font-size:11px;
  word-break:break-all;
  color:#6a829c
}
.subscription-bottom {
  margin-top:17px;
  padding-top:15px;
  border-top:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px
}
.subscription-bottom .text-link {
  font-size:11px
}
.relative-url-note {
  font-size:10px;
  color:#9d7c41;
  line-height:1.8;
  margin-top:8px
}
.panels-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px
}
.panel-card {
  padding:23px 24px
}
.panel-top {
  display:flex;
  gap:13px;
  align-items:center
}
.panel-symbol {
  width:38px;
  height:38px;
  border-radius:10px;
  background:var(--blue-light);
  color:#728ca8;
  display:grid;
  place-items:center
}
.panel-top h3 {
  font-size:14px
}
.panel-top .badge {
  margin-left:auto
}
.panel-meta {
  margin:21px 0;
  display:flex;
  flex-direction:column;
  gap:12px
}
.panel-meta .status-row {
  font-size:11px;
  align-items:flex-start
}
.panel-meta dt {
  color:var(--muted);
  white-space:nowrap
}
.panel-meta dd {
  margin:0;
  word-break:break-all;
  text-align:right;
  color:#4b637e
}
.panel-actions {
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  border-top:1px solid var(--line);
  padding-top:17px
}
.panel-actions .btn:last-child {
  margin-left:auto
}
.panel-test-result {
  margin-top:15px;
  font-size:11px;
  color:var(--green);
  line-height:1.8
}
.panel-test-result.error {
  color:var(--red)
}
.entry-host-note {
  margin-bottom:18px
}
.entry-host-list {
  display:grid;
  gap:16px;
  min-width:0
}
.entry-host-card {
  min-width:0;
  padding:18px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff
}
.entry-host-heading {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:14px
}
.entry-host-heading h3 {
  font-size:13px;
  color:var(--navy);
  overflow-wrap:anywhere
}
.entry-host-heading>span {
  color:var(--muted);
  font-size:10px;
  overflow-wrap:anywhere
}
.entry-host-meta {
  margin:0 0 16px;
  font-size:11px;
  line-height:1.8
}
.entry-host-meta dt,.entry-host-effective>span {
  color:var(--muted)
}
.entry-host-meta dd {
  margin:3px 0 0;
  color:#4b637e;
  overflow-wrap:anywhere
}
.entry-host-effective {
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 12px;
  margin-top:14px;
  font-size:11px;
  line-height:1.8
}
.entry-host-effective strong {
  color:var(--navy);
  font-weight:500;
  overflow-wrap:anywhere
}
.entry-host-warning {
  margin-top:10px;
  color:#92713a;
  font-size:11px;
  line-height:1.8
}
.settings-note {
  margin-top:24px
}
.settings-note h3 {
  font-size:12px;
  margin-bottom:10px
}
.settings-note p {
  font-size:11px;
  color:var(--muted);
  line-height:2
}
.settings-note code {
  font-family:Consolas,monospace;
  color:#687d95;
  background:#f1f4f8;
  padding:2px 5px;
  border-radius:4px
}
.record-message {
  font-size:11px;
  max-width:430px;
  overflow-wrap:anywhere
}
.record-id {
  font-size:10px;
  color:var(--muted)
}
.operation-type {
  font-size:12px;
  color:#4c627b
}
.operation-error {
  font-size:10px;
  color:var(--red);
  max-width:300px;
  margin-top:5px;
  overflow-wrap:anywhere
}
.activity-toolbar {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px
}
.activity-toolbar .tabs {
  padding:0;
  border-bottom:0
}
.activity-toolbar .tab {
  padding-top:0;
  padding-bottom:9px
}
.batch-summary-badges {
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap
}
.rule-route-cell {
  min-width:135px
}
.rules-description {
  margin-bottom:18px
}
.text-password {
  letter-spacing:2px;
  color:#91a0af
}
.detail-policy-list {
  display:flex;
  gap:7px;
  flex-wrap:wrap
}
.file-input-label {
  position:relative;
  overflow:hidden
}
.file-input-label input[type=file] {
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  min-height:0;
  padding:0;
  left:0;
  top:0
}
@media(max-width:1180px) {
  .login-story {
    padding:45px
  }
  .login-copy h1 {
    font-size:36px
  }
  .stat-grid {
    gap:12px
  }
  .stat-card {
    padding:17px 18px
  }
  .stat-value {
    font-size:28px
  }
  .overview-columns {
    grid-template-columns:1fr
  }
  .quick-actions {
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .quick-action {
    padding:15px 10px;
    display:block
  }
  .quick-action>div {
    margin-top:9px
  }
  .quick-action>.icon {
    display:none
  }
  .quick-action-icon {
    width:30px;
    height:30px
  }
  .batch-layout {
    grid-template-columns:1fr
  }
  .batch-layout>.card+.card {
    margin-top:0
  }
  .csv-guidelines {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .subscription-card,.panel-card {
    padding:20px
  }
  .subscription-list,.panels-grid {
    gap:16px
  }
  .detail-two-columns {
    grid-template-columns:1fr
  }
  .detail-two-columns>.card+.card {
    margin-top:0
  }
  .customer-table th:nth-child(n) {
    width:auto
  }
  .customer-table .cell-actions {
    min-width:85px
  }
  .overview-banner {
    padding:24px
  }
  .banner-tag {
    display:none
  }
}
@media(max-width:760px) {
  .login-layout {
    display:flex;
    flex-direction:column;
    min-height:100dvh
  }
  .login-story {
    padding:27px 25px 32px;
    min-height:auto;
    display:block
  }
  .login-story .brand-mark {
    width:32px;
    height:32px
  }
  .login-story .brand-name {
    font-size:15px
  }
  .login-story .brand-subtitle {
    font-size:7px
  }
  .login-copy {
    margin-top:37px
  }
  .login-copy .eyebrow {
    font-size:8px;
    margin-bottom:9px
  }
  .login-copy h1 {
    font-size:29px;
    line-height:1.6;
    letter-spacing:.5px
  }
  .login-copy h1 br {
    display:none
  }
  .login-copy p {
    font-size:11px;
    line-height:1.9;
    margin-top:12px;
    max-width:310px
  }
  .login-capabilities,.login-story-foot {
    display:none
  }
  .login-story::after {
    font-size:165px;
    bottom:-35px;
    left:auto;
    right:12px;
    letter-spacing:-15px
  }
  .login-main {
    padding:30px 25px 38px;
    align-items:flex-start
  }
  .login-box {
    max-width:420px
  }
  .login-box h2 {
    font-size:22px
  }
  .login-box .eyebrow {
    font-size:8px;
    margin-bottom:9px
  }
  .login-intro {
    font-size:11px;
    margin-bottom:24px
  }
  .login-form {
    gap:19px
  }
  .login-form input {
    font-size:16px
  }
  .login-security {
    margin-top:23px;
    padding-top:19px;
    font-size:9px
  }
  .overview-banner {
    padding:22px 21px;
    margin-bottom:17px;
    display:block;
    border-radius:10px
  }
  .overview-banner h2 {
    font-size:19px;
    line-height:1.6
  }
  .overview-banner p {
    font-size:10px;
    line-height:2;
    max-width:250px;
    margin-top:9px
  }
  .overview-banner::after {
    right:20px;
    font-size:110px;
    bottom:-20px
  }
  .banner-eyebrow {
    font-size:8px
  }
  .stat-grid {
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:18px
  }
  .stat-card {
    padding:16px 17px
  }
  .stat-top {
    font-size:10px
  }
  .stat-icon {
    width:27px;
    height:27px;
    border-radius:7px
  }
  .stat-icon .icon {
    width:15px;
    height:15px
  }
  .stat-value {
    font-size:29px;
    margin-top:15px
  }
  .stat-note {
    font-size:9px;
    line-height:1.7;
    margin-top:7px
  }
  .stat-value small {
    font-size:10px;
    margin-left:4px
  }
  .overview-columns {
    gap:18px
  }
  .quick-actions {
    grid-template-columns:1fr 1fr;
    gap:10px
  }
  .quick-action {
    padding:14px 12px;
    display:flex;
    gap:10px
  }
  .quick-action>div {
    margin-top:0
  }
  .quick-action strong {
    font-size:11px
  }
  .quick-action small {
    font-size:8px
  }
  .quick-action-icon {
    width:30px;
    height:30px
  }
  .overview-activity {
    margin-top:18px
  }
  .activity-mini {
    padding:0 18px
  }
  .activity-mini-item {
    gap:10px;
    padding:15px 0;
    flex-wrap:wrap
  }
  .activity-mini-item time {
    font-size:9px;
    width:100%;
    padding-left:16px;
    margin-top:-5px
  }
  .activity-mini-message strong {
    font-size:11px
  }
  .info-note {
    font-size:9px;
    margin-top:18px
  }
  .customer-name-line {
    gap:10px
  }
  .customer-avatar {
    width:33px;
    height:33px;
    font-size:12px
  }
  .customer-detail-hero {
    padding:20px;
    gap:12px;
    flex-wrap:wrap
  }
  .customer-detail-hero h2 {
    font-size:18px
  }
  .customer-detail-hero .customer-avatar {
    width:41px;
    height:41px;
    font-size:14px
  }
  .customer-detail-hero .badge {
    margin-left:auto
  }
  .detail-section {
    padding:20px
  }
  .detail-subscription {
    padding:13px;
    flex-wrap:wrap
  }
  .detail-subscription>div {
    flex-basis:100%
  }
  .detail-two-columns {
    gap:18px;
    margin-top:18px
  }
  .batch-layout {
    gap:18px
  }
  .csv-input {
    font-size:13px;
    min-height:205px
  }
  .csv-guidelines {
    grid-template-columns:1fr;
    gap:16px
  }
  .batch-submit-actions {
    flex-wrap:wrap
  }
  .batch-submit-actions>.btn {
    flex:1
  }
  .batch-submit-actions .batch-clear {
    flex-basis:100%;
    margin:0
  }
  .batch-summary {
    gap:12px;
    font-size:10px
  }
  .batch-summary strong {
    margin-right:4px
  }
  .batch-status-heading {
    gap:8px
  }
  .batch-summary-badges {
    margin-top:10px
  }
  .subscription-list,.panels-grid {
    grid-template-columns:1fr;
    gap:16px
  }
  .subscription-card,.panel-card {
    padding:20px
  }
  .subscription-meta {
    gap:28px
  }
  .subscription-url-box {
    padding:12px
  }
  .panel-actions .btn {
    min-height:33px;
    font-size:11px
  }
  .entry-host-card {
    padding:15px
  }
  .settings-note p {
    font-size:11px
  }
  .activity-toolbar {
    align-items:center;
    gap:10px
  }
  .activity-toolbar .tabs {
    gap:20px
  }
  .activity-toolbar .btn {
    font-size:11px;
    min-height:34px;
    padding:6px 10px
  }
  .record-message {
    max-width:none
  }
  .operation-error {
    max-width:none
  }
  .rule-route-cell {
    min-width:0
  }
  .traffic-cell {
    min-width:0
  }
  .traffic-cell .progress-bar {
    max-width:150px
  }
  .rules-description {
    margin-bottom:15px
  }
}