:root{--primary: #4B2994;--accent: #E94F4F;--background: #E6E6FA;--skin: #F9C9B6;--navy: #2D2A5A;--white: #FFFFFF;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%;overflow-x:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 768px){h1{font-size:2.5em}button{padding:.5em 1em;font-size:.9em}}@media (max-width: 480px){h1{font-size:2em}button{padding:.4em .8em;font-size:.85em}}.auth_container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary) 0%,var(--navy) 100%);padding:20px;width:100%}.auth_card{background:var(--white);border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:480px;animation:slideUp .6s ease-out}.auth_card h2{text-align:center;color:var(--primary);margin-bottom:8px;font-size:28px;font-weight:700}.auth_subtitle{text-align:center;color:var(--navy);margin-bottom:32px;font-size:16px}.auth_form{display:flex;flex-direction:column;gap:20px}.form_row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form_group{display:flex;flex-direction:column;gap:8px}.form_group label{font-weight:600;color:var(--primary);font-size:14px}.form_group input,.form_group textarea{padding:12px 16px;border:2px solid var(--background);border-radius:8px;font-size:16px;transition:all .3s ease;background:var(--background);width:100%}.form_group input:focus,.form_group textarea:focus{outline:none;border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #4b29941a}.form_group textarea{resize:vertical;min-height:80px;font-family:inherit}.auth_button{background:linear-gradient(135deg,var(--primary) 0%,var(--navy) 100%);color:var(--white);border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px;width:100%}.auth_button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #4b29944d}.auth_button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth_footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid var(--background)}.auth_footer p{color:var(--navy);font-size:14px}.auth_link{color:var(--primary);text-decoration:none;font-weight:600;transition:color .3s ease}.auth_link:hover{color:var(--accent);text-decoration:underline}.error_message{background:#fee;color:var(--accent);padding:12px 16px;border-radius:8px;border:1px solid #feb2b2;margin-bottom:20px;font-size:14px;text-align:center}@media (max-width: 768px){.auth_container{padding:15px}.auth_card{padding:30px;margin:10px}.auth_card h2{font-size:24px}.form_group input,.form_group textarea{font-size:16px}}@media (max-width: 480px){.auth_container{padding:10px}.auth_card{padding:24px;margin:5px}.form_row{grid-template-columns:1fr;gap:20px}.auth_card h2{font-size:22px}.auth_subtitle{font-size:14px}.auth_form{gap:16px}.form_group input,.form_group textarea{padding:10px 14px}.auth_button{padding:12px 20px;font-size:15px}}.auth_button:disabled{position:relative}.auth_button:disabled:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.dashboard_container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;width:100%}.dashboard_card{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 40px #0000001a;width:100%}.dashboard_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.dashboard_title{color:#333;margin:0;font-size:2.5rem;font-weight:700}.dashboard_actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard_button{border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;white-space:nowrap}.dashboard_button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.dashboard_button_primary{background:#28a745;color:#fff}.dashboard_button_secondary{background:#17a2b8;color:#fff}.dashboard_button_info{background:#667eea;color:#fff}.dashboard_button_danger{background:#dc3545;color:#fff}.user_info_card{background:#f8f9fa;padding:24px;border-radius:12px;margin-bottom:24px;border:1px solid #e9ecef}.user_info_title{color:#333;margin:0 0 16px;font-size:1.5rem;font-weight:600}.user_info_content{display:grid;gap:8px}.user_info_content p{margin:0;color:#555;font-size:1rem}.user_info_content strong{color:#333;font-weight:600}.dashboard_footer{text-align:center;color:#666;padding:20px 0;border-top:1px solid #e9ecef;margin-top:20px}.dashboard_footer p{margin:0;font-size:1rem}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.2rem;color:#666}@media (max-width: 1024px){.dashboard_card{padding:30px}.dashboard_title{font-size:2rem}}@media (max-width: 768px){.dashboard_container{padding:15px}.dashboard_card{padding:24px}.dashboard_header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard_title{font-size:1.8rem}.dashboard_actions{width:100%;justify-content:flex-start}.dashboard_button{flex:1;min-width:120px;text-align:center}}@media (max-width: 480px){.dashboard_container{padding:10px}.dashboard_card{padding:20px}.dashboard_title{font-size:1.5rem}.dashboard_actions{flex-direction:column;width:100%}.dashboard_button{width:100%;padding:14px 20px}.user_info_card{padding:20px}.user_info_title{font-size:1.3rem}}.env_config_container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.env_config_card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;width:100%;max-width:800px;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.env_config_card h2{text-align:center;color:#333;margin-bottom:8px;font-size:28px;font-weight:700}.env_subtitle{text-align:center;color:#666;margin-bottom:32px;font-size:16px}.current_env_banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.env_badge{background:#fff3;padding:8px 16px;border-radius:20px;font-weight:600;font-size:14px}.env_url{font-family:Courier New,monospace;font-size:14px;background:#ffffff1a;padding:8px 12px;border-radius:6px}.env_selector{margin-bottom:24px}.env_selector label{display:block;font-weight:600;color:#333;margin-bottom:8px;font-size:14px}.env_select{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;background:#f8f9fa;transition:all .3s ease}.env_select:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.env_details{background:#f8f9fa;padding:24px;border-radius:12px;margin-bottom:24px}.env_details h3{color:#333;margin-bottom:20px;font-size:20px}.env_info_grid{display:grid;gap:16px;margin-bottom:24px}.env_info_item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e1e5e9}.env_info_item:last-child{border-bottom:none}.env_info_item label{font-weight:600;color:#333;font-size:14px}.env_info_item span{color:#666;font-size:14px}.api_url{font-family:Courier New,monospace;color:#667eea!important;font-weight:500}.status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.endpoint_examples h4{color:#333;margin-bottom:16px;font-size:16px}.endpoint_list{display:grid;gap:12px}.endpoint_item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid #e1e5e9}.endpoint_label{font-weight:600;color:#333;font-size:14px}.endpoint_url{font-family:Courier New,monospace;color:#667eea;font-size:12px;background:#f8f9fa;padding:4px 8px;border-radius:4px}.env_summary{margin-bottom:24px}.env_summary h4{color:#333;margin-bottom:16px;font-size:16px}.env_summary_grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.env_summary_item{background:#f8f9fa;padding:20px;border-radius:12px;border:2px solid #e1e5e9;position:relative;transition:all .3s ease}.env_summary_item.current{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.env_summary_item h5{color:#333;margin-bottom:8px;font-size:16px}.env_summary_item p{color:#666;font-size:14px;font-family:Courier New,monospace;margin-bottom:8px}.current_indicator{background:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase}.env_notes{background:#fff3cd;border:1px solid #ffeaa7;border-radius:12px;padding:20px}.env_notes h4{color:#856404;margin-bottom:12px;font-size:16px}.env_notes ul{color:#856404;padding-left:20px}.env_notes li{margin-bottom:8px;font-size:14px}.env_notes code{background:#0000001a;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:12px}@media (max-width: 1024px){.env_config_container{padding:18px}.env_config_card{padding:30px}.env_summary_grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.env_config_container{padding:15px}.env_config_card{padding:24px;margin:10px}.env_config_card h2{font-size:24px}.env_subtitle{font-size:14px}.current_env_banner{flex-direction:column;align-items:flex-start;gap:12px}.env_url{font-size:12px;word-break:break-all}.env_info_item,.endpoint_item{flex-direction:column;align-items:flex-start;gap:8px}.endpoint_url{font-size:11px;word-break:break-all}.env_summary_grid{grid-template-columns:1fr}.env_details{padding:20px}.env_details h3{font-size:18px}.env_notes{padding:16px}}@media (max-width: 480px){.env_config_container{padding:10px}.env_config_card{padding:20px;margin:5px}.env_config_card h2{font-size:22px}.env_subtitle{font-size:13px}.current_env_banner{padding:16px}.env_badge{padding:6px 12px;font-size:12px}.env_url{padding:6px 10px;font-size:11px}.env_select{padding:10px 14px;font-size:16px}.env_details{padding:16px}.env_details h3{font-size:16px}.env_info_item{padding:10px 0}.env_info_item label,.env_info_item span{font-size:13px}.endpoint_item{padding:10px 12px}.endpoint_label{font-size:13px}.endpoint_url{font-size:10px;padding:3px 6px}.env_summary_item{padding:16px}.env_summary_item h5{font-size:15px}.env_summary_item p{font-size:12px}.env_notes{padding:14px}.env_notes h4{font-size:15px}.env_notes li{font-size:13px}.env_notes code{font-size:11px;padding:1px 4px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#fff;box-shadow:0 2px 8px #0000000a;max-height:90px;overflow:hidden}.navbar_logo{display:flex;align-items:center;height:72px;max-height:72px;padding-left:20px}.navbar_logo_img{height:72px;width:72px;margin-right:.75rem;border-radius:8px;object-fit:cover;transform:scale(2);transition:transform .2s;max-height:72px;max-width:72px}.navbar_title{font-size:1.7rem;font-weight:700;color:#4b2994;letter-spacing:1px}.navbar_links{list-style:none;display:flex;gap:2rem;margin:0;padding:0}.navbar_links li a{text-decoration:none;color:#4b2994;font-size:1.1rem;font-weight:500;transition:color .2s}.navbar_links li a:hover{color:#e94f37}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;width:100%;overflow-x:hidden}.App{min-height:100vh;width:100%;display:flex;flex-direction:column}button,input,textarea{font-family:inherit}html{scroll-behavior:smooth}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.grid{display:grid;gap:20px}.grid_2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid_3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid_4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (max-width: 768px){.container{padding:0 15px}.grid_2,.grid_3,.grid_4{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 10px}}.blog_card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:100%;display:flex;flex-direction:column}.blog_card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.blog_card_image{width:100%;height:200px;overflow:hidden}.blog_card_image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog_card:hover .blog_card_image img{transform:scale(1.05)}.blog_card_content{padding:20px;flex:1;display:flex;flex-direction:column}.blog_card_meta{display:flex;gap:12px;margin-bottom:12px;font-size:.875rem;color:#666}.blog_card_category{background:#667eea;color:#fff;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.blog_card_date{color:#888}.blog_card_title{margin:0 0 12px;font-size:1.25rem;font-weight:600;line-height:1.4}.blog_card_title a{color:#333;text-decoration:none;transition:color .2s ease}.blog_card_title a:hover{color:#667eea}.blog_card_excerpt{color:#666;line-height:1.6;margin-bottom:16px;flex:1}.blog_card_author{display:flex;align-items:center;gap:8px;margin-bottom:12px}.author_avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.author_name{font-weight:500;color:#333;font-size:.875rem}.blog_card_stats{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#888}.blog_card_tags{display:flex;gap:6px;flex-wrap:wrap}.tag{background:#f0f0f0;color:#666;padding:2px 8px;border-radius:12px;font-size:.75rem}.blog_list_container{max-width:1200px;margin:0 auto;padding:20px}.blog_filters{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px}.filter_row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.search_input{flex:1;min-width:200px;padding:10px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem}.filter_select{padding:10px 16px;border:1px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;min-width:150px}.clear_filters_btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.clear_filters_btn:hover{background:#c82333}.results_info{margin-bottom:20px;color:#666}.blogs_grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-bottom:32px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:32px}.pagination_btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.pagination_btn:hover:not(:disabled){background:#5a6fd8}.pagination_btn:disabled{background:#ccc;cursor:not-allowed}.page_info{font-weight:500;color:#666}.loading,.error,.no_blogs{text-align:center;padding:40px;color:#666}.error{color:#dc3545}.blog_detail_container{max-width:800px;margin:0 auto;padding:20px}.blog_detail_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.back_btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.back_btn:hover{background:#5a6fd8}.blog_meta{display:flex;gap:16px;font-size:.875rem;color:#666}.blog_content{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:24px}.blog_title{font-size:2.5rem;font-weight:700;color:#333;margin:0 0 24px;line-height:1.2}.featured_image{margin-bottom:24px;border-radius:8px;overflow:hidden}.featured_image img{width:100%;height:auto;max-height:400px;object-fit:cover}.blog_excerpt{font-size:1.125rem;color:#666;line-height:1.6;margin-bottom:24px;font-style:italic}.blog_body{line-height:1.8;color:#333;font-size:1.1rem}.blog_body h1,.blog_body h2,.blog_body h3{margin-top:32px;margin-bottom:16px;color:#333}.blog_body p{margin-bottom:16px}.blog_body ul,.blog_body ol{margin-bottom:16px;padding-left:24px}.blog_body blockquote{border-left:4px solid #667eea;padding-left:20px;margin:24px 0;font-style:italic;color:#666}.blog_tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.blog_actions{display:flex;justify-content:center;margin-bottom:32px}.like_btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .2s ease}.like_btn:hover{background:#5a6fd8;transform:scale(1.05)}.like_btn.liked{background:#dc3545}.author_section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:32px}.author_info{display:flex;align-items:center;gap:16px}.author_avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.author_details h3{margin:0 0 4px;color:#333}.author_username{color:#667eea;font-weight:500;margin:0 0 8px}.author_bio{color:#666;line-height:1.6;margin:0}.comments_section{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.comments_section h3{margin:0 0 20px;color:#333}.comment_form{margin-bottom:32px}.comment_input{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;resize:vertical;margin-bottom:12px}.comment_submit_btn{padding:10px 20px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.comment_submit_btn:hover:not(:disabled){background:#5a6fd8}.comment_submit_btn:disabled{background:#ccc;cursor:not-allowed}.comments_list{display:flex;flex-direction:column;gap:20px}.comment{border-bottom:1px solid #eee;padding-bottom:20px}.comment:last-child{border-bottom:none}.comment_author{display:flex;align-items:center;gap:12px;margin-bottom:8px}.comment_avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment_meta{display:flex;flex-direction:column}.comment_author_name{font-weight:500;color:#333}.comment_date{font-size:.875rem;color:#888}.comment_content{color:#333;line-height:1.6;margin:0}.no_comments{text-align:center;color:#666;font-style:italic}.blog_form_container{max-width:800px;margin:0 auto;padding:20px}.form_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.form_header h1{margin:0;color:#333}.error_message{background:#f8d7da;color:#721c24;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #f5c6cb}.blog_form{background:#fff;padding:32px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.form_row{margin-bottom:24px}.form_row label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form_input,.form_textarea,.form_select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s ease}.form_input:focus,.form_textarea:focus,.form_select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.content_textarea{font-family:Courier New,monospace;line-height:1.6}.help_text{display:block;margin-top:4px;font-size:.875rem;color:#666}.form_actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}.preview_btn{padding:12px 24px;background:#6c757d;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.preview_btn:hover:not(:disabled){background:#5a6268}.submit_btn{padding:12px 24px;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.submit_btn:hover:not(:disabled){background:#5a6fd8}.preview_btn:disabled,.submit_btn:disabled{background:#ccc;cursor:not-allowed}.popular_blogs_container{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 6px #0000001a}.popular_blogs_container h3{margin:0 0 20px;color:#333;font-size:1.5rem}.popular_blogs_list{display:flex;flex-direction:column;gap:16px}.popular_blog_item{position:relative;display:flex;align-items:center;gap:16px}.popular_rank{background:#667eea;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.popular_blog_item .blog_card{flex:1;height:auto}.popular_blog_item .blog_card_content{padding:16px}.popular_blog_item .blog_card_title{font-size:1.1rem;margin-bottom:8px}.popular_blog_item .blog_card_excerpt{font-size:.875rem;margin-bottom:12px}.blog_preview_container{max-width:800px;margin:0 auto;padding:20px}.preview_header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.preview_header h1{margin:0;color:#333}.preview_actions{display:flex;gap:12px}.edit_btn,.close_btn{padding:8px 16px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;transition:background .2s ease}.edit_btn{background:#667eea;color:#fff}.edit_btn:hover{background:#5a6fd8}.close_btn{background:#6c757d;color:#fff}.close_btn:hover{background:#5a6268}.preview_notice{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:8px;margin-bottom:24px;border:1px solid #ffeaa7}.preview_content{border:2px dashed #ddd}.preview_footer{background:#f8f9fa;padding:16px;border-radius:8px;margin-top:24px;text-align:center;color:#666}@media (max-width: 1024px){.blog_list_container{padding:18px}.blogs_grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.blog_detail_container{padding:18px}}@media (max-width: 768px){.blog_list_container{padding:16px}.filter_row{flex-direction:column;align-items:stretch;gap:12px}.search_input,.filter_select{min-width:auto;width:100%}.clear_filters_btn{width:100%}.blogs_grid{grid-template-columns:1fr;gap:16px}.blog_detail_container{padding:16px}.blog_title{font-size:2rem}.blog_content{padding:20px}.blog_detail_header{flex-direction:column;align-items:stretch;gap:16px}.blog_meta{justify-content:center;flex-wrap:wrap}.blog_form_container{padding:16px}.blog_form{padding:20px}.form_header{flex-direction:column;align-items:stretch;gap:16px}.form_actions{flex-direction:column;gap:12px}.preview_btn,.submit_btn{width:100%}.author_info{flex-direction:column;text-align:center;gap:12px}.comment_author{flex-direction:column;align-items:flex-start;gap:8px}.preview_header{flex-direction:column;align-items:stretch;gap:16px}.preview_actions{justify-content:center;width:100%}.edit_btn,.close_btn{flex:1}.pagination{flex-direction:column;gap:12px}.pagination_btn{width:100%}}@media (max-width: 480px){.blog_list_container{padding:12px}.blog_filters{padding:16px}.filter_row{gap:10px}.search_input,.filter_select{padding:8px 12px;font-size:16px}.clear_filters_btn{padding:8px 16px;font-size:14px}.blogs_grid{gap:12px}.blog_card_content{padding:16px}.blog_card_title{font-size:1.1rem}.blog_detail_container{padding:12px}.blog_title{font-size:1.8rem}.blog_content{padding:16px}.blog_form_container{padding:12px}.blog_form{padding:16px}.form_input,.form_textarea,.form_select{padding:8px 12px;font-size:16px}.content_textarea{min-height:200px}.preview_header h1{font-size:1.5rem}.edit_btn,.close_btn{padding:6px 12px;font-size:14px}.popular_blogs_container{padding:16px}.popular_blog_item{flex-direction:column;align-items:flex-start;gap:12px}.popular_rank{align-self:flex-start}}