:root{--primary: #2563eb;--primary-hover: #1d4ed8;--bg-body: #f1f5f9;--bg-card: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--danger: #ef4444;--success: #22c55e;--radius: 12px;--shadow: 0 4px 6px -1px rgb(0 0 0 / .1)}body{background-color:var(--bg-body);color:var(--text-main);font-family:Inter,-apple-system,sans-serif;margin:0;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:40px 20px}nav{background:var(--bg-card);padding:1rem 2rem;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}nav a{color:var(--text-muted);text-decoration:none;font-weight:500;margin-right:20px;transition:color .2s}nav a:hover,nav a.active{color:var(--primary)}button{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:600;transition:all .2s}button.primary{background:var(--primary);color:#fff}button.primary:hover{background:var(--primary-hover);transform:translateY(-1px)}button.danger{background:var(--danger);color:#fff}button.text-only{background:none;color:var(--text-muted);padding:5px}.fab{position:fixed;bottom:30px;right:30px;background:var(--primary);color:#fff;width:60px;height:60px;border-radius:50%;font-size:30px;box-shadow:0 10px 15px -3px #2563eb4d;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;z-index:100}.fab:hover{transform:scale(1.1)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.card{background:var(--bg-card);padding:24px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:transform .2s}.card:hover{border-color:var(--primary)}input,select{width:100%;padding:12px;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;box-sizing:border-box;font-size:14px}input:focus{outline:2px solid var(--primary);border-color:transparent}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:#fff;padding:30px;width:400px;border-radius:var(--radius);box-shadow:0 20px 25px -5px #0000001a}