*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fbfafc;color:#222;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}a{color:inherit;text-decoration:none}button{outline:none}:root{--primary-1:#334155;--primary-2:#1e293b;--accent:#0d9488;--bg:#f8fafc;--card:#fff;--muted:#64748b;--radius:14px;--shadow-sm:0 4px 10px #0000000d;--shadow-md:0 10px 24px #0000001f;--shadow-lg:0 16px 40px #00000026}.header{background:linear-gradient(135deg,#334155,#1e293b);background:linear-gradient(135deg,var(--primary-1),var(--primary-2));box-shadow:0 10px 24px #0000001f;box-shadow:var(--shadow-md);color:#fff;padding:14px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.header .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1100px}.header .brand{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.header button{background:#ffffff1f;border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;padding:8px 16px;transition:all .25s ease}.header button:hover{background:#ffffff40;transform:translateY(-2px)}.hero{background:linear-gradient(135deg,#334155,#0d9488);background:linear-gradient(135deg,var(--primary-1),var(--accent));box-shadow:0 10px 24px #0000001f;box-shadow:var(--shadow-md);color:#fff;padding:100px 20px;text-align:center}.hero h1{font-size:3rem;font-weight:700;margin:0}.hero p{color:#ffffffeb;font-size:1.15rem;line-height:1.5;margin-left:auto;margin-right:auto;margin-top:14px;max-width:700px}.main{background:#f8fafc;background:var(--bg);gap:32px;margin:32px auto;max-width:1100px;padding:0 20px 60px}.main,.search{display:flex;flex-direction:column}.search{gap:12px;margin:20px auto;max-width:700px;width:100%}.search input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;padding:14px 16px;transition:all .25s ease}.search input:focus{border-color:#0d9488;border-color:var(--accent);box-shadow:0 0 0 4px #0d948840;outline:none}.search input::placeholder{color:#94a3b8;font-style:italic}.grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fill,minmax(480px,1fr))}.card{background:#fff;background:var(--card);border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.card:hover{box-shadow:0 16px 40px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-8px)}.card .meta{align-items:flex-start;color:#64748b;color:var(--muted);display:flex;font-size:.9rem;justify-content:space-between;padding:14px 16px}.card h3{color:#1e293b;color:var(--primary-2);font-size:1.5rem;font-weight:700;line-height:1.3;margin:14px 16px 6px}.card .meta-small{color:#64748b;color:var(--muted);font-size:.9rem}.card .description-box{-webkit-box-orient:vertical;-webkit-line-clamp:7;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;display:-webkit-box;font-size:1.1rem;line-height:1.6;margin:12px 16px;max-height:180px;min-height:180px;overflow:hidden;padding:14px;text-overflow:ellipsis}.actions{display:flex;flex-wrap:wrap;gap:10px;padding:0 16px 16px}.action-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;border-radius:var(--radius);color:#64748b;color:var(--muted);cursor:pointer;display:flex;font-size:.9rem;gap:6px;padding:8px 14px;transition:all .25s ease}.action-btn:hover{background:#0d9488;background:var(--accent);border-color:#0d9488;border-color:var(--accent);color:#fff;transform:scale(1.05)}.action-btn.active{background:#334155;background:var(--primary-1);border-color:#334155;border-color:var(--primary-1);color:#fff}.action-btn.danger{background:#0000;border:2px solid #dc2626;color:#dc2626;font-weight:500;transition:all .25s ease}.action-btn.danger:hover{background:#dc2626;color:#fff;transform:scale(1.05)}.action-btn.edit{background:#0000;border:2px solid #0d9488;border:2px solid var(--accent);color:#0d9488;color:var(--accent);font-weight:500;transition:all .25s ease}.action-btn.edit:hover{background:#0d9488;background:var(--accent);color:#fff;transform:scale(1.05)}.sidebar{background:#fff;background:var(--card);border:1px solid #e2e8f0;border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-sm);margin:0 auto;max-width:600px;padding:20px;text-align:center}.sidebar h3{color:#1e293b;color:var(--primary-2);font-size:1.25rem;font-weight:600;margin-top:0}.sidebar p{color:#64748b;color:var(--muted);font-size:.95rem;line-height:1.5}.form{display:flex;flex-direction:column;gap:14px}.form input,.form select,.form textarea{background:#fff;border:1px solid #e2e8f0;border-radius:14px;border-radius:var(--radius);font-size:.95rem;padding:14px;transition:all .25s ease}.form input:focus,.form select:focus,.form textarea:focus{border-color:#0d9488;border-color:var(--accent);box-shadow:0 0 0 4px #0d948840;outline:none}.form textarea{min-height:120px;resize:vertical}.post-page{background:#fff;background:var(--card);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 24px #0000001f;box-shadow:var(--shadow-md);padding:32px}.post-header h1{color:#1e293b;color:var(--primary-2);font-size:2.2rem;font-weight:700;margin:0}.post-meta{align-items:center;color:#64748b;color:var(--muted);display:flex;font-size:.9rem;gap:12px;margin-top:8px}.post-meta .tag{background:#0d9488;background:var(--accent);border-radius:14px;border-radius:var(--radius);color:#fff;font-size:.8rem;padding:4px 10px}.post-description{word-wrap:break-word;background:#f1f5f9;border-left:4px solid #0d9488;border-left:4px solid var(--accent);color:#475569;font-style:italic;margin:20px 0;overflow-wrap:break-word;padding:14px;white-space:normal}.post-content{color:#1e293b;font-size:1.05rem;line-height:1.7;margin-top:20px;white-space:pre-wrap}.comments{margin-top:40px}.comments h3{color:#334155;color:var(--primary-1);margin-bottom:16px}.comment-item{background:#f8fafc;border-radius:14px;border-radius:var(--radius);box-shadow:0 4px 10px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;padding:12px 16px}.modal-backdrop{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal{animation:fadeIn .25s ease;background:#fff;background:var(--card);border-radius:14px;border-radius:var(--radius);box-shadow:0 16px 40px #00000026;box-shadow:var(--shadow-lg);max-width:600px;padding:28px;width:100%}.modal h2{color:#1e293b;color:var(--primary-2);font-size:1.5rem;font-weight:700;margin-bottom:20px;margin-top:0}.modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn{background:#0d9488;background:var(--accent);border:none;border-radius:14px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.95rem;padding:10px 18px;transition:all .25s ease}.btn:hover{background:#0f766e;transform:translateY(-2px)}.btn.ghost{background:#f3f4f6;color:#334155}.btn.ghost:hover{background:#e2e8f0}
/*# sourceMappingURL=main.64541748.css.map*/