/* BASE.CSS - Базовые стили */

:root{
  --bg:#ffffff;
  --card:#fff;
  --muted:#6b7280;
  --text:#0f172a;
  --primary:#4f46e5;
  --primary-weak:#eef2ff;
  --success:#16a34a;
  --warning:#f59e0b;
  --danger:#ef4444;
  --stroke:#e5e7eb;
  --chip:#f3f4f6;
  --blue:#2563eb;
  --green:#10b981;
  --orange:#f59e0b;
  --indigo:#4f46e5;
}

*{box-sizing:border-box}
html,body{height:100%}

body{
  margin:0;
  padding-top:60px;
  background:var(--bg);
  color:var(--text);
  font:14px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
}

.btn{
  padding:8px 12px; border-radius:10px; border:1px solid var(--stroke);
  background:#fff; cursor:pointer; font-weight:600;
  transition: all 0.2s;
  font-size:13px;
}
.btn:hover{transform:translateY(-1px); box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.btn.primary{
  background:var(--indigo) !important; 
  color:#fff !important; 
  border:2px solid var(--indigo) !important;
  border-radius:12px !important; 
  overflow:hidden !important;
  box-shadow: 0 0 0 0 transparent !important;
}
.btn.success{background:var(--green); color:#fff; border-color:var(--green)}
.btn.warning{background:var(--orange); color:#fff; border-color:var(--orange)}
.btn.danger{background:var(--danger); color:#fff; border-color:var(--danger)}
.btn.ghost{background:#fff}
.btn.sm{
  padding:7px 14px !important; 
  font-size:12px; 
  border-radius:10px !important; 
  overflow:hidden !important;
}

.flex{display:flex; gap:10px; align-items:center}
.right{justify-self:end}
.hidden{display:none}

@keyframes pulse{
  0%, 100%{opacity:1;}
  50%{opacity:0.5;}
}

@keyframes slideIn{
  from{transform:translateX(400px); opacity:0}
  to{transform:translateX(0); opacity:1}
}