:root { --bg:#f8fafc; --surface:#fff; --text:#0f172a; --border:#e2e8f0; --accent:#0ea5e9; --danger:#dc2626; --success:#16a34a; --shadow:0 12px 32px rgba(15,23,42,.08); }
*{box-sizing:border-box} body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)} a{text-decoration:none;color:inherit} .container{width:min(1200px,calc(100% - 32px));margin:0 auto} .card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px} .card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px} .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:var(--accent);color:#fff;border-radius:10px;border:none;cursor:pointer} .btn-secondary{background:#1e293b} .form-stack{display:grid;gap:10px} input,select,textarea{width:100%;padding:12px;border:1px solid var(--border);border-radius:10px} textarea{min-height:90px} .alert{width:min(1200px,calc(100% - 32px));margin:16px auto;padding:12px 14px;border-radius:10px}.alert-success{background:rgba(22,163,74,.12);color:var(--success)}.alert-error{background:rgba(220,38,38,.12);color:var(--danger)}