@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-light: #e0e7ff;--secondary-color: #f3f4f6;--text-color: #1f2937;--text-light: #6b7280;--danger-color: #ef4444;--danger-hover: #dc2626;--danger-light: #fee2e2;--success-color: #10b981;--success-light: #d1fae5;--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--border-radius-sm: .125rem;--border-radius: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-full: 9999px;--gradient-primary: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--gradient-secondary: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-warm: linear-gradient(135deg, #f97316 0%, #fb923c 100%);--gradient-cool: linear-gradient(135deg, #0ea5e9 0%, #38bdf8 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--gradient-gray: linear-gradient(135deg, #4b5563 0%, #6b7280 100%)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;color:var(--text-color);background-color:var(--gray-50);background-image:url(/assets/pattern-d06b0353.svg);background-attachment:fixed;min-height:100vh}a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-hover)}button,.btn{cursor:pointer;font-family:inherit;font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);border:none;transition:all .2s ease;font-size:.875rem}.btn-primary{background-image:var(--gradient-primary);color:var(--white);position:relative;z-index:1;border:none;transition:all .3s ease}.btn-primary:hover{background-image:linear-gradient(135deg,#4338ca 0%,#6366f1 100%);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-color)}.btn-secondary:hover{background-color:var(--gray-200);transform:translateY(-1px)}.btn-danger{background-color:var(--danger-color);color:var(--white)}.btn-danger:hover{background-color:var(--danger-hover);transform:translateY(-1px)}.btn-success{background-color:var(--success-color);color:var(--white)}.btn-success:hover{background-color:var(--success-color);transform:translateY(-1px)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:#4f46e533}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.form-control{width:100%;padding:.75rem;font-size:1rem;line-height:1.5;color:var(--gray-900);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 .2rem #4f46e540}.alert{padding:1rem;margin-bottom:1rem;border-radius:var(--border-radius)}.alert-error{background-color:var(--danger-light);color:var(--danger-hover)}.alert-success{background-color:var(--success-light);color:var(--success-color)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.app-footer{background-color:var(--white);box-shadow:0 -1px 3px #0000000d;padding:1rem 0;text-align:center;color:var(--gray-600)}.navbar{background-color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:1rem 0;border-bottom:1px solid rgba(209,213,219,.3)}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;font-size:1.25rem;font-weight:700;color:var(--gray-900)}.navbar-brand svg{margin-right:.5rem;color:var(--primary-color)}.navbar-links{display:flex;gap:1.5rem;align-items:center}.navbar-links a,.navbar-links button{color:var(--gray-700);font-weight:500;transition:color .2s ease}.navbar-links a:hover,.navbar-links button:hover,.navbar-links .active{color:var(--primary-color)}.navbar-mobile-toggle{display:none;background:none;border:none;color:var(--gray-700);font-size:1.5rem;cursor:pointer}.navbar-mobile-menu{display:none}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;background:linear-gradient(135deg,var(--gray-50) 0%,var(--primary-light) 100%);background-image:url(/assets/wave-bg-5926f7ee.svg),linear-gradient(135deg,var(--gray-50) 0%,var(--primary-light) 100%);background-position:bottom;background-repeat:no-repeat;background-size:100%}.auth-card{width:100%;max-width:400px;padding:2rem;background-color:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-lg)}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h2{font-size:1.875rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.auth-header p{color:var(--gray-500)}.auth-icon{width:3rem;height:3rem;margin:0 auto 1rem;color:var(--primary-color)}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--gray-600)}.auth-footer a{font-weight:500}.dashboard-container{padding:2rem 1rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.dashboard-header h1{font-size:1.875rem;font-weight:700;color:var(--gray-900)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.blog-card{display:flex;flex-direction:column;height:100%}.blog-card-header{height:10rem;background-image:var(--gradient-primary),url(/assets/dots-7b60133f.svg);background-position:center;background-size:cover,20px;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.blog-card-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.2));z-index:1}.blog-card-header h2{position:relative;z-index:2}.blog-card-header h2{color:var(--white);font-size:1.25rem;font-weight:600;text-align:center;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.blog-card-body{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.blog-date{font-size:.875rem;color:var(--gray-500);margin-bottom:1rem}.blog-content-preview{color:var(--gray-700);margin-bottom:1.5rem;flex-grow:1;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.blog-actions{display:flex;gap:.5rem;margin-top:auto}.blog-actions .btn{flex:1;display:flex;align-items:center;justify-content:center}.blog-actions .btn svg{margin-right:.25rem}.empty-state{text-align:center;padding:3rem;background-color:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow)}.empty-state img{width:16rem;height:16rem;margin:0 auto 2rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.empty-state p{color:var(--gray-600);margin-bottom:2rem;max-width:30rem;margin-left:auto;margin-right:auto}.create-blog-container{padding:2rem 1rem}.create-blog-card{max-width:800px;margin:0 auto;padding:2rem}.create-blog-header{margin-bottom:2rem;position:relative;height:10rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);overflow:hidden}.create-blog-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.unsplash.com/photo-1499750310107-5fef28a66643?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80);background-size:cover;background-position:center;filter:brightness(.7)}.create-blog-header:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(79,70,229,.7) 0%,rgba(67,56,202,.7) 100%)}.create-blog-header h1{color:var(--white);font-size:2rem;font-weight:700;position:relative;z-index:1}.create-blog-content{padding:1rem 0}.blog-form{margin-top:2rem}.blog-form textarea{min-height:20rem;resize:vertical}.btn-publish{display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem;font-weight:600;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:var(--white);border-radius:var(--border-radius);transition:all .3s ease}.btn-publish:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-publish svg{margin-right:.5rem}.loading{display:flex;justify-content:center;align-items:center;min-height:200px}.spinner{width:3rem;height:3rem;border:.25rem solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.navbar-links{display:none}.navbar-mobile-toggle{display:block}.navbar-mobile-menu.active{display:block;padding:1rem 0}.navbar-mobile-menu a,.navbar-mobile-menu button{display:block;padding:.75rem 0;width:100%;text-align:left}}