: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}.post-image-wrap{position:relative;display:grid;min-height:240px}.post-image-wrap .no-image,.post-image-wrap img{grid-area:1/1}.post-image-actions{grid-area:1/1;align-self:end;justify-self:stretch;padding:.75rem;background:linear-gradient(180deg,transparent,rgba(15,27,45,.72))}.post-image-actions .btn{width:100%;font-size:.88rem;padding:.55rem .85rem}.post-image-error{position:absolute;left:.75rem;right:.75rem;bottom:3.2rem;margin:0;padding:.45rem .6rem;border-radius:10px;background:rgba(155,28,28,.92);color:#fff;font-size:.82rem}.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}}.modal-backdrop{position:fixed;inset:0;background:rgba(15,27,45,.65);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:1000;padding:1rem;overflow-y:auto;animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{width:min(740px,100%);background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 20px 45px rgba(15,27,45,.18);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;animation:slideUp .18s ease-out}@keyframes slideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{justify-content:space-between;padding:1.15rem 1.5rem;border-bottom:1px solid var(--line);background:#f8fafc}.modal-header,.modal-header h2{display:flex;align-items:center}.modal-header h2{margin:0;font-size:1.25rem;color:var(--navy);gap:.5rem}.modal-close{background:transparent;border:none;font-size:1.5rem;line-height:1;color:var(--muted);cursor:pointer;padding:.2rem .5rem;border-radius:8px;transition:.12s ease}.modal-close:hover{background:#e2e8f0;color:var(--ink)}.modal-body{padding:1.4rem 1.5rem;overflow-y:auto;display:grid;grid-gap:1.1rem;gap:1.1rem}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid var(--line);background:#f8fafc;gap:.75rem;flex-wrap:wrap}.modal-footer-actions{display:flex;align-items:center;gap:.6rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:600px){.form-row{grid-template-columns:1fr}}.input-date,.input-text{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;background:#fff;color:var(--ink);font-family:inherit;font-size:.95rem;box-sizing:border-box}.input-date:focus,.input-text:focus,.modal-body textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(11,42,74,.1)}.modal-body textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;min-height:120px;background:#fff;color:var(--ink);font-family:inherit;font-size:.95rem;box-sizing:border-box}.modal-body textarea.textarea-caption{min-height:150px}.modal-body textarea.textarea-hashtags{min-height:70px}.btn-danger{background:#fff1f0;border-color:#f0c4c2;color:#9b1c1c}.btn-danger:hover{background:#fde2e1;border-color:#e59995;color:#7b1212}.btn-edit{background:#eef3fb;border-color:#c9d8ee;color:var(--navy);font-weight:500}.btn-edit:hover{background:#dbe7f7;border-color:#a8c4ea}