:root{
  --wc-bg:#07111f;--wc-panel:#0d1b2d;--wc-line:#1c3550;
  --wc-text:#eef6ff;--wc-muted:#9bb0c5;--wc-accent:#55c7ff;--wc-accent2:#7ce3d0;
}
html{overflow-x:hidden;-webkit-text-size-adjust:100%}
body{max-width:100%;overflow-x:hidden}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
input,select,textarea{font-size:16px;max-width:100%}
img,svg,iframe{max-width:100%}
.brand{min-width:0}
.wc-mark{width:34px;height:34px;display:block;flex:0 0 34px;border-radius:10px}
@media(max-width:850px){
  .navin{height:64px!important}
  .dashboard{grid-template-columns:1fr!important}
  .sidebar{display:none!important}
  .main{padding:18px 14px!important}
  .mobilebar{display:flex!important;gap:8px;overflow-x:auto;padding-bottom:2px}
  .mobilebar a{white-space:nowrap;min-height:42px;display:inline-flex;align-items:center}
  .topbar{align-items:flex-start!important;flex-wrap:wrap}
  .topbar h1{font-size:28px!important}
  .grid,.grid2{grid-template-columns:1fr!important}
  .tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table{min-width:680px}
  .searchrow{align-items:stretch}
  .searchrow input{min-width:0!important;width:100%}
  .login{padding:16px!important}
  .loginbox{padding:22px!important}
}
@media(max-width:480px){
  .container{width:min(var(--max),calc(100% - 24px))!important}
  .navin{gap:10px}
  .user span:first-child{display:none}
  .brand{font-size:15px!important}
  .wc-mark{width:30px;height:30px;flex-basis:30px}
  .actions .btn{width:100%}
  .panel,.card{border-radius:15px!important}
}