*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f4f6;color:#111827}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#111827;color:#fff;padding:24px}.sidebar a{display:block;color:#e5e7eb;text-decoration:none;padding:12px;border-radius:10px}.sidebar a:hover{background:#374151}.main{margin-left:240px;padding:28px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 10px 25px #0001;margin-bottom:16px}.card b{font-size:28px}.btn,button{background:var(--primary,#111827);color:white;border:0;border-radius:12px;padding:12px 16px;text-decoration:none;display:inline-block;cursor:pointer}input,select,textarea{width:100%;padding:13px;border:1px solid #d1d5db;border-radius:12px;margin:7px 0}.inline-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.row{background:#fff;border-radius:14px;margin:8px 0;padding:15px;display:flex;justify-content:space-between;gap:12px}.login{display:grid;place-items:center;min-height:100vh}.login-card{max-width:380px;width:92%}.error{color:#b91c1c}.site{background:#fff}.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:var(--primary,#111827);color:#fff}.site-header a{color:#fff;text-decoration:none;margin-left:16px}.hero{padding:70px 8%;background:linear-gradient(135deg,var(--primary,#111827),#374151);color:#fff}.hero h1{font-size:46px}.site main{padding:30px 8%}.form-card{max-width:620px}.table{max-width:1000px}