body,html{height:100%;margin:0;display:flex;flex-direction:column}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;background-color:#f8f9fa;color:#333;display:flex;flex-direction:column}.main-header{position:sticky;top:0;z-index:100;background:#036;display:flex;align-items:center;justify-content:space-between;padding:0 20px 0 5px;min-height:60px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.logo-img{height:5vh;width:auto;display:block;margin:10px 0;min-width:140px;min-height:40px;max-height:60px}.main-nav ul{list-style:none;display:flex;margin:0;padding:0;gap:8px}.main-nav li{margin:0 2px}.main-nav a{display:block;color:#fff;text-decoration:none;font-weight:500;padding:1vw;border-radius:8px 8px 0 0;transition:background .2s,color .2s;font-size:1.08rem;position:relative}.main-nav a.active::after,.main-nav a:hover::after{content:"";position:absolute;left:16px;right:16px;bottom:6px;height:3px;background:#fff;border-radius:2px;transition:.2s;z-index:1}.main-nav a.active{background:#009688;color:#fff;font-weight:700}.main-nav a:hover{transform:translate(0,-2px)}.main-nav a i{margin-right:.4vw}.logout-text{display:inline}.search-container{width:100%;display:flex;justify-content:center;align-items:center;padding:24px 0 8px;background:#f8f9fa}.search-container input[type=text]{width:50%;max-width:50%;padding:10px 16px;border:1px solid #ccc;border-radius:24px;font-size:1rem;background:#fff;box-sizing:border-box}.search-container input[type=text]:focus{border:1.5px solid #036;outline:0}.tab-section{margin:0 1.5vw 40px auto;width:100%}.content{background:#fff;border-radius:0 0 18px 18px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:40px 24px 32px;width:100%;height:80vh;box-sizing:border-box;margin-top:24px}.main-footer{background:#036;color:#fff;padding:24px 0 18px;font-size:1rem;margin-top:40px}.footer-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 40px}.footer-links{display:flex;align-items:center;gap:12px}.footer-links a{color:#fff;text-decoration:underline;transition:color .2s}.footer-links a:hover{color:#e81906}.footer-left{margin-top:4px}@media (max-width:950px){.tab-section{max-width:100%;margin:0 8px 20px}.tabs{border-radius:18px 18px 0 0}.content{padding:20px 8px}.search-container{padding:16px 0 8px}}.hamburger{display:none;background:0 0;border:none;font-size:2rem;cursor:pointer;color:#fff}.header-btn{width:3rem;height:3rem;padding:0;display:flex;align-items:center;justify-content:center;background:#e81906;color:#fff;border-radius:50%;border:none;font-weight:600;box-shadow:0 2px 8px rgba(232,25,6,.1);transition:background .2s,box-shadow .2s}.header-btn:hover{background:#b31203}.profile-btn{margin-right:2vh}.header-icon{font-size:1.3em;display:inline}.logout-icon{font-size:1.7em}.user-actions{margin-top:0;width:auto;text-align:right;display:flex;flex-direction:row}.header-actions{display:flex;flex-direction:row;gap:1vw}.auth-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,255,.95);z-index:2000;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:1.2rem;color:#036}.spinner-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center}.spinner-wrapper i{margin-bottom:16px}@media (max-width:950px){.header-container,.main-header{flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.main-nav{position:fixed;top:9vh;right:-100vw;height:auto;width:auto;background:#036;color:#fff;flex-direction:column;align-items:flex-start;padding:0 2vw 2vw;gap:4vw;box-shadow:0 0 32px rgba(0,0,0,.12);z-index:1000;transition:right .3s;display:flex;border-radius:10px}.main-nav.nav-open{right:0}.main-nav ul{flex-direction:column;width:100%}.main-nav ul li{width:100%;border-bottom:1px solid #ddd}.main-nav ul li a{width:100%;display:block;padding:1rem 0}.hamburger{display:block;top:1.2rem;z-index:1100}}.plan-banner{background:linear-gradient(to right,#f0f4ff,#e8f5e9);border-bottom:1px solid #d3d3d3;padding:3px 10px;display:flex;justify-content:space-between;align-items:flex-start;font-family:'Segoe UI',sans-serif;font-size:.6rem;color:#333;box-shadow:0 2px 6px rgba(0,0,0,.05);flex-wrap:wrap;height:fit-content}.plan-text strong{color:#007bff;font-weight:600}.upgrade-glow-btn{background-color:#28a745;color:#fff;padding:0 3px 2px;border-bottom:1px solid #ff0;border-radius:4px;text-decoration:none;font-weight:700;box-shadow:0 0 8px rgba(40,167,69,.5);transition:.3s ease-in-out;border:none;cursor:pointer;font-size:.65rem}.container{width:90%;margin:5vh auto 0;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.05);border-radius:12px;background:#fff;box-sizing:border-box;display:flex;flex-direction:column;gap:32px}.message-box{position:fixed;top:8vh;left:50%;transform:translateX(-50%);padding:1vh 3vw 1vh 2vw;border-radius:6px;margin:0;font-size:.95rem;display:none;width:auto;max-width:90vw;text-align:center;z-index:1000;background-color:#e6ffed;color:#0b0b0b;border:1px solid #0f0f0f}.message-box.success{background-color:#e6ffed;color:#047857;border:1px solid #047857}.message-box.error{background-color:#ffeaea;color:#b91c1c;border:1px solid #b91c1c}.message-box.warning{background-color:#fff7cc;color:#92400e;border:1px solid #92400e}.message-box.hidden{display:none}.close-btn{position:absolute;top:50%;right:5px;background:0 0;border:none;color:inherit;cursor:pointer;line-height:1;padding:0;transform:translateY(-50%);font-size:20px;display:flex;align-items:center;justify-content:center}.close-btn i{pointer-events:none;border-radius:50%;background-color:rgba(0,0,0,.1);padding:2px;color:inherit;font-size:24px;transition:background-color .2s}.close-btn:hover i{background-color:rgba(0,0,0,.2)}