:root{
  --sg-blue:#0a192f;
  --sg-cyan:#64ffda;
  --sg-bg:#eef2f5;
  --sg-card:#ffffff;
  --sg-border:rgba(10,25,47,.10);
  --sg-muted:#64748b;
}

html,body{
  background:var(--sg-bg);
  color:#0f172a;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial,sans-serif;
}

.sg-card{
  background:var(--sg-card);
  border:1px solid var(--sg-border);
  border-radius:16px;
  box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.sg-title{
  color:var(--sg-blue);
  font-weight:800;
  letter-spacing:.4px;
}

.sg-muted{color:var(--sg-muted);}

/* Buttons */
.sg-btn{border-radius:12px; font-weight:800; letter-spacing:.4px;}
.sg-btn-primary{background:var(--sg-blue); color:#fff !important;}
.sg-btn-primary:hover{background:#081426;}
.sg-btn-accent{background:var(--sg-cyan); color:var(--sg-blue) !important;}
.sg-btn-accent:hover{filter:brightness(.95);}
.sg-btn-danger{background:#ef4444; color:#fff !important;}

/* Tables on mobile */
.sg-table-wrap{overflow:auto; -webkit-overflow-scrolling:touch;}
.sg-table-wrap table{min-width:720px;}

/* Make big action buttons easier on phone */
@media (max-width:640px){
  .uk-button, .sg-btn{width:100%;}
  .uk-button + .uk-button{margin-top:8px;}
}

/* UIkit tweaks */
.uk-button{border-radius:12px; font-weight:800; letter-spacing:.35px;}
.uk-button-primary{background:var(--sg-blue);} 
.uk-button-primary:hover{background:#081426;}
.uk-navbar-container{background:var(--sg-blue) !important;}
.uk-navbar-nav>li>a{color:#fff !important; font-weight:800;}
.uk-navbar-toggle{color:#fff !important;}
.uk-label{border-radius:999px; font-weight:800;}

/* Forms */
.uk-input,.uk-select,.uk-textarea{border-radius:12px;}

/* Sticky action bar on mobile */
@media (max-width:640px){
  .sg-mobile-actions{position:sticky; bottom:0; background:rgba(238,242,245,.96); padding:10px; border-top:1px solid var(--sg-border); z-index:20;}
  .sg-mobile-actions .uk-button{width:100%; margin:6px 0;}
}