@import url(https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;700&family=Rubik:wght@400;500;600;700&display=swap);:root{--primary-color:#5c6bc0;--primary-light:#8e99f3;--primary-dark:#26418f;--secondary-color:#26c6da;--secondary-light:#6ff9ff;--secondary-dark:#0095a8;--bg-color:#121212;--card-bg:#1e1e1e;--text-color:#f5f5f5;--text-secondary:#b0b0b0;--highlight:#5c6bc0;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#121212;background-color:var(--bg-color);color:#f5f5f5;color:var(--text-color);direction:rtl;font-family:Heebo,Rubik,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{align-items:center;background-color:#5c6bc0;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 8px #5c6bc04d;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:8px;justify-content:center;padding:10px 20px;transition:all .3s ease}.btn:hover{background-color:#8e99f3;background-color:var(--primary-light);box-shadow:0 4px 12px #5c6bc066;transform:translateY(-2px)}.btn:active{box-shadow:0 2px 4px #5c6bc033;transform:translateY(0)}.btn-secondary{background-color:#26c6da;background-color:var(--secondary-color);box-shadow:0 2px 8px #26c6da4d}.btn-secondary:hover{background-color:#6ff9ff;background-color:var(--secondary-light);box-shadow:0 4px 12px #26c6da66}.card{background-color:#1e1e1e;background-color:var(--card-bg);border-left:4px solid #5c6bc0;border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 8px 24px #00000026;padding:24px;transition:all .4s ease}.card:hover{box-shadow:0 12px 30px #00000040;transform:translateY(-5px)}input,textarea{background-color:#ffffff0d;border:1px solid #444;border-radius:8px;color:#f5f5f5;color:var(--text-color);font-family:inherit;font-size:1rem;padding:14px;transition:all .3s ease;width:100%}input:focus,textarea:focus{background-color:#ffffff14;border-color:#5c6bc0;border-color:var(--primary-color);box-shadow:0 0 0 3px #5c6bc033;outline:none}textarea{min-height:120px;resize:vertical}h1,h2,h3,h4,h5,h6{color:#fff;font-family:Rubik,Heebo,sans-serif;font-weight:700;margin-bottom:.5em}.fade-in{animation:fadeIn .5s ease-in}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.float{animation:floating 4s ease-in-out infinite}@media (max-width:768px){.container{padding:0 15px}h1{font-size:1.8rem}h2{font-size:1.5rem}.card{padding:16px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{animation:spin 1s linear infinite;border:4px solid #5c6bc04d;border-radius:50%;border-top:4px solid var(--primary-color);height:40px;margin:20px auto;width:40px}.offline-banner{align-items:center;animation:pulse 2s infinite;background:linear-gradient(90deg,#f44336,#e57373);background:linear-gradient(to right,var(--error),#e57373);border-radius:8px;box-shadow:0 4px 15px #f443364d;color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px;padding:12px;text-align:center}.sync-status{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;font-weight:500;margin-right:8px;padding:4px 10px}.sync-status.synced{background-color:#4caf5033;border:1px solid #4caf5066;color:#81c784}.sync-status.pending{animation:pulse 2s infinite;background-color:#5c6bc033;border:1px solid #5c6bc066;color:#9fa8da}.sync-banner{align-items:center;animation:pulse 2s infinite;background:linear-gradient(90deg,#5c6bc0,#8e99f3);background:linear-gradient(to right,var(--primary-color),var(--primary-light));box-shadow:0 4px 15px #5c6bc04d;color:#fff;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:12px}.status-message,.sync-banner{border-radius:8px;margin-bottom:20px;text-align:center}.status-message{animation:fadeIn .3s ease;background-color:#5c6bc033;border:1px solid #5c6bc04d;color:#8e99f3;color:var(--primary-light);padding:12px 15px}.offline-badge{background-color:#ff980033;border:1px solid #ff98004d;border-radius:12px;color:#ffc107;font-size:.7rem;margin-right:10px;padding:3px 8px;vertical-align:middle}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}input[type=checkbox]{appearance:none;-webkit-appearance:none;background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;cursor:pointer;height:18px;margin-left:8px;position:relative;transition:all .2s ease;width:18px}input[type=checkbox]:checked{background-color:#5c6bc0;background-color:var(--primary-color);border-color:#8e99f3;border-color:var(--primary-light)}input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:14px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}input[type=checkbox]:focus{box-shadow:0 0 0 2px #5c6bc04d;outline:none}.form-container .btn{background:linear-gradient(145deg,#5c6bc0,#26418f);background:linear-gradient(145deg,var(--primary-color),var(--primary-dark));border:none;box-shadow:0 4px 15px #5c6bc04d;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.form-container .btn:hover:not(:disabled){background:linear-gradient(145deg,#8e99f3,#5c6bc0);background:linear-gradient(145deg,var(--primary-light),var(--primary-color));box-shadow:0 6px 20px #5c6bc066;transform:translateY(-2px)}.form-container .btn:active:not(:disabled){box-shadow:0 2px 10px #5c6bc04d;transform:translateY(0)}.App{background:linear-gradient(145deg,#121212,#212121);display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:#1e1e1ee6;border-bottom:1px solid #ffffff0d;box-shadow:0 4px 25px #0000004d;padding:20px 0;position:relative;z-index:10}.app-header.fixed-top{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.app-title{color:var(--primary-color);font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:5px;text-align:center}.app-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300;margin-bottom:20px;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.main-content{flex:1 1;padding:30px 0 40px;position:relative;z-index:1}.form-container{border-left:none;border-top:4px solid var(--primary-color);margin:0 auto 50px;max-width:650px}.posts-container{margin:0 auto;max-width:800px}.posts-container>h2{display:inline-block;margin-bottom:30px;padding-bottom:10px;position:relative}.posts-container>h2:after{background:var(--primary-color);bottom:0;content:"";height:3px;position:absolute;right:0;width:60%}.post{border-left:none;border-right:4px solid var(--primary-color);margin-bottom:40px;overflow:hidden;transition:all .3s ease}.post:hover{border-right-color:var(--secondary-color)}.post-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.post-author,.post-header{align-items:center;display:flex}.post-author{color:var(--primary-light);font-size:1.1rem;font-weight:500}.post-author:before{content:"👤";font-size:1.2rem;margin-left:8px}.post-date{background-color:#ffffff0d;border-radius:15px;font-size:.85rem;opacity:.7;padding:4px 10px}.post-title{color:#fff;display:inline-block;font-size:1.6rem;margin-bottom:15px;padding-bottom:5px;position:relative}.post-content{background-color:#0000001a;border-radius:8px;border-right:2px solid var(--primary-light);color:var(--text-color);line-height:1.8;margin-bottom:25px;padding:15px}.post-actions{display:flex;flex-wrap:wrap;gap:15px;margin:20px 0}.post-actions .btn{justify-content:center;min-width:120px}.comment-form{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.comment-input{flex:1 1;min-width:250px}.comments-section{background-color:#0003;border-radius:8px;margin-top:25px;padding:18px;position:relative}.comments-section h4{color:var(--secondary-color);font-size:1.1rem;margin-bottom:15px}.comment-item{border-bottom:1px solid #ffffff0d;padding:12px;transition:background-color .3s ease}.comment-item:hover{background-color:#ffffff08}.comment-item:last-child{border-bottom:none}.success-message{animation:pulse 2s infinite;background-color:#4caf501a;border:1px solid #4caf5033;border-radius:8px;color:#81c784;font-weight:500;margin-bottom:20px;padding:15px;text-align:center}.app-footer{background-color:#0f0f0fcc;border-top:1px solid #ffffff0d;color:#fff9;font-size:.9rem;padding:25px;text-align:center}.floating-btn{align-items:center;animation:floating 3s ease-in-out infinite;background:var(--primary-color);border-radius:50%;bottom:30px;box-shadow:0 5px 15px #0000004d;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:30px;position:fixed;transition:all .3s ease;width:60px;z-index:1000}.floating-btn:hover{background:var(--primary-light);transform:scale(1.1)}@media (max-width:768px){.post-actions{gap:10px}.comment-form,.post-actions{flex-direction:column}.app-title{font-size:1.8rem}.main-content{padding:20px 0}.post-content{padding:10px}.floating-btn{bottom:20px;height:50px;left:20px;width:50px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 2s infinite}.app-nav{position:relative;z-index:5}.back-to-top{align-items:center;animation:floating 3s ease-in-out infinite;background:var(--primary-color);border-radius:50%;bottom:30px;box-shadow:0 5px 15px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:60px;justify-content:center;left:30px;opacity:0;position:fixed;transition:all .3s ease;visibility:hidden;width:60px;z-index:1000}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--primary-light);transform:scale(1.1)}
/*# sourceMappingURL=main.c07ea74d.css.map*/