*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;color:#222;background:#f7f7f9}
.container{max-width:1000px;margin:0 auto;padding:16px}
.navbar{background:#0b7a75;color:#fff}
.navbar .brand{font-weight:700}
.navbar .menu{list-style:none;margin:0;padding:0;display:flex;gap:12px}
.navbar a{color:#fff;text-decoration:none;padding:12px 8px;display:block}
.card{background:#fff;border:1px solid #e4e4e7;border-radius:8px;padding:16px;margin-bottom:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.table{width:100%;border-collapse:collapse}
.table th,.table td{border:1px solid #e4e4e7;padding:8px}
.table th{background:#fafafa;text-align:left}
.btn{background:#0b7a75;color:#fff;border:none;border-radius:6px;padding:10px 14px;cursor:pointer}
.btn.secondary{background:#6b7280}
.input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px}
.form-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;align-items:center;margin-bottom:10px}
.footer{background:#0f172a;color:#fff;margin-top:24px}
.footer .container{padding:16px}
.alert{padding:10px;border-radius:6px;margin-bottom:12px}
.alert.error{background:#fee2e2;color:#991b1b}
.alert.success{background:#dcfce7;color:#166534}