/* Frontend styles */
:root { --liog-accent: #ff5c00; }
.liog-container { max-width: 1200px; margin: 0 auto; padding: 24px 12px; }
.liog-grid { display: grid; grid-template-columns: 320px 1fr; gap: 28px; }
.liog-left { padding: 16px; }
.liog-ill { width: 100%; height: auto; border-radius: 12px; background: #fff; }
.liog-left-title { font-size: 20px; margin: 10px 0 4px; color: #111827; }
.liog-left-subtitle { color: #111827; opacity: .9; margin: 0 0 8px; }
.liog-left-desc { color: #4b5563; font-size: 14px; line-height: 1.5; }
.liog-right { padding: 8px; }
.liog-card { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 22px; box-shadow: 0 2px 0 rgba(17,24,39,.02), 0 1px 3px rgba(17,24,39,.06); }
.liog-form-title { margin: 0 0 18px; font-size: 20px; }
.liog-field { margin-bottom: 14px; }
.liog-field label { display: block; font-weight: 600; margin-bottom: 6px; color: #111827; }
.liog-field input[type="text"], .liog-field input[type="email"], .liog-field input[type="url"], .liog-field select, .liog-field textarea { width: 100%; border: 1px solid #d1d5db; border-radius: 10px; padding: 10px 12px; outline: none; background: #fff; }
.liog-field input:focus, .liog-field select:focus, .liog-field textarea:focus { border-color: #ff5c00; box-shadow: 0 0 0 3px rgba(255,92,0,0.15); }
.liog-checkgrid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 8px 12px; }
.liog-checkgrid label { font-weight: 500; color: #111827; }
.liog-section { margin: 16px 0 8px; font-size: 18px; }
.liog-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.liog-actions { margin-top: 12px; }
.liog-btn { background: var(--liog-accent); color: #fff; border: none; padding: 10px 18px; border-radius: 10px; font-weight: 700; cursor: pointer; }
.liog-notice { padding: 10px 12px; border-radius: 10px; margin-bottom: 12px; display:none; }
.liog-error { background:#fef2f2; border:1px solid #fca5a5; color:#991b1b; }
.liog-success { background:#ecfdf5; border:1px solid #34d399; color:#065f46; }
.liog-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999}
.liog-modal{background:#fff;border-radius:14px;max-width:520px;width:92%;padding:20px;border:1px solid #e5e7eb;text-align:center}
.liog-modal h3{margin:0 0 .5rem 0}
.liog-modal .liog-btn{margin-top:.5rem}
@media (max-width: 960px) { .liog-grid { grid-template-columns: 1fr; } .liog-grid2 { grid-template-columns: 1fr; } }