:root{
  --sc-bg:#040816;
  --sc-header:#080d18;
  --sc-panel:#10172a;
  --sc-panel-2:#0b1120;
  --sc-border:#26324d;
  --sc-text:#ffffff;
  --sc-muted:#aebbd6;
  --sc-accent:#4e86f7;
  --sc-danger:#b83a3a;
  --sc-success:#4ade80;
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;background:var(--sc-bg);color:var(--sc-text);font-family:Arial,sans-serif}
a{color:inherit}
.sc-header{min-height:70px;background:var(--sc-header);display:flex;align-items:center;gap:12px;padding:10px 20px;position:relative;z-index:50}
.sc-brand{font-weight:700;white-space:nowrap}
.sc-nav-toggle{display:none;margin-left:auto;background:#2d2d2d;color:#fff;border:0;border-radius:10px;width:46px;height:44px;font-size:22px;cursor:pointer}
.sc-nav{margin-left:auto;display:flex;align-items:center;gap:10px;min-width:0}
.sc-user{color:#dbe7ff;font-size:14px;white-space:nowrap}
.sc-link,.sc-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:0;border-radius:10px;background:#2d2d2d;color:#fff;text-decoration:none;font-size:14px;cursor:pointer;white-space:nowrap}
.sc-link.primary,.sc-button.primary{background:var(--sc-accent)}
.sc-link.danger,.sc-button.danger{background:var(--sc-danger)}
.sc-wrap{max-width:1180px;margin:0 auto;padding:30px 24px}
.sc-card{background:var(--sc-panel);border:1px solid var(--sc-border);border-radius:18px;padding:26px}
.sc-muted{color:var(--sc-muted)}
.sc-app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:22px}
.sc-app-card{display:block;background:var(--sc-panel-2);border:1px solid var(--sc-border);border-radius:16px;padding:22px;text-decoration:none;min-height:150px}
.sc-app-card h3{margin:0 0 10px}.sc-app-card p{margin:0;color:var(--sc-muted);line-height:1.45}
.sc-app-card:hover{border-color:#4d6fae}
.sc-mobile-only{display:none}

@media(max-width:820px){
  .sc-header{min-height:62px;padding:9px 12px;flex-wrap:wrap}
  .sc-brand{font-size:16px}
  .sc-nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .sc-nav{display:none;width:100%;margin-left:0;flex-direction:column;align-items:stretch;gap:8px;padding:4px 0 8px}
  .sc-header.nav-open .sc-nav{display:flex}
  .sc-user{white-space:normal;padding:6px 2px 2px}
  .sc-link,.sc-button{width:100%;min-height:46px;font-size:16px}
  .sc-wrap{padding:18px 12px}
  .sc-card{padding:18px;border-radius:15px}
  .sc-app-grid{grid-template-columns:1fr;gap:12px}
  .sc-app-card{min-height:0;padding:18px}
  .sc-mobile-only{display:block}
  h1{font-size:28px;line-height:1.15}
  h2{font-size:22px}
  input,select,textarea,button{font-size:16px}
  table{max-width:100%}
}

@media(min-width:821px) and (max-width:1100px){
  .sc-user{display:none}
  .sc-header{padding-left:14px;padding-right:14px}
  .sc-link{padding-left:11px;padding-right:11px}
}