:root{--background-color:#f5f6f8;--text-color:#2c3e50;--primary-color:#e74c3c;--secondary-color:#f39c12;--light-gray-color:#ecf0f1;--gray-color:#95a5a6;--white-color:#fff;--top-bar-h:56px;--tabs-h:52px;--font-family-headings:"Poppins",sans-serif;--font-family-body:"Lato",sans-serif}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:var(--font-family-body);background:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;overscroll-behavior:none}.main-container{padding-top:calc(var(--top-bar-h) + var(--tabs-h));padding-bottom:calc(35vh + 24px);max-width:1200px;margin:0 auto;padding-left:20px;padding-right:20px}@media (max-width:768px){.main-container{padding-left:12px;padding-right:12px;padding-bottom:100px}}.top-bar{position:fixed;top:0;left:0;right:0;height:var(--top-bar-h);z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:hsla(0,0%,100%,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.06)}.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:8px}.settings-btn{padding:6px 14px;background:var(--white-color);border:1.5px solid var(--light-gray-color);border-radius:20px;font-size:.82rem;font-weight:600;color:var(--text-color);cursor:pointer;transition:border-color .2s,color .2s;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}.settings-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.logout-btn{width:34px;height:34px;background:var(--white-color);border:1.5px solid var(--light-gray-color);border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--gray-color);transition:border-color .2s,color .2s;flex-shrink:0}.logout-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.page-title{padding:20px 4px 4px}.page-title h1{font-family:var(--font-family-headings);font-size:2rem;font-weight:700;color:var(--text-color);margin:0}@media (max-width:768px){.page-title{padding:12px 4px 2px}.page-title h1{font-size:1.4rem}}.tabs-sticky-bar{position:-webkit-sticky;position:sticky;top:var(--top-bar-h);z-index:150;background:rgba(245,246,248,.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);margin:0 -20px;padding:0 20px;border-bottom:1px solid rgba(0,0,0,.06)}@media (max-width:768px){.tabs-sticky-bar{margin:0 -12px;padding:0 12px}}.settings-panel{position:fixed;top:var(--top-bar-h);right:16px;z-index:180;width:240px;padding:16px;background:var(--white-color);border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.15);animation:settingsDrop .2s ease}@keyframes settingsDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-panel label{display:block;font-size:.82rem;font-weight:600;color:var(--gray-color);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-panel input{width:100%;padding:10px 12px;border:1.5px solid var(--light-gray-color);border-radius:10px;font-size:1rem;font-family:var(--font-family-body);transition:border-color .2s;background:var(--background-color)}.settings-panel input:focus{outline:none;border-color:var(--primary-color);background:var(--white-color)}.content-layout{max-width:100%}.main-content{width:100%}.loading-message{text-align:center;padding:60px 20px;color:var(--gray-color);font-size:1.4rem}