*,*:before,*:after{box-sizing:border-box;margin:0}:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a2e;background:#f5f5f7}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a1a2e;color:#fff;padding:1.5rem 1rem;flex-shrink:0}.sidebar h2{font-size:1.1rem;margin-bottom:1.5rem;font-weight:600}.sidebar ul{list-style:none;padding:0}.sidebar li{margin-bottom:.25rem}.sidebar a{display:block;padding:.5rem .75rem;color:#ffffffb3;text-decoration:none;border-radius:6px;font-size:.9rem}.sidebar a:hover{background:#ffffff1a;color:#fff}.sidebar a.active{background:#ffffff26;color:#fff;font-weight:500}.content{flex:1;padding:2rem;max-width:1100px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}h1{font-size:1.5rem;font-weight:600}button,.btn-primary{border:1px solid #d1d5db;background:#fff;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;font-family:inherit;text-decoration:none;color:inherit;display:inline-block}button:hover{background:#f3f4f6}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-danger{background:#dc2626;color:#fff;border-color:#dc2626}.btn-danger:hover{background:#b91c1c}.btn-danger-sm{background:none;border:none;color:#dc2626;padding:.25rem .5rem;font-size:.8rem;cursor:pointer}.btn-danger-sm:hover{text-decoration:underline}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.table th,.table td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;font-size:.875rem}.table th{background:#f9fafb;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.02em;color:#6b7280}.table-thumb{width:48px;height:48px;object-fit:cover;border-radius:4px}.desc-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.actions-cell{white-space:nowrap}.actions-cell a{color:#2563eb;text-decoration:none;margin-right:.75rem;font-size:.875rem}.actions-cell a:hover{text-decoration:underline}form label,.og-form>label{display:block;margin-bottom:1rem;font-size:.875rem;font-weight:500;color:#374151}input[type=text],textarea{display:block;width:100%;margin-top:.25rem;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;font-family:inherit;background:#fff}input[type=text]:focus,textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}textarea{resize:vertical}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-with-preview{display:grid;grid-template-columns:1fr 350px;gap:2rem;align-items:start}@media(max-width:900px){.form-with-preview{grid-template-columns:1fr}}.og-preview{position:sticky;top:2rem}.og-preview h4{margin-bottom:.75rem;font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.02em}.og-card{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #00000014}.og-card-image{width:100%;display:block}.og-card-image-placeholder{width:100%;height:180px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.875rem}.og-card-body{padding:.75rem 1rem}.og-card-title{font-weight:600;font-size:.95rem;margin-bottom:.25rem}.og-card-desc{font-size:.8rem;color:#6b7280}.image-upload{margin-top:.5rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.image-thumbnail{width:48px;height:48px;object-fit:cover;border-radius:4px}.image-key-display{font-size:.75rem;color:#6b7280;word-break:break-all}.aasa-app-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;margin-bottom:1rem}.aasa-app-header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.aasa-app-header label{flex:1;margin-bottom:0}.aasa-section{margin-top:.75rem}.aasa-section strong{display:block;font-size:.8rem;color:#6b7280;margin-bottom:.5rem}.aasa-component-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.aasa-component-row input{flex:1}.comment-input{flex:2!important}.aasa-path-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.aasa-path-row input{flex:1}.dialog-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.dialog{background:#fff;border-radius:10px;padding:1.5rem;max-width:400px;width:90%;box-shadow:0 8px 30px #00000026}.dialog p{margin-bottom:1.25rem;font-size:.95rem}.dialog-actions{display:flex;justify-content:flex-end;gap:.75rem}.error{color:#dc2626;font-size:.875rem;margin-bottom:.75rem}.success{color:#16a34a;font-size:.875rem;margin-bottom:.75rem}code{background:#f3f4f6;padding:.15em .4em;border-radius:3px;font-size:.85em}