.arto-myar { font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
.arto-myar h2 { margin: 0 0 0.5rem; }
.arto-myar-hint { margin: 0 0 1rem; opacity: 0.8; }
.arto-myar-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem; }
.arto-card { border: 1px solid #ddd; border-radius: 12px; padding: 1rem; background: #fff; }
.arto-card-wide { grid-column: 1 / -1; }
.arto-form { display: grid; gap: 0.5rem; margin-bottom: 0.75rem; }
.arto-form-inline { grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); align-items: end; }
.arto-form label { display: grid; gap: 0.25rem; font-size: 0.9rem; }
.arto-form input, .arto-form textarea, .arto-form select { padding: 0.4rem 0.5rem; border: 1px solid #ccc; border-radius: 8px; font-size: 0.9rem; }
.arto-form button { padding: 0.5rem 0.75rem; border: 1px solid #333; border-radius: 10px; background: #111; color: #fff; cursor: pointer; }
.arto-form button:hover { opacity: 0.9; }
.arto-list { display: grid; gap: 0.5rem; }
.arto-item { display: grid; grid-template-columns: 1fr auto; gap: 0.5rem; padding: 0.5rem; border: 1px solid #eee; border-radius: 10px; }
.arto-item small { opacity: 0.75; }
.arto-actions { display: flex; gap: 0.4rem; align-items: center; }
.arto-actions button { padding: 0.3rem 0.5rem; border-radius: 8px; border: 1px solid #666; background: #f6f6f6; cursor: pointer; }
.arto-actions button:hover { background: #eee; }
.arto-actions .danger { border-color: #b00; }
.arto-actions .danger:hover { background: #ffecec; }
.arto-error { color: #b00; font-weight: 600; }
.arto-auth-required { padding: 1rem; border: 1px solid #ddd; border-radius: 12px; background: #fff; }