:root{
--primary: #39AAE1;
--dark: #2c3e50;
--bg: #f4f7f6;
}
*{box-sizing: border-box;margin:0;padding: 0;}
body {font-family: Arial, sans-serif;background-color: var(--bg);color:#333;padding: 20px;}


* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: Arial, sans-serif; background-color: var(--bg); color: #333; padding: 20px; }
.container { max-width: 800px; margin: 40px auto; background: #fff; padding: 30px; border-radius:8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); }
h2, h1 { margin-bottom: 20px; color: var(--dark); }
input, select, button { width: 100%; padding: 12px; margin-bottom: 15px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; }
button { background-color: var(--primary); color: white; border: none; font-weight: bold; cursor: pointer; transition: background 0.2s; }
button:hover { background-color: #2980b9; }
.btn-secondary { background-color: #7f8c8d; }
.btn-danger { background-color: #e74c3c; width: auto; padding: 8px 15px; }
.card { background: #fafafa; padding: 20px; border-radius: 6px; margin-bottom: 20px; border: 1px solid #eee; }
.form-buttons { display: flex; gap: 10px; }
.links-list { display: flex; flex-direction: column; gap: 15px; }
.link-item { display: flex; justify-content: space-between; align-items: center; padding: 15px; background: #fff; border: 1px solid #ddd; border-radius: 6px; }
.link-info a { color: var(--primary); font-weight: bold; text-decoration: none; font-size: 18px; }
.link-info p { font-size: 14px; color: #666; margin-top: 5px; }
.link-actions { display: flex; gap: 8px; }
.link-actions button { width: auto; padding: 6px 12px; font-size: 14px; }
.error { color: #e74c3c; font-size: 14px; }