:root{--bg:#f3f6fb;--bg-accent:#e8eef8;--ink:#0f1b2d;--muted:#5b6b82;--card:#ffffff;--line:#d7e0ee;--navy:#0b2a4a;--orange:#f07a1a;--orange-soft:#fff1e6;--ok:#0f7b4c;--shadow:0 10px 30px rgba(15,27,45,0.08);--radius:18px;--font:"Segoe UI","Avenir Next","Trebuchet MS",sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top left,rgba(240,122,26,.12),transparent 28%),linear-gradient(180deg,#f7f9fd 0,var(--bg) 45%,var(--bg-accent) 100%);color:var(--ink);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.app-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 3rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.brand{display:flex;flex-direction:column;gap:.15rem}.brand strong{font-size:1.45rem;letter-spacing:-.03em;color:var(--navy)}.brand span{color:var(--muted);font-size:.95rem}.nav{display:flex;gap:.6rem}.btn,.nav a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);padding:.7rem 1.05rem;cursor:pointer;transition:.15s ease}.btn:hover,.nav a:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn-primary{background:var(--navy);border-color:var(--navy);color:white}.btn-accent{background:var(--orange);border-color:var(--orange);color:white}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.hero{display:grid;grid-gap:.75rem;gap:.75rem;margin-bottom:1.25rem}.hero h1{margin:0;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.04em;color:var(--navy)}.hero p{margin:0;color:var(--muted);max-width:62ch;line-height:1.5}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.grid-posts{display:grid;grid-gap:1rem;gap:1rem}.post-card{display:grid;grid-template-columns:180px 1fr;grid-gap:1rem;gap:1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.post-card .no-image,.post-card img{width:100%;height:100%;min-height:240px;object-fit:cover;background:#dbe5f3}.no-image{display:grid;place-items:center;color:var(--muted);padding:1rem;text-align:center}.post-body{padding:1rem 1rem 1rem 0;display:grid;grid-gap:.75rem;gap:.75rem}.meta{display:flex;flex-wrap:wrap;gap:.45rem}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:.28rem .7rem;background:var(--orange-soft);color:#9a4b00;font-size:.82rem;font-weight:600}.chip.navy{background:#e8eef8;color:var(--navy)}.post-body h2{margin:0;font-size:1.15rem;color:var(--navy)}.post-body .theme{margin:0;color:var(--muted);font-size:.95rem}.copy-box{background:#f7f9fc;border:1px solid var(--line);border-radius:14px;padding:.85rem;white-space:pre-wrap;line-height:1.45;font-size:.95rem}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.form-grid{display:grid;grid-gap:1rem;gap:1rem}label{display:grid;grid-gap:.45rem;gap:.45rem;font-weight:600;color:var(--navy)}.select,input.select,input[type=file],textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.9rem 1rem;background:#fff;color:var(--ink)}.company-picker{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-bottom:1rem;padding:1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.company-picker-label{flex:1 1;min-width:220px}.company-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}textarea{min-height:280px;resize:vertical;line-height:1.45}.hint{color:var(--muted);font-weight:400;font-size:.9rem}.status{padding:.85rem 1rem;border-radius:14px;background:#e8f7ef;color:var(--ok);border:1px solid #bfe8d1}.status.error{background:#fff1f0;color:#9b1c1c;border-color:#f0c4c2}.empty{padding:2rem;text-align:center;color:var(--muted)}.login-wrap{min-height:60vh;display:grid;place-items:center}.login-card{width:min(440px,100%)}@media (max-width:800px){.post-card{grid-template-columns:1fr}.post-body{padding:0 1rem 1rem}.topbar{flex-direction:column;align-items:flex-start}}