*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ededed;--bg-card:#f9f9f9;--text:#2c3e50;--text-muted:#555;--accent:#6b45cc;--accent-hover:#8b63ff;--danger:#ac1049;--border:#ccc;--blue-violet:#b587df;--danger-hover:#8f0269;--danger-color:#e627ff;--void-veil:#fff;--shade-echo:#f0f2f8;--rune-ink:#1c1c1c;--murmur:#555;--arcane-flare:#6b5cff;--twilight-border:#00000014}body.hollow-dark{--bg:#1b1b2f;--bg-card:#2a2a3e;--text:#ededed;--text-muted:#a0a0c0;--accent:#8b63ff;--accent-hover:#6b45cc;--danger:#862836;--border:#3c3c50;--blue-violet:#8a2be2;--danger-hover:#590041;--danger-color:#9318a3;--void-veil:linear-gradient(160deg,#0b0f13,#141820 70%,#0d0f15);--shade-echo:#14181ecc;--rune-ink:#d5d8e0;--murmur:#aaa;--arcane-flare:#6b45cc;--twilight-border:#ffffff0f}body{background:#ededed;background:var(--bg);color:#2c3e50;color:var(--text);font-family:Arial,sans-serif;height:100%;width:100%}.article-list{list-style:none;margin:3rem;padding:0}.article-item{align-items:center;background:#f9f9f9;background:var(--bg-card);border-radius:8px;box-shadow:0 2px 6px #0003;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:transform .2s}.article-item:hover{transform:scale(1.01)}.article-text h2{color:#2c3e50;color:var(--text);font-size:1.2rem;margin:0}.article-text p{color:#555;color:var(--text-muted);margin:5px 0}.article-text small{color:#555;color:var(--text-muted);font-size:.9rem}.article-actions,.menu-btn{position:relative}.menu-btn{background:none;border:none;border-radius:50%;color:#555;color:var(--text-muted);cursor:pointer;font-size:20px;padding:5px;transition:background .2s}.actions-dropdown{background:#f9f9f9;background:var(--bg-card);border:1px solid #ccc;border:1px solid var(--border);border-radius:6px;box-shadow:0 2px 6px #00000026;flex-direction:column;min-width:120px;opacity:0;pointer-events:none;position:absolute;right:80%;top:100%;transform:translateY(-10px);transition:all 1s ease;z-index:11}.actions-dropdown button{background:none;border:none;color:#2c3e50;color:var(--text);cursor:pointer;font-size:.9rem;padding:10px;text-align:left;width:100%}.actions-dropdown button:hover{background:#ffffff1a}.article-actions:hover .actions-dropdown{background-color:#b587df;background-color:var(--blue-violet);opacity:1;pointer-events:auto;transform:translateY(0)}.add-btn{background:linear-gradient(135deg,#6b45cc,#8b63ff);background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-left:44%;margin-top:20px;padding:7px 15px;transition:background .3s ease,transform .2s}.add-btn:hover{background:linear-gradient(135deg,#8b63ff,#6b45cc);background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:scale(1.05)}.app-header{align-items:center;background:#6b45cc;background:var(--accent);color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem}.app-header h1{font-size:1.8rem;margin:0}.app-header input{border:none;border-radius:6px;font-size:1rem;padding:.4rem .8rem}.Seeing{background:#f9f9f9;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 12px #0003;margin:2rem auto;max-width:700px;min-height:800px;padding:2rem}.Seeing h1{color:#6b45cc;color:var(--accent);font-size:2rem;margin-bottom:.5rem;text-align:center}.Seeing small{color:#555;color:var(--text-muted);display:block;font-style:italic;margin-bottom:1rem}.Seeing p{color:#2c3e50;color:var(--text);font-size:1.1rem;line-height:1.6}.Seeing button{background:#6b45cc;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:1.5rem;padding:.5rem 1.2rem;transition:background .3s ease}.Seeing button:hover{background:#8b63ff;background:var(--accent-hover)}.comment-section{background:#fff;background:var(--void-veil);border:1px solid #00000014;border:1px solid var(--twilight-border);border-radius:12px;box-shadow:0 12px 35px #000000a6;color:#1c1c1c;color:var(--rune-ink);display:flex;flex-direction:column;font-size:.95rem;gap:2rem;margin:3rem auto;max-width:900px;padding:2rem;width:100%}.comment-section h2{color:#1c1c1c;color:var(--rune-ink);font-size:1.4rem;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 6px #6b5cff66}.comments-list{display:flex;flex-direction:column;gap:1.2rem}.comments-list button{background-color:#f0f2f8;background-color:var(--shade-echo);border:none;border-radius:6px;color:#555;color:var(--murmur);cursor:pointer;margin-left:auto;padding:.4rem .8rem;transition:all .2s ease}.comments-list button:hover{box-shadow:0 0 8px #6b5cff66;color:#6b5cff;color:var(--arcane-flare)}.comments-list select{background-color:#6b5cff;background-color:var(--arcane-flare);border:none;border-radius:6px;color:#fff;padding:.4rem .6rem}.comment{background:#f0f2f8;background:var(--shade-echo);border:1px solid #00000014;border:1px solid var(--twilight-border);border-radius:10px;box-shadow:0 6px 18px #0000008c;padding:1.2rem;transition:transform .25s ease,box-shadow .25s ease}.comment:hover{box-shadow:0 10px 28px #6b5cff2e;transform:translateY(-3px)}.comment p{line-height:1.5;margin:0}.comments-form{background:#f0f2f8;background:var(--shade-echo);border:1px solid #6b5cff40;border-radius:10px;box-shadow:inset 0 0 15px #6b5cff0f;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.comments-form input,.comments-form textarea{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;color:#1c1c1c;color:var(--rune-ink);font-size:.95rem;padding:.8rem 1rem;resize:vertical;transition:all .2s ease;width:100%}.comments-form input:focus,.comments-form textarea:focus{border:1px solid #6b5cff;border:1px solid var(--arcane-flare);box-shadow:0 0 6px #6b5cff66;outline:none}.comments-form button{align-self:flex-end;background:#6b5cff;background:var(--arcane-flare);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.5rem;transition:all .25s ease}.comments-form button:hover{background:#8470ff;box-shadow:0 0 12px #6b5cff80;transform:translateY(-2px)}.pagination{border:none;margin-top:3rem}.date{font-size:12px;margin-bottom:10px;z-index:0}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-box{animation:fadeIn .3s ease;background:#f9f9f9;background:var(--bg-card);border-radius:12px;max-width:600px;padding:2rem;width:90%}.modal-box h1{color:#6b45cc;color:var(--accent);margin-top:0}.modal-box button{background:#ac1049;background:var(--danger);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.modal-box button:hover{background:#a93226}.form{animation:fadeIn .3s ease;background:#f9f9f9;background:var(--bg-card);border-radius:8px;box-shadow:0 2px 6px #0003;display:flex;flex-direction:column;gap:10px;margin-top:10px;padding:15px}.form input,.form textarea{border:1px solid #ccc;border:1px solid var(--border);border-radius:6px;font-size:.95rem;padding:10px}.form button{align-self:flex-end;background:linear-gradient(135deg,#6b45cc,#8b63ff);background:linear-gradient(135deg,var(--accent),var(--accent-hover));border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 18px;transition:background .3s ease,transform .2s}.form button:hover{background:linear-gradient(135deg,#8b63ff,#6b45cc);background:linear-gradient(135deg,var(--accent-hover),var(--accent));transform:scale(1.05)}.navDashboard{background:#f9f9f9;background:var(--bg-card);border-left:1px solid #ccc;border-left:1px solid var(--border);box-shadow:-2px 0 6px #0003;display:flex;flex-direction:column;gap:1rem;height:100vh;left:0;padding:2rem 1rem;position:fixed;top:0;width:220px}.navDashboard a{border-radius:6px;color:#2c3e50;color:var(--text);font-weight:700;padding:.5rem;text-decoration:none;transition:background .2s}.navDashboard a:hover{background:#6b45cc;background:var(--accent);color:#8b63ff;color:var(--accent-hover)}.dash{margin-left:240px}.dash h1{margin-top:1rem;text-align:center}.login-page{align-items:center;background:#ededed;background:var(--bg);display:flex;height:100vh;justify-content:flex-start;padding-left:10%;width:100vw}.login-box{background:#f9f9f9;background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px #0006;color:#2c3e50;color:var(--text);display:flex;flex-direction:column;gap:1rem;padding:2rem;width:320px}.login-box h2{color:#6b45cc;color:var(--accent);font-size:1.5rem;margin:0;text-align:center}.login-box input{background:#fff;border:1px solid #ccc;border:1px solid var(--border);border-radius:8px;color:#000;font-size:1rem;padding:.7rem}body.hollow-dark .login-box input{background:#1f1f2f;color:#fff}.login-box button{background:#6b45cc;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.7rem;transition:background .3s ease,transform .2s}.login-box button:hover{background:#8b63ff;background:var(--accent-hover);transform:scale(1.05)}.options{background-color:#ac1049;background-color:var(--danger);border:none;border-radius:8px;color:#e627ff;color:var(--danger-color);cursor:pointer;font-weight:700;padding:.7rem;transition:background .3s ease,transform .2s}.options:hover{background:#8f0269;background:var(--danger-hover);transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:trans}}
/*# sourceMappingURL=main.e04cf049.css.map*/