:root{--bg:#f5f5f5;--text:#333;--card:#fff;--border:#ddd;--shadow:0 2px 8px #0000000f;--danger:#b00020;--muted:#555;--muted-2:#888;--published:#0b6}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Arial,sans-serif}.container{max-width:90%;margin:0 auto;padding:30px}.stack{gap:16px;display:grid}.card{background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:18px}.header h1{margin:10px 0 8px;font-size:24px}.header p{color:var(--muted);margin:0}.header-logo{object-fit:contain;width:550px;max-width:100%;height:auto;margin:0 auto;display:block}.input,.textarea,.search{border:1px solid var(--border);width:100%;color:var(--text);background:#fff;border-radius:10px;outline:none;padding:10px}.textarea{resize:vertical}.field{margin-bottom:10px}.row{align-items:center;gap:10px;margin-top:10px;display:flex}.row-end{margin-left:auto}.checkbox{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--border);cursor:pointer;color:var(--text);background:#fff;border-radius:10px;padding:10px 14px}.btn-sm{padding:8px 12px}.btn:disabled{opacity:.6;cursor:not-allowed}.list{gap:10px;display:grid}.item{background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:14px}.item-top{justify-content:space-between;gap:10px;display:flex}.item-main{flex:1}.item-title-row{align-items:center;gap:10px;display:flex}.item-title{font-weight:800}.badge{border:1px solid var(--border);color:var(--muted-2);border-radius:999px;padding:4px 8px;font-size:12px}.badge.published{color:var(--published)}.body-text{color:var(--muted);white-space:pre-wrap;margin-top:8px}.item-actions{align-content:start;gap:8px;display:grid}.preview-img{object-fit:cover;border:1px solid #eee;border-radius:12px;width:100%;max-height:320px;margin-top:10px}.news-img{object-fit:cover;border-radius:12px;width:100%;max-height:1200px;margin-bottom:10px}.error{white-space:pre-wrap;color:var(--danger);margin-top:10px}.footer{color:var(--muted-2);padding:10px 0 0;font-size:14px}.login-page{min-height:100vh;color:var(--foreground);font-family:var(--font-sans);transition:var(--transition);background:#f5f5f5;justify-content:center;align-items:center;display:flex}.login-card{border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--surface-border);width:100%;max-width:400px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;padding:2.5rem}.login-title{color:var(--foreground);margin-bottom:2rem;font-size:2rem;font-weight:700}.login-form{gap:1.25rem;display:grid}.input-group{text-align:left;flex-direction:column;display:flex}.input-group label{margin-bottom:.25rem;font-weight:600}.input-group input{border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface);color:var(--foreground);font-family:var(--font-sans);transition:var(--transition);width:100%;max-width:300px;margin:0 auto;padding:.75rem 1rem;display:block}.input-group input:focus{border-color:var(--accent-solid);outline:none;box-shadow:0 0 0 2px #c7924840}.login-error{color:red;text-align:center;font-size:.875rem}.login-btn{background:var(--accent-solid);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;box-shadow:var(--shadow-md);transition:var(--transition);border:none;padding:.75rem;font-size:1rem;font-weight:600}.login-btn:hover{box-shadow:var(--shadow-lg);transform:scale(1.03)}.login-btn:active{transform:scale(.98)}.signup-text{color:var(--foreground);margin-top:1.5rem;font-size:.875rem}.signup-text a{color:var(--accent-solid);font-weight:600;text-decoration:underline}