body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f7f9fb; color:#222; }

:root{--accent:#0366d6;--bg:#f7f9fb;--card:#fff;--muted:#6b7280}
html,body{height:100%}
body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg); color:#111; margin:0 }
header, nav { background:var(--card); padding:12px 20px; border-bottom:1px solid #eef3f8; box-shadow:0 1px 2px rgba(16,24,40,0.03) }
nav a { color:var(--accent); text-decoration:none; margin-right:12px }
main { max-width:1100px; margin:20px auto; background:var(--card); padding:20px; border-radius:8px; box-shadow:0 2px 6px rgba(16,24,40,0.04) }
.container{max-width:1100px;margin:0 auto;padding:16px}
.messages { margin-bottom: 1rem; }
.messages .success { color: #1a7f37; }
.messages .error { color: #b02a37; }
table { border-collapse: collapse; width: 100%; }
table th, table td { padding:8px 10px; border:1px solid #e6eef6; text-align:left }
h1 { margin-top: 0 }
.btn { background:var(--accent); color:#fff; padding:8px 12px; border-radius:6px; display:inline-block; text-decoration:none }
.form-row{margin-bottom:12px}
label{display:block;margin-bottom:6px;color:var(--muted)}
input[type="text"], input[type="email"], input[type="password"], textarea, select{width:100%;padding:8px;border:1px solid #dbe9f7;border-radius:6px}

@media (max-width:700px){
	main{margin:12px;padding:14px}
	nav{padding:10px}
}

/* pseudo-fullscreen fallback used on iOS / browsers without Fullscreen API */
.pseudo-fullscreen{
	position:fixed;
	inset:0;
	width:100%;
	height:100%;
	background:var(--card);
	z-index:9999;
	overflow:auto;
}
.pseudo-fullscreen main{ /* make the main content fill the area */
	max-width: none;
	margin: 0;
	padding: 16px;
	height: 100%;
	border-radius: 0;
	box-shadow: none;
}