body { font-family: 'DM Sans', sans-serif; background: #f5f2ec; color: #1c1917; }
    .font-display { font-family: 'Playfair Display', serif; }
    .text-gold { color: #bfa268; }
    .bg-gold { background: #bfa268; }

    /* Login page */
    .login-bg {
      background: linear-gradient(135deg, #1c1917 0%, #2d2520 50%, #3b2b0e 100%);
      min-height: 100vh;
    }

    /* Form inputs */
    .form-input {
      width: 100%; padding: 11px 14px; border: 1px solid #e2ddd6;
      font-family: 'DM Sans', sans-serif; font-size: 14px; color: #1c1917;
      outline: none; transition: border-color 0.2s, box-shadow 0.2s;
      background: white;
    }
    .form-input:focus { border-color: #bfa268; box-shadow: 0 0 0 3px rgba(191,162,104,0.1); }
    .form-input::placeholder { color: #a09880; }
    textarea.form-input { resize: vertical; }

    /* Table */
    .admin-table td, .admin-table th { padding: 14px 16px; }
    .admin-table tr:hover td { background: #faf8f5; }

    /* Modal */
    #modal-overlay { transition: opacity 0.25s; }

    /* Sidebar */
    .nav-item { transition: all 0.15s; }
    .nav-item.active { background: #bfa268; color: #1c1917; font-weight: 600; }
    .nav-item:not(.active):hover { background: rgba(255,255,255,0.08); }

    ::-webkit-scrollbar { width: 5px; }
    ::-webkit-scrollbar-track { background: #f5f2ec; }
    ::-webkit-scrollbar-thumb { background: #bfa268; border-radius: 3px; }