*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a1628;color:#e2e8f0}.sidebar{width:52px;background:#060e1a;display:flex;flex-direction:column;align-items:center;padding:1rem 0;gap:.5rem;transition:width .2s;overflow:hidden;flex-shrink:0}.sidebar--expanded{width:180px;align-items:flex-start;padding:1rem}.sidebar__logo{display:flex;align-items:center;gap:.5rem;padding:.5rem 0 1rem;font-weight:700;font-size:.9rem;white-space:nowrap}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem;width:100%}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:6px;text-decoration:none;color:#94a3b8;transition:background .15s,color .15s;white-space:nowrap}.sidebar__link:hover{background:#0f2744;color:#e2e8f0}.sidebar__link--active{background:#1e3a5f;color:#60a5fa}.sidebar__icon{font-size:1.1rem;flex-shrink:0}.page{padding:1.5rem;height:100%;display:flex;flex-direction:column;gap:1rem}.page__header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.page__title{font-size:1.4rem;font-weight:700}.btn{border:none;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;cursor:pointer;font-weight:500}.btn--primary{background:#2563eb;color:#fff}.btn--primary:hover{background:#1d4ed8}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:#1e3a5f;color:#94a3b8}.btn--secondary:hover{background:#243f6a;color:#e2e8f0}.btn--ghost{background:transparent;color:#64748b;padding:.25rem .5rem}.btn--ghost:hover{color:#ef4444}.form-input{background:#0f2744;border:1px solid #2d4a6b;border-radius:6px;padding:.5rem .75rem;color:#e2e8f0;font-size:.875rem;width:100%}.form-input:focus{outline:none;border-color:#2563eb}.form-select{background:#0f2744;border:1px solid #2d4a6b;border-radius:6px;padding:.5rem .75rem;color:#e2e8f0;font-size:.875rem}.form-select:focus{outline:none;border-color:#2563eb}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{text-align:left;padding:.5rem .75rem;color:#475569;font-weight:500;border-bottom:1px solid #1e3a5f;font-size:.75rem;text-transform:uppercase}.table td{padding:.75rem;border-bottom:1px solid #0f2744;vertical-align:top}.table tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;gap:.25rem;background:#1e3a5f;border-radius:12px;padding:.15rem .6rem;font-size:.75rem;white-space:nowrap}.split{display:flex;gap:1rem;flex:1;min-height:0}.split__left,.split__right{flex:1;display:flex;flex-direction:column;gap:.75rem;min-width:0}.panel{background:#0f2744;border-radius:8px;padding:1rem}.panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.generated-post{flex:1;background:#060e1a;border:1px solid #2d4a6b;border-radius:6px;padding:.75rem;color:#e2e8f0;font-family:monospace;font-size:.875rem;resize:none;line-height:1.6;min-height:200px}.generated-post:focus{outline:none;border-color:#2563eb}.archive-row{background:#0f2744;border-radius:8px;padding:1rem;cursor:pointer}.archive-row:hover{background:#152d50}.archive-row__header{display:flex;justify-content:space-between;align-items:center}.archive-row__preview{color:#64748b;font-size:.8rem;margin-top:.5rem;white-space:pre-wrap;font-family:monospace}.archive-row__full{margin-top:.75rem;border-top:1px solid #1e3a5f;padding-top:.75rem;white-space:pre-wrap;font-family:monospace;font-size:.85rem;color:#cbd5e1}.empty{color:#475569;font-size:.875rem;padding:2rem;text-align:center}