:root{
    --bg:#0b0f14;
    --card:#121822;
    --muted:#9fb0c3;
    --text:#eaf2ff;
    --accent:#5aa9ff;
    --accent-2:#00d4a6;
    --danger:#ff6b6b;
    --border:#1e293b;
  }
  
  *{ box-sizing:border-box; }
  html,body{ height:100%; }
  body{
    margin:0;
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji";
    background: radial-gradient(1200px 600px at 10% -10%, #0f1d2e 0%, var(--bg) 50%);
    color:var(--text);
    line-height:1.5;
  }
  
  .container{ max-width:1100px; margin:0 auto; padding:24px; }
  .header{
    display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px;
  }
  h1{ margin:0; letter-spacing:.5px; font-weight:800; }
  h1 .dot{ color:var(--accent); }
  nav .btn{ margin-left:8px; }
  
  .grid.two{ display:grid; grid-template-columns: 1fr 1fr; gap:16px; }
  @media (max-width:900px){ .grid.two{ grid-template-columns: 1fr; } }
  
  .card{
    background: linear-gradient(180deg, rgba(18,24,34,.6), rgba(18,24,34,.9));
    border:1px solid var(--border);
    border-radius:16px;
    padding:18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.25);
  }
  .card h2{ margin-top:0; margin-bottom:10px; }
  
  .form label{ display:block; margin-bottom:10px; }
  .form label span{ display:block; font-size:.9rem; color:var(--muted); margin-bottom:6px; }
  .form input[type="text"],
  .form input[type="date"],
  .form input[type="month"],
  .form input[type="number"],
  .form select,
  .form textarea{
    width:100%;
    padding:10px 12px;
    background:#0e1420; color:var(--text);
    border:1px solid var(--border); border-radius:10px;
    outline:none;
  }
  .form textarea{ resize:vertical; }
  
  .row{ display:grid; grid-template-columns: 1fr 1fr 1fr; gap:10px; }
  @media (max-width:700px){ .row{ grid-template-columns: 1fr; } }
  
  .actions{ display:flex; gap:10px; margin-top:8px; }
  
  .btn{
    appearance:none; border:none; cursor:pointer;
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    color:#001018; font-weight:700;
    padding:10px 14px; border-radius:999px;
    transition:.15s transform ease, .15s filter ease;
    text-decoration:none; display:inline-flex; align-items:center; justify-content:center;
  }
  .btn:hover{ transform: translateY(-1px); filter:brightness(1.05); }
  .btn.ghost{ background:transparent; border:1px solid var(--border); color:var(--text); }
  .btn.outline{ background:transparent; border:1px solid var(--accent); color:var(--accent); }
  
  .table-wrapper{ overflow:auto; border-radius:12px; border:1px solid var(--border); }
  table{ width:100%; border-collapse:collapse; min-width:760px; }
  th, td{ padding:10px 12px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
  th{ position:sticky; top:0; background:#0e1420; z-index:1; }
  td.right, th.right{ text-align:right; }
  td.notes{ max-width:320px; }
  
  .link{
    color:var(--accent); text-decoration:none; font-weight:600;
    padding:0; background:none; border:none; cursor:pointer;
  }
  .link:hover{ text-decoration:underline; }
  .link.danger{ color:var(--danger); }
  .inline{ display:inline; }
  
  .footer{ margin-top:18px; color:var(--muted); text-align:center; }
  
  .muted{ color:var(--muted); }
  
  .alert{
    margin-bottom:14px; padding:10px 12px;
    background: rgba(255,107,107,.08); border:1px solid rgba(255,107,107,.35);
    color:#ffd7d7; border-radius:12px;
  }
  
  .stats{ display:grid; grid-template-columns: repeat(4,1fr); gap:10px; margin-top:10px; }
  @media (max-width:700px){ .stats{ grid-template-columns: repeat(2,1fr); } }
  .stat{ background:#0e1420; border:1px solid var(--border); border-radius:12px; padding:10px; }
  .stat-label{ color:var(--muted); font-size:.85rem; }
  .stat-value{ font-size:1.2rem; font-weight:800; }
  .actions-col{ white-space:nowrap; }
  
  .btn-sm{ padding:6px 10px; border-radius:999px; font-size:.9rem; }