*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-color);background-color:var(--light-bg);flex-direction:column;width:100vw;max-width:100%;min-height:100vh;margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;display:flex}.main-nav{color:#fff;background:#333;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;display:flex;position:relative}.menu-icon{cursor:pointer;color:#fff;font-size:24px;display:none}.nav-links{flex-grow:1;justify-content:space-between;align-items:center;display:flex}.nav-left{gap:1rem;display:flex}.nav-left a{color:#fff;padding:10px;font-size:16px;text-decoration:none}.nav-left a:hover{text-decoration:underline}.auth-section{align-items:center;gap:1rem;display:flex}.auth-section form{display:inline}.auth-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.auth-btn:hover{background:#4338ca;transform:translateY(-1px)}.auth-btn.logout{background:#dc2626}.auth-btn.logout:hover{background:#b91c1c}.user-email{color:#e5e7eb;font-size:14px}main{flex-grow:1;width:100%;max-width:100%;padding:20px}footer{color:#fff;text-align:center;background:#333;width:100%;padding:10px;font-size:14px}.footer{background:var(--dark-bg);color:#fff;margin-top:3rem;padding:2rem 0}.footer-sections{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem;display:grid}.footer h3{color:var(--secondary-color);margin-bottom:1rem}.footer ul{list-style:none}.footer ul li:not(:last-child){margin-bottom:10px}.footer a{color:#fffc;text-decoration:none}.footer a:hover{color:var(--secondary-color)}.copyright{text-align:center;border-top:1px solid #ffffff1a;margin-top:2rem;padding-top:1rem}.header{background:var(--dark-bg);box-shadow:var(--box-shadow);padding:1rem 0}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar .nav-links{gap:2rem;list-style:none}.navbar .nav-links a{color:#ffffffe6;text-decoration:none;transition:color .3s}.navbar .nav-links a:hover{color:var(--secondary-color)}.search input{border-radius:var(--border-radius);border:1px solid #ddd;min-width:200px;padding:.5rem}.container{max-width:1200px;margin:2rem auto;padding:0 1rem}@media (width<=768px){.menu-icon{display:block}.nav-links{z-index:100;background:#444;flex-direction:column;width:100%;padding:0;display:none;position:absolute;top:50px;left:0}.nav-links.active{display:flex}.nav-left{flex-direction:column;width:100%}.nav-left a{text-align:center;color:#fff;width:100%;padding:2px;font-weight:700;text-decoration:none}.nav-left a:hover{background:#666}.auth-section{background-color:#d3f4e9;border-radius:8px;flex-direction:column;align-items:center;width:100%;margin-top:10px;padding:10px}.user-email{color:#000;margin-bottom:5px;font-size:large;font-weight:500}.auth-section button{color:#fff;cursor:pointer;background-color:#34b7f1;border:none;border-radius:8px;padding:5px;font-size:large;transition:background .3s}.auth-section button:hover{background-color:#0094c6}.navbar{flex-direction:column;gap:1rem}.navbar .nav-links{flex-wrap:wrap;justify-content:center}.search,.search input{width:100%}}.breadcrumb{color:#444;margin-bottom:1.5rem;font-size:.95rem}.breadcrumb ol{flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;display:flex}.breadcrumb li+li:before{content:"/";color:#bbb;margin:0 .5rem}.breadcrumb a{color:#06c;font-weight:500;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}