@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Noto+Sans+Kannada:wght@400;500;600;700&display=swap);:root{--castle-stone-light:#e8dcc6;--castle-stone:#d4c4a8;--castle-stone-dark:#b8a482;--castle-stone-darker:#8b7355;--tulunad-gold:#d4af37;--tulunad-gold-light:#f4d03f;--tulunad-gold-dark:#b7950b;--tulunad-red:#8b0000;--tulunad-red-light:#dc143c;--tulunad-saffron:#ff7f00;--tulunad-earth:#8b4513;--tulunad-forest:#355e3b;--accent-teal:teal;--accent-bronze:#cd7f32;--accent-ivory:ivory;--accent-charcoal:#36454f;--primary:var(--tulunad-gold);--secondary:var(--castle-stone);--accent:var(--tulunad-red);--success:var(--tulunad-forest);--warning:var(--tulunad-saffron);--error:var(--tulunad-red-light);--info:var(--accent-teal);--text-primary:#2c3e50;--text-secondary:#5d6d7e;--text-muted:#85929e;--text-light:var(--accent-ivory);--text-dark:var(--accent-charcoal);--bg-primary:var(--accent-ivory);--bg-secondary:var(--castle-stone-light);--bg-dark:var(--accent-charcoal);--bg-card:#fffff0f2;--bg-overlay:#0009;--font-family-heading:"Cinzel",serif;--font-family-body:"Crimson Text",serif;--font-family-tulu:"Noto Sans Kannada",sans-serif;--font-family-mono:"Courier New",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-width:1px;--border-color:var(--castle-stone-dark);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-castle:0 8px 16px #8b73554d;--transition-fast:0.15s ease-in-out;--transition-normal:0.3s ease-in-out;--transition-slow:0.5s ease-in-out;--header-height:80px;--footer-height:200px;--sidebar-width:300px;--container-max-width:1200px;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}[data-theme=dark]{--bg-primary:var(--accent-charcoal);--bg-secondary:#2c3e50;--bg-card:#2c3e50f2;--text-primary:var(--accent-ivory);--text-secondary:#bdc3c7;--text-muted:#95a5a6;--border-color:#4a5568}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 25% 25%,#d4af371a 2px,#0000 0),radial-gradient(circle at 75% 75%,#8b00000d 1px,#0000 0),linear-gradient(45deg,#d4af3708 25%,#0000 0),linear-gradient(-45deg,#d4af3708 25%,#0000 0);background-position:0 0,20px 20px,0 0,0 10px;background-size:40px 40px,30px 30px,20px 20px,20px 20px;color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-family-heading);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-5xl);text-shadow:2px 2px 4px #8b73554d}h2{font-size:var(--font-size-4xl);text-shadow:1px 1px 3px #8b735533}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);position:relative;text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--tulunad-gold-dark)}a:after{background:linear-gradient(90deg,var(--primary),var(--tulunad-gold-dark));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:var(--transition-normal);width:0}a:hover:after{width:100%}.text-tulu{font-family:var(--font-family-tulu)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-heading{font-family:var(--font-family-heading)}.font-body{font-family:var(--font-family-body)}.font-tulu{font-family:var(--font-family-tulu)}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-md)}.btn{background:linear-gradient(135deg,var(--primary),var(--tulunad-gold-dark));border:var(--border-width) solid #0000;border-radius:var(--border-radius-md);box-shadow:var(--shadow-castle);color:var(--text-light);cursor:pointer;display:inline-block;font-family:var(--font-family-heading);font-weight:500;overflow:hidden;padding:var(--spacing-sm) var(--spacing-lg);position:relative;text-align:center;text-decoration:none}.btn,.btn:before{transition:var(--transition-normal)}.btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.btn:hover{box-shadow:var(--shadow-xl);color:var(--text-light);text-decoration:none;transform:translateY(-2px)}.btn:hover:before{left:100%}.btn:hover:after{width:0}.btn-secondary{background:linear-gradient(135deg,var(--castle-stone),var(--castle-stone-dark));color:var(--text-primary)}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-castle);overflow:hidden;padding:var(--spacing-lg);position:relative}.card,.card:before{border-radius:var(--border-radius-lg);transition:var(--transition-normal)}.card:before{background:linear-gradient(45deg,var(--tulunad-gold),#0000,var(--tulunad-gold));bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;z-index:-1}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card:hover:before{opacity:.6}.castle-border{border:2px solid var(--border-color);border-image:linear-gradient(45deg,var(--tulunad-gold),var(--primary),var(--tulunad-gold)) 1;position:relative}.heritage-divider{background:linear-gradient(90deg,#0000,var(--primary),#0000);height:3px;margin:var(--spacing-xl) 0;position:relative}.heritage-divider:before{background:var(--bg-primary);content:"🏛️";font-size:var(--font-size-lg);left:50%;padding:0 var(--spacing-sm);position:absolute;top:50%;transform:translate(-50%,-50%)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}.btn{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--castle-stone-light);border-radius:6px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary),var(--tulunad-gold-dark));border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--tulunad-gold-dark),var(--primary))}::selection{background:var(--primary);color:var(--text-light)}::-moz-selection{background:var(--primary);color:var(--text-light)}.header{background:linear-gradient(135deg,var(--castle-stone),var(--castle-stone-light));border-bottom:3px solid var(--primary);box-shadow:var(--shadow-castle);height:var(--header-height);position:sticky;top:0;z-index:var(--z-sticky)}.header-container{height:100%;justify-content:space-between;margin:0 auto;max-width:var(--container-max-width);padding:0 var(--spacing-md)}.header-container,.header-left{align-items:center;display:flex}.header-left{flex:1 1;gap:var(--spacing-lg)}.sidebar-toggle{background:none;border:none;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:var(--spacing-sm);transition:var(--transition-fast)}.sidebar-toggle:hover{background:#d4af371a}.hamburger{background:var(--primary);border-radius:1px;height:2px;transition:var(--transition-fast);width:20px}.logo{align-items:center;color:inherit;display:flex;gap:var(--spacing-sm);text-decoration:none}.logo:hover:after{width:0}.logo-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:2.5rem}.logo-text{line-height:1.2}.logo-main{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;text-shadow:1px 1px 2px #0000001a}.logo-sub{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.header-nav{align-items:center;display:flex;flex:2 1;gap:var(--spacing-2xl);justify-content:center;margin:0 var(--spacing-lg)}.nav-link{border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:600;letter-spacing:1px;padding:var(--spacing-md) var(--spacing-lg);position:relative;text-transform:uppercase;transition:var(--transition-normal)}.nav-link:after{background:linear-gradient(90deg,var(--primary),var(--tulunad-gold-dark));bottom:-5px;height:3px}.nav-link:hover{background:#d4af371a;color:var(--primary);transform:translateY(-2px)}.nav-link.active{background:#d4af3733;color:var(--primary)}.nav-link.active:after{width:100%}.header-right{flex:1 1;gap:var(--spacing-md);justify-content:flex-end}.header-right,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;box-shadow:var(--shadow-sm);cursor:pointer;font-size:var(--font-size-xl);height:45px;justify-content:center;transition:var(--transition-normal);width:45px}.theme-toggle:hover{background:var(--primary);box-shadow:var(--shadow-md);color:var(--text-light);transform:scale(1.1)}@media (max-width:1024px){.header-nav{gap:var(--spacing-lg)}.nav-link{font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:768px){.header-container{padding:0 var(--spacing-sm)}.header-nav{display:none}.header-left,.header-right{flex:none}.logo-main{font-size:var(--font-size-lg)}.logo-sub{font-size:var(--font-size-xs)}.logo-icon{font-size:2rem}}@media (max-width:480px){.header-left{gap:var(--spacing-sm)}.logo-text{display:none}}.footer{background:linear-gradient(135deg,var(--castle-stone-darker),var(--accent-charcoal));color:var(--text-light);margin-top:auto;position:relative}.footer-container{margin:0 auto;max-width:var(--container-max-width);padding:var(--spacing-2xl) var(--spacing-md) var(--spacing-lg)}.footer-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.footer-section h4{color:var(--primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);position:relative}.footer-section h4:after{background:linear-gradient(90deg,var(--primary),var(--tulunad-gold-dark));bottom:-5px;content:"";height:2px;left:0;position:absolute;width:40px}.footer-logo{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.footer-logo-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5));font-size:3rem}.footer-logo-text h3{color:var(--text-light);font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.footer-logo-text p{color:var(--primary);font-size:var(--font-size-sm);margin-bottom:0}.footer-description{color:var(--text-light);line-height:1.6;opacity:.9}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{align-items:center;color:var(--text-light);display:flex;gap:var(--spacing-sm);opacity:.8;padding:var(--spacing-xs) 0;text-decoration:none;transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary);opacity:1;transform:translateX(5px)}.footer-links a:after{display:none}.footer-social p{color:var(--text-light);margin-bottom:var(--spacing-md);opacity:.9}.social-links{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.social-links a{align-items:center;background:#d4af371a;border:1px solid var(--primary);border-radius:50%;color:var(--primary);display:inline-flex;font-size:var(--font-size-lg);height:40px;justify-content:center;text-decoration:none;transition:var(--transition-normal);width:40px}.social-links a:hover{background:var(--primary);color:var(--text-dark);transform:scale(1.1)}.social-links a:after{display:none}.footer-bottom{border-top:1px solid #d4af374d;padding-top:var(--spacing-lg)}.footer-bottom-content{text-align:center}.footer-bottom-content p{color:var(--text-light);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);opacity:.8}.footer-bottom-content p:last-child{font-size:var(--font-size-xs);margin-bottom:0}@media (max-width:768px){.footer-content{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-container{padding:var(--spacing-xl) var(--spacing-sm) var(--spacing-md)}.footer-logo{justify-content:center}.footer-logo,.footer-section{text-align:center}.footer-section h4:after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}}.sidebar-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bg-overlay);bottom:0;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}.sidebar{background:linear-gradient(180deg,var(--bg-card),var(--castle-stone-light));border-right:3px solid var(--primary);box-shadow:var(--shadow-castle);height:calc(100vh - var(--header-height));left:-100%;overflow-y:auto;position:fixed;top:var(--header-height);transition:var(--transition-normal);width:var(--sidebar-width);z-index:var(--z-fixed)}.sidebar.open{left:0}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--spacing-xl) var(--spacing-lg)}.sidebar-header{border-bottom:2px solid #d4af374d;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);text-align:center}.sidebar-header h3{color:var(--primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 2px #0000001a}.sidebar-header p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:0}.sidebar-nav{flex:1 1}.category-list{list-style:none;margin:0;padding:0}.category-item{margin-bottom:var(--spacing-sm)}.category-link{align-items:center;background:#fffff080;border:1px solid #0000;border-radius:var(--border-radius-lg);color:var(--text-primary);display:flex;gap:var(--spacing-md);overflow:hidden;padding:var(--spacing-md);position:relative;text-decoration:none;transition:var(--transition-normal)}.category-link:before{background:linear-gradient(90deg,#0000,#d4af3733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:var(--transition-normal);width:100%}.category-link:hover{background:#d4af371a;border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateX(5px)}.category-link:hover:before{left:100%}.category-link:hover:after{width:0}.category-icon{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.1));font-size:var(--font-size-2xl);min-width:40px;text-align:center}.category-text{flex:1 1;line-height:1.3}.category-name{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.category-name-tulu{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.sidebar-footer{border-top:2px solid #d4af374d;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.heritage-quote{background:#8b00000d;border-left:4px solid var(--tulunad-red);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.quote-text{color:var(--text-primary);font-size:var(--font-size-sm);font-style:italic;line-height:1.4;margin-bottom:var(--spacing-sm)}.quote-author{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:600}.tulu-quote{background:#d4af371a;border:1px solid #d4af374d;border-radius:var(--border-radius-md);padding:var(--spacing-sm);text-align:center}.tulu-quote p{color:var(--primary);font-size:var(--font-size-sm);font-weight:600;margin:0}@media (min-width:1025px){.sidebar{height:auto;left:0;position:static;width:var(--sidebar-width)}.sidebar.open{left:0}.sidebar-overlay{display:none}}@media (max-width:1024px){.sidebar{height:100vh;padding-top:var(--header-height);top:0}.sidebar-content{padding-top:var(--spacing-lg)}}@media (max-width:480px){.sidebar{width:280px}.category-link{gap:var(--spacing-sm);padding:var(--spacing-sm)}.category-icon{font-size:var(--font-size-xl);min-width:35px}.category-name{font-size:var(--font-size-sm)}.category-name-tulu{font-size:var(--font-size-xs)}}.main-layout{display:flex;flex-direction:column;min-height:100vh}.layout-container{display:flex;flex:1 1;position:relative}.main-content{flex:1 1;min-height:calc(100vh - var(--header-height) - var(--footer-height));transition:var(--transition-normal)}.main-content.sidebar-open{margin-left:var(--sidebar-width)}.content-wrapper{margin:0 auto;max-width:var(--container-max-width);min-height:100%;padding:var(--spacing-xl) var(--spacing-md)}@media (max-width:1024px){.main-content.sidebar-open{margin-left:0}}@media (max-width:768px){.content-wrapper{padding:var(--spacing-lg) var(--spacing-sm)}}.admin-layout{background:var(--bg-secondary);min-height:100vh}.admin-header{background:linear-gradient(135deg,var(--castle-stone-darker),var(--accent-charcoal));box-shadow:var(--shadow-castle);color:var(--text-light);padding:var(--spacing-lg)}.admin-header-content h1{color:var(--primary);margin-bottom:var(--spacing-xs)}.admin-header-content p{color:var(--text-light);margin:0;opacity:.8}.admin-container{display:flex;min-height:calc(100vh - 100px)}.admin-sidebar{background:var(--bg-card);border-right:2px solid var(--primary);padding:var(--spacing-lg);width:250px}.admin-nav{flex-direction:column}.admin-nav,.admin-nav-link{display:flex;gap:var(--spacing-sm)}.admin-nav-link{align-items:center;background:none;border:1px solid #0000;border-radius:var(--border-radius-md);color:var(--text-primary);cursor:pointer;font-family:var(--font-family-heading);font-weight:500;padding:var(--spacing-md);text-decoration:none;transition:var(--transition-normal)}.admin-nav-link:hover{background:#d4af371a;border-color:var(--primary);transform:translateX(5px)}.logout-btn{color:var(--tulunad-red);margin-top:auto}.logout-btn:hover{background:#dc143c1a;border-color:var(--tulunad-red)}.admin-divider{background:#d4af374d;border:none;height:1px;margin:var(--spacing-md) 0}.admin-content{flex:1 1;padding:var(--spacing-xl)}.admin-content-wrapper{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);min-height:100%;padding:var(--spacing-xl)}.auth-layout{background:radial-gradient(circle at 25% 25%,#d4af371a,#0000 50%),radial-gradient(circle at 75% 75%,#8b00000d,#0000 50%),linear-gradient(135deg,var(--castle-stone-light),var(--bg-secondary));overflow:hidden;position:relative}.auth-layout:before{animation:rotate 120s linear infinite;background:repeating-conic-gradient(from 0deg at 50% 50%,#0000 0deg 15deg,#d4af3705 15deg 30deg);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--border-color);max-width:450px;position:relative;z-index:1}.auth-container:before{background:linear-gradient(45deg,var(--primary),#0000,var(--primary));border-radius:var(--border-radius-xl);bottom:-3px;content:"";left:-3px;opacity:.6;position:absolute;right:-3px;top:-3px;z-index:-1}.auth-header{position:relative}.auth-header:after{background:linear-gradient(90deg,var(--primary),var(--tulunad-gold-dark));border-radius:2px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.auth-logo-icon{animation:float 4s ease-in-out infinite;filter:drop-shadow(3px 3px 6px rgba(139,115,85,.4))}.auth-logo h1{font-size:var(--font-size-2xl);text-shadow:1px 1px 2px #0000001a}.auth-logo p{font-size:var(--font-size-base);font-weight:600}.auth-content{position:relative}.auth-footer{margin-top:var(--spacing-2xl)}.auth-footer p{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.auth-layout .login-form{width:100%}.auth-layout .login-form h2{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 2px #0000000d}.auth-layout .login-form .text-tulu{color:var(--primary);font-size:var(--font-size-base);font-weight:500;margin-bottom:var(--spacing-xl)}.auth-layout .form-group{margin-bottom:var(--spacing-lg);text-align:left}.auth-layout .form-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition-normal);width:100%}.auth-layout .form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4af371a,inset 0 1px 3px #0000001a;outline:none;transform:translateY(-1px)}.auth-layout .form-group input::placeholder{color:var(--text-muted);opacity:.8}.auth-layout .btn{font-size:var(--font-size-lg);font-weight:600;margin-top:var(--spacing-md);overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;width:100%}.auth-layout .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-layout .btn:disabled:hover{transform:none}.auth-layout .error-message{animation:shake .5s ease-in-out;background:#dc143c1a;border:1px solid var(--tulunad-red-light);border-radius:var(--border-radius-md);color:var(--tulunad-red);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.auth-layout .btn.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;right:var(--spacing-lg);top:50%;transform:translateY(-50%);width:16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}@media (max-width:768px){.auth-layout{padding:var(--spacing-md)}.auth-container{max-width:100%;padding:var(--spacing-2xl)}.auth-logo-icon{font-size:3rem}.auth-logo h1{font-size:var(--font-size-xl)}.auth-layout .form-group input{padding:var(--spacing-sm) var(--spacing-md)}}@media (max-width:480px){.auth-container{padding:var(--spacing-xl)}.auth-logo-icon{font-size:2.5rem}.auth-logo h1{font-size:var(--font-size-lg)}}.loading-spinner{align-items:center;display:flex;justify-content:center;min-height:200px;padding:var(--spacing-xl)}.loading-spinner.fullscreen{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fffff0f2;bottom:0;left:0;min-height:100vh;position:fixed;right:0;top:0;z-index:var(--z-modal)}.spinner-container{text-align:center}.castle-spinner{height:60px;margin:0 auto var(--spacing-lg);position:relative;width:60px}.spinner-tower{animation:towerGrow 1.5s ease-in-out infinite;background:linear-gradient(180deg,var(--primary),var(--tulunad-gold-dark));border-radius:2px 2px 0 0;height:40px;position:absolute;width:12px}.spinner-tower:first-child{animation-delay:0s;left:10px}.spinner-tower:nth-child(2){animation-delay:.3s;height:50px;left:24px}.spinner-tower:nth-child(3){animation-delay:.6s;left:38px}.spinner-base{animation:baseGlow 2s ease-in-out infinite;background:linear-gradient(90deg,var(--castle-stone-dark),var(--castle-stone));border-radius:0 0 4px 4px;bottom:0;height:8px;left:5px;position:absolute;right:5px}.loading-text{color:var(--primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.loading-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);font-style:italic}.loading-spinner.small .castle-spinner{height:40px;width:40px}.loading-spinner.small .spinner-tower{height:25px;width:8px}.loading-spinner.small .spinner-tower:first-child{left:8px}.loading-spinner.small .spinner-tower:nth-child(2){height:30px;left:16px}.loading-spinner.small .spinner-tower:nth-child(3){left:24px}.loading-spinner.small .spinner-base{height:6px;left:5px;right:5px}.loading-spinner.large .castle-spinner{height:80px;width:80px}.loading-spinner.large .spinner-tower{height:55px;width:16px}.loading-spinner.large .spinner-tower:first-child{left:12px}.loading-spinner.large .spinner-tower:nth-child(2){height:65px;left:32px}.loading-spinner.large .spinner-tower:nth-child(3){left:52px}.loading-spinner.large .spinner-base{height:10px;left:8px;right:8px}@keyframes towerGrow{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.3)}}@keyframes baseGlow{0%,to{box-shadow:0 2px 10px #d4af374d}50%{box-shadow:0 2px 20px #d4af3799}}@media (max-width:768px){.loading-text{font-size:var(--font-size-base)}.loading-subtitle{font-size:var(--font-size-xs)}}.home-page{max-width:100%}.error-banner{animation:slideIn .3s ease-out;background:#ff7f001a;border:1px solid var(--tulunad-saffron);color:var(--tulunad-saffron)}.btn-small{background:var(--tulunad-saffron);font-family:var(--font-family-heading);font-weight:500}.btn-small:hover{transform:scale(1.05)}.hero-section{background:radial-gradient(circle at top center,#d4af371a,#0000 70%),linear-gradient(135deg,var(--bg-primary),var(--castle-stone-light));border-radius:var(--border-radius-xl);margin-bottom:var(--spacing-3xl);overflow:hidden;padding:var(--spacing-3xl) 0;position:relative;text-align:center}.hero-section:before{animation:rotate 60s linear infinite;background:repeating-conic-gradient(from 0deg at 50% 50%,#0000 0deg 10deg,#d4af370d 10deg 20deg);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}.hero-content{position:relative;z-index:1}.hero-castle{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:4rem;margin-bottom:var(--spacing-lg)}.hero-title{animation-delay:.2s;color:var(--text-primary);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #8b73554d}.hero-subtitle{animation-delay:.4s;color:var(--primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-lg)}.hero-description{animation-delay:.6s;color:var(--text-secondary);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto var(--spacing-2xl);max-width:600px}.hero-stats{animation-delay:.6s;display:flex;gap:var(--spacing-2xl);justify-content:center;margin:var(--spacing-xl) 0 var(--spacing-2xl)}.stat-item{text-align:center}.stat-number{display:block;font-size:var(--font-size-3xl)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500}.category-card,.category-card:hover{color:inherit;text-decoration:none}.category-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.category-meta{align-items:center;display:flex;justify-content:center;margin-top:var(--spacing-md)}.post-count{background:#d4af371a;border-radius:var(--border-radius-md);color:var(--primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.featured-post{display:block}.featured-post,.featured-post:hover{color:inherit;text-decoration:none}.post-image{border-radius:var(--border-radius-md);height:200px;margin-bottom:var(--spacing-lg);overflow:hidden;width:100%}.post-image img{height:100%;object-fit:cover;transition:var(--transition-normal);width:100%}.featured-post:hover .post-image img{transform:scale(1.05)}.post-title-tulu{color:var(--primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.post-excerpt{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.coming-soon-notice{background:#d4af371a;border:1px solid #d4af374d;border-radius:var(--border-radius-lg);margin-top:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}.contact-link{color:var(--primary);font-weight:600;text-decoration:underline}.error-state{margin:0 auto;max-width:500px;padding:var(--spacing-3xl);text-align:center}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.error-state h2{color:var(--tulunad-red);margin-bottom:var(--spacing-md)}.error-state p{color:var(--text-secondary);margin-bottom:var(--spacing-xl)}@media (max-width:768px){.hero-stats{gap:var(--spacing-lg)}.stat-number{font-size:var(--font-size-2xl)}.stat-label{font-size:var(--font-size-xs)}}.section-header{margin-bottom:var(--spacing-3xl);text-align:center}.section-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm)}.section-subtitle{color:var(--primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.categories-section{padding:var(--spacing-3xl) 0}.categories-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.category-card{cursor:pointer;overflow:hidden;padding:var(--spacing-2xl) var(--spacing-lg);position:relative;text-align:center;transition:var(--transition-normal)}.category-card:before{background:linear-gradient(45deg,var(--primary),#0000,var(--primary));border-radius:var(--border-radius-lg);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:var(--transition-normal);z-index:-1}.category-card:hover:before{opacity:.8}.category-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));font-size:4rem;margin-bottom:var(--spacing-lg);transition:var(--transition-normal)}.category-card:hover .category-icon{animation:float 2s ease-in-out infinite;transform:scale(1.1)}.category-card h3{color:var(--text-primary);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.category-card .text-tulu{color:var(--primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.category-card p{color:var(--text-secondary);line-height:1.6}.featured-section{background:#d4af370d;border-radius:var(--border-radius-xl);margin:var(--spacing-3xl) 0;padding:var(--spacing-3xl) 0}.featured-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.featured-post{cursor:pointer;padding:var(--spacing-xl);transition:var(--transition-normal)}.featured-post:hover{transform:translateY(-8px)}.post-meta{font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--spacing-md)}.post-category{background:#d4af371a;border-radius:var(--border-radius-md);color:var(--primary);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.post-date{color:var(--text-muted)}.featured-post h3{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.featured-post p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.post-footer{align-items:center;border-top:1px solid #d4af3733;display:flex;justify-content:space-between;padding-top:var(--spacing-md)}.post-views{color:var(--text-muted);font-size:var(--font-size-sm)}.read-more-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-family:var(--font-family-heading);font-weight:600;transition:var(--transition-fast)}.read-more-btn:hover{color:var(--tulunad-gold-dark);transform:translateX(5px)}.cta-section{background:linear-gradient(135deg,var(--castle-stone-darker),var(--accent-charcoal));border-radius:var(--border-radius-xl);color:var(--text-light);margin:var(--spacing-3xl) 0;overflow:hidden;padding:var(--spacing-3xl);position:relative;text-align:center}.cta-section:before{background:linear-gradient(90deg,var(--primary),var(--tulunad-gold-dark),var(--primary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.cta-title{color:var(--text-light);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.cta-subtitle{color:var(--primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-lg)}.cta-description{color:var(--text-light);font-size:var(--font-size-lg);line-height:1.6;margin:0 auto var(--spacing-2xl);max-width:600px;opacity:.9}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);justify-content:center}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.hero-section{padding:var(--spacing-2xl) var(--spacing-md)}.hero-castle{font-size:3rem}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-xl)}.hero-description{font-size:var(--font-size-base)}.hero-actions{align-items:center;flex-direction:column}.categories-grid{gap:var(--spacing-lg)}.categories-grid,.featured-grid{grid-template-columns:1fr}.category-icon{font-size:3rem}.section-title{font-size:var(--font-size-3xl)}.cta-section{padding:var(--spacing-2xl) var(--spacing-md)}.cta-title{font-size:var(--font-size-2xl)}.cta-actions{align-items:center;flex-direction:column}}.admin-dashboard{max-width:100%;padding:0}.dashboard-header{align-items:flex-start;background:linear-gradient(135deg,var(--primary),var(--tulunad-gold-dark));border-radius:var(--border-radius-lg);color:var(--text-light);display:flex;justify-content:space-between;margin:-var(--spacing-xl) -var(--spacing-xl) var(--spacing-2xl);padding:var(--spacing-xl)}.welcome-section h1{color:var(--text-light);margin-bottom:var(--spacing-xs);text-shadow:1px 1px 3px #0000004d}.welcome-section .text-tulu{color:#fffff0e6;margin-bottom:var(--spacing-sm)}.welcome-desc{color:#fffff0cc;margin:0}.last-login{color:#fffff0b3;font-size:var(--font-size-sm);text-align:right}.error-banner{align-items:center;background:#dc143c1a;border:1px solid var(--tulunad-red-light);border-radius:var(--border-radius-md);color:var(--tulunad-red);display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.btn-small{background:var(--primary);border:none;border-radius:var(--border-radius-sm);color:var(--text-light);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-fast)}.btn-small:hover{background:var(--tulunad-gold-dark)}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:var(--spacing-2xl)}.stat-card{align-items:center;display:flex;gap:var(--spacing-lg);transition:var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));font-size:3rem}.stat-info h3{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;letter-spacing:1px;text-transform:uppercase}.stat-info h3,.stat-number{margin-bottom:var(--spacing-xs)}.stat-info small{color:var(--text-muted);font-size:var(--font-size-xs)}.quick-actions{margin-bottom:var(--spacing-2xl)}.section-title{color:var(--text-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);position:relative}.section-title:after{background:linear-gradient(90deg,var(--primary),var(--tulunad-gold-dark));bottom:-5px;content:"";height:3px;left:0;position:absolute;width:60px}.action-buttons{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;transition:var(--transition-normal)}.action-btn:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.action-icon{filter:drop-shadow(1px 1px 3px rgba(0,0,0,.1));font-size:2.5rem}.action-text{color:var(--text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:600}.dashboard-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:2fr 1fr}.recent-posts{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.posts-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.post-item{align-items:flex-start;background:var(--bg-primary);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.post-info{flex:1 1}.post-info h4{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-xs)}.post-tulu{color:var(--primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.post-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.post-status{border-radius:var(--border-radius-md);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.post-status.status-published{background:#355e3b1a;color:var(--tulunad-forest)}.post-status.status-draft{background:#ff7f001a;color:var(--tulunad-saffron)}.post-date,.post-views{color:var(--text-muted);font-size:var(--font-size-xs)}.post-actions{margin-left:var(--spacing-md)}.recent-activity{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-xl)}.activity-list{flex-direction:column}.activity-item,.activity-list{display:flex;gap:var(--spacing-md)}.activity-item{align-items:flex-start;background:#d4af370d;border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:var(--transition-fast)}.activity-item:hover{background:#d4af371a}.activity-icon{font-size:var(--font-size-lg);min-width:30px;text-align:center}.activity-text p{color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.activity-text small{color:var(--text-muted);font-size:var(--font-size-xs)}.empty-state{color:var(--text-muted);padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.empty-icon{font-size:4rem;opacity:.6}.empty-icon,.empty-state p{margin-bottom:var(--spacing-lg)}@media (max-width:1024px){.dashboard-content{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-buttons{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.dashboard-stats{grid-template-columns:1fr}.action-buttons{grid-template-columns:repeat(2,1fr)}.post-meta{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.post-item{flex-direction:column;gap:var(--spacing-md)}.post-actions{align-self:stretch;margin-left:0}}.error-boundary{align-items:center;background:linear-gradient(135deg,var(--castle-stone-light),var(--bg-secondary));display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.error-boundary-content{background:var(--bg-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-castle);max-width:600px;padding:var(--spacing-3xl);text-align:center;width:100%}.error-castle{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:var(--spacing-lg)}.error-boundary h1{color:var(--tulunad-red);margin-bottom:var(--spacing-md)}.error-boundary p{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl)}.error-details{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);text-align:left}.error-details summary{color:var(--tulunad-red);cursor:pointer;font-weight:600;margin-bottom:var(--spacing-sm)}.error-details pre{background:var(--accent-charcoal);border-radius:var(--border-radius-sm);color:var(--text-light);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0;overflow-x:auto;padding:var(--spacing-sm)}.error-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}@media (max-width:768px){.error-boundary-content{padding:var(--spacing-xl)}.error-castle{font-size:3rem}.error-actions{flex-direction:column}}.App{display:flex;flex-direction:column;min-height:100vh}.page-content{margin:0 auto;max-width:800px;padding:var(--spacing-xl)}.page-content h1{color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.page-content .text-tulu{color:var(--primary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-xl);text-align:center}.search-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-lg);padding:var(--spacing-md);transition:var(--transition-normal);width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4af371a;outline:none}.dashboard-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--spacing-xl)}.stat-card{padding:var(--spacing-xl);text-align:center}.stat-card h3{color:var(--text-primary);margin-bottom:var(--spacing-md)}.stat-number{color:var(--primary);font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:700;margin:0}.auth-layout{align-items:center;background:linear-gradient(135deg,var(--castle-stone-light),var(--bg-secondary));display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.auth-container{background:var(--bg-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-castle);max-width:400px;padding:var(--spacing-3xl);text-align:center;width:100%}.auth-header{margin-bottom:var(--spacing-2xl)}.auth-logo{margin-bottom:var(--spacing-xl)}.auth-logo-icon{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));font-size:4rem;margin-bottom:var(--spacing-md)}.auth-logo h1{color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-logo p{color:var(--primary);font-size:var(--font-size-sm);margin:0}.login-form h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.login-form .text-tulu{color:var(--primary);margin-bottom:var(--spacing-xl)}.form-group{margin-bottom:var(--spacing-lg)}.form-group input{background:var(--bg-primary);border:2px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-base);padding:var(--spacing-md);transition:var(--transition-normal);width:100%}.form-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d4af371a;outline:none}.error-message{background:#dc143c1a;border:1px solid var(--tulunad-red-light);border-radius:var(--border-radius-md);color:var(--tulunad-red);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.auth-footer,.error-message{font-size:var(--font-size-sm)}.auth-footer{border-top:1px solid #d4af3733;color:var(--text-muted);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}@media (max-width:768px){.page-content{padding:var(--spacing-md)}.dashboard-stats{grid-template-columns:1fr}.auth-container{margin:var(--spacing-sm);padding:var(--spacing-2xl)}.auth-logo-icon{font-size:3rem}}