*{box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{color:#222;background:#f5f5f5;min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}main{width:min(900px,100% - 2rem);margin:0 auto;padding:2rem 0}.navbar{color:#fff;background:#111827;align-items:center;gap:1.25rem;padding:1rem max(1rem,50% - 450px);display:flex}.navbar a{font-weight:600;text-decoration:none}.navbar a:hover{text-decoration:underline}.nav-left,.nav-right{align-items:center;gap:1.25rem;display:flex}.nav-right{margin-left:auto}.navbar button{color:#fff;background:#374151;border:0;border-radius:6px;padding:.5rem .9rem}.navbar button:hover{background:#4b5563}.dashboard-page{gap:2rem;display:grid}.dashboard-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.dashboard-header h1{margin:0}.dashboard-header p{color:#6b7280;margin-bottom:0}.primary-link{color:#fff;background:#111827;border-radius:6px;padding:.7rem 1rem;font-weight:600;text-decoration:none}.primary-link:hover{background:#374151}.dashboard-post-list{gap:1rem;display:grid}.dashboard-post-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.post-card-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.post-card-header h2{margin:0}.status-badge{border-radius:999px;padding:.25rem .6rem;font-size:.8rem;font-weight:700}.status-badge.published{color:#166534;background:#dcfce7}.status-badge.draft{color:#4b5563;background:#f3f4f6}.edit-link{margin-top:.5rem;font-weight:600;display:inline-block}.danger-zone{background:#fff;border:1px solid #fecaca;border-radius:10px;padding:1.5rem}.danger-zone h2{color:#991b1b;margin-top:0}.danger-button{color:#fff;background:#b91c1c;border:0;border-radius:6px;padding:.65rem 1rem;font-weight:600}.danger-button:hover{background:#991b1b}.editor-page{justify-content:center;display:flex}.editor-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:1rem;width:min(100%,750px);padding:2rem;display:grid;box-shadow:0 2px 8px #0000000d}.editor-form h1{margin:0 0 .5rem}.editor-form label{font-weight:600}.editor-form input,.editor-form textarea{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.75rem}.editor-form textarea{resize:vertical;min-height:320px;line-height:1.6}.editor-form input:focus,.editor-form textarea:focus{outline-offset:2px;outline:2px solid #2563eb}.editor-actions{flex-wrap:wrap;gap:.75rem;display:flex}.editor-actions button{color:#fff;background:#111827;border:0;border-radius:6px;padding:.7rem 1rem;font-weight:600}.editor-actions button:hover{background:#374151}.editor-danger{border-top:1px solid #e5e7eb;margin-top:1rem;padding-top:1rem}.auth-page{justify-content:center;align-items:flex-start;padding-top:3rem;display:flex}.auth-form{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:1rem;width:min(100%,420px);padding:2rem;display:grid;box-shadow:0 2px 8px #0000000d}.auth-form h1{margin:0 0 .5rem}.auth-form label{font-weight:600}.auth-form input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.7rem .8rem}.auth-form input:focus{outline-offset:2px;outline:2px solid #2563eb}.auth-form button{color:#fff;background:#111827;border:0;border-radius:6px;padding:.7rem 1rem;font-weight:600}.auth-form button:hover{background:#374151}