*{box-sizing:border-box;margin:0;padding:0}:root{--background:#fff;--foreground:#171717;--primary:#0070f3;--primary-hover:#0051a2;--border:#e5e7eb}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--border:#333}}body{background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:20px}.tabs{display:flex;border-bottom:1px solid var(--border);margin-bottom:20px}.tab{padding:10px 20px;border:1px solid transparent;border-bottom:none;background-color:rgba(0,0,0,.03);margin-right:5px;border-radius:5px 5px 0 0}.tab.active{border-color:var(--border);border-bottom-color:var(--background);position:relative;bottom:-1px;font-weight:700}.tab-content,.tab.active{background-color:var(--background)}.tab-content{display:none;padding:20px;border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.tab-content.active{display:block}.button{padding:8px 16px;background-color:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer}.button:hover{background-color:var(--primary-hover)}.card{background-color:var(--background);border:1px solid var(--border);border-radius:5px;padding:20px;margin-bottom:20px}input,textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:4px;margin-bottom:10px}.post-list{list-style:none}.post-list-item{padding:15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.post-list-item:hover{background-color:rgba(0,0,0,.03)}@media (max-width:768px){.container{padding:10px}}.tab{padding:.5rem 1rem;font-weight:500;border-top-left-radius:.5rem;border-top-right-radius:.5rem;cursor:pointer}.tab.active{background-color:#fff;border:1px solid #e5e7eb;border-bottom-color:#fff;margin-bottom:-1px}.tab:not(.active){background-color:#f9fafb}.error-alert{background-color:#fee2e2;border:1px solid #f87171;color:#b91c1c;padding:.75rem 1rem;border-radius:.25rem;margin-bottom:1rem}.loading-container{display:flex;justify-content:center;padding:3rem}.spinner{animation:spin 1s linear infinite;border-radius:50%;height:2.5rem;width:2.5rem;border-color:#3b82f6 transparent;border-style:solid none;border-width:2px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-message{text-align:center;padding:3rem 0;color:#6b7280}.post-list{border-top:1px solid #e5e7eb}.post-item{padding:1rem 0;border-bottom:1px solid #e5e7eb}.post-item:hover{background-color:#f9fafb}.post-item-content{display:flex;align-items:center;justify-content:space-between}.post-title-container{flex-grow:1;cursor:pointer}.post-title{font-size:1.125rem;font-weight:500;color:#111827}.post-date{font-size:.875rem;color:#6b7280}.modal-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal-container{background-color:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:56rem;width:100%;max-height:90vh;overflow:auto}.modal-content{padding:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.modal-title{font-size:1.25rem;font-weight:600}.close-button{color:#6b7280;background:none;border:none;cursor:pointer}.close-button:hover{color:#374151}.close-icon{height:1.5rem;width:1.5rem}.modal-body{padding-top:1rem}.modal-body,.modal-footer{border-top:1px solid #e5e7eb}.modal-footer{padding:.75rem 1.5rem;display:flex;justify-content:flex-end}.cancel-button{padding:.5rem 1rem;background-color:#e5e7eb;border:none;border-radius:.25rem;cursor:pointer}.cancel-button:hover{background-color:#d1d5db}.modal-error{color:#b91c1c;font-size:.875rem;margin-bottom:1rem}.modal-input{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:.375rem;margin-bottom:1rem}.modal-buttons{display:flex;justify-content:flex-end;gap:.5rem}.modal-cancel{padding:.5rem 1rem;background-color:#e5e7eb;border:none;border-radius:.375rem;cursor:pointer}.modal-cancel:hover{background-color:#d1d5db}.modal-confirm{padding:.5rem 1rem;background-color:var(--primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer}.modal-confirm:hover{background-color:var(--primary-hover)}.pagination{display:flex;justify-content:center;margin-top:2rem}.pagination-button{padding:.5rem 1rem;border:1px solid var(--border);border-radius:.375rem;background-color:#fff;cursor:pointer;margin:0 .25rem}.pagination-button:hover{background-color:#f3f4f6}.pagination-button.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.pagination-button.disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.header-actions{display:flex;justify-content:flex-end;margin-bottom:1rem}.login-button{padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.25rem;background-color:#f9fafb;color:#374151;cursor:pointer;font-size:.875rem;transition:all .2s}.login-button:hover{background-color:#f3f4f6}.login-button.logged-in{background-color:#ef4444;color:#fff;border-color:#ef4444}.login-button.logged-in:hover{background-color:#dc2626}.post-actions{display:flex;align-items:center;gap:.75rem}.delete-button{padding:.25rem .5rem;border:none;border-radius:.25rem;background-color:#ef4444;color:#fff;cursor:pointer;font-size:.75rem;transition:all .2s}.delete-button:hover{background-color:#dc2626}.delete-button:disabled{opacity:.5;cursor:not-allowed}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/6d93bde91c0c2823-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_d65c78;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_d65c78;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_d65c78{font-family:__Inter_d65c78,__Inter_Fallback_d65c78;font-style:normal}