@charset "UTF-8";.login-container{padding:24px;width:300px;max-width:600px;margin:0 auto;box-shadow:0 4px 6px #0000001a;border-radius:8px}.login-error{color:#f44336;font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px}.login-forgot-password{margin-top:16px;padding-top:1rem;display:block;text-align:center;color:#1976d2;text-decoration:none}.login-forgot-password:hover{text-decoration:underline}.sidebar-menu{padding:0;margin:0;list-style-type:none;flex-grow:1}.sidebar-menu .menu-item.open .menu-item-arrow{transform:rotate(180deg)}.sidebar-menu .menu-item.open{background-color:#f5f5f5}.sidebar-menu .menu-item.close{display:none}.sidebar-menu .menu-item{transition:all .3s ease}.sidebar-menu .menu-item:hover{background-color:#495057;cursor:pointer}.sidebar-menu .menu-item .menu-item-text{display:block;transition:opacity .3s ease;font-size:.8rem!important}.sidebar-menu .menu-item .menu-item-text span{font-size:.9rem!important}.sidebar-menu .menu-item .menu-item-icon{padding:4px 0;min-width:36px;justify-content:center}.sidebar-menu .menu-item.active .menu-item-text span{font-weight:700!important}.sidebar-menu.collapsed .menu-item-text,.sidebar-menu.collapsed .menu-item-arrow{display:none}.sidebar-menu.expanded .menu-level-0{padding-left:16px}.sidebar-menu.expanded .menu-level-1{padding-left:32px}.sidebar-menu.expanded .menu-level-2{padding-left:48px}.sidebar{width:70px;height:100vh;position:fixed;top:0;left:0;z-index:100;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:transform .3s ease,width .3s ease}.sidebar ::-webkit-scrollbar{width:8px}.sidebar ::-webkit-scrollbar-thumb{background-color:#6c757d;border-radius:4px}.sidebar ::-webkit-scrollbar-thumb:hover{background-color:#495057}.sidebar .sidebar-search{margin:5px 15px;padding:1%}.sidebar .sidebar-search .search-input{width:auto;padding:5px;border-radius:4px}.sidebar .logo-link{display:flex;align-items:center;justify-content:center}.sidebar .big-logo{display:block;transition:opacity .6s ease}.sidebar .small-logo{display:none;transition:opacity .6s ease}.sidebar .sidebar-close-btn{position:absolute;top:10px;right:0;z-index:1100;background:#f1f1f1}.sidebar.expanded{width:260px;transition:width .3s ease;transform:translate(0)}.sidebar.collapsed{width:70px;transition:width .3s ease;transform:translate(0)}.sidebar.collapsed .big-logo{display:none;transition:opacity .6s ease}.sidebar.collapsed .small-logo{display:block;transition:opacity .6s ease}.sidebar.collapsed:hover .menu-item-text{display:inline;transition:opacity .6s ease}.sidebar.collapsed .sidebar-search{overflow:hidden}.sidebar.collapsed .sidebar-search .search-input{width:36px;padding:2px}.sidebar.collapsed .sidebar-search .MuiInputBase-formControl{padding:0 8px}.sidebar.collapsed:hover{transition:width .3s ease;width:260px}.sidebar.collapsed:hover .menu-level-0{padding-left:16px}.sidebar.collapsed:hover .menu-level-1{padding-left:32px}.sidebar.collapsed:hover .menu-level-2{padding-left:48px}.sidebar.collapsed:hover .big-logo{display:block;transition:opacity .3s ease-in}.sidebar.collapsed:hover .small-logo{display:none;transition:opacity .3s ease-out}.sidebar.collapsed:hover .menu-item-arrow{display:block;transition:opacity .3s ease-in}.sidebar.collapsed:hover .sidebar-search{width:230px;display:block}.sidebar.collapsed:hover .sidebar-search .search-input{width:226px}.sidebar.expanded:hover{width:260px}.sidebar .sidebar-logo{display:flex;justify-content:center;align-items:center;height:56px;font-size:24px;font-weight:600;border-bottom:1px solid #d7d7d7;padding:0 16px}.sidebar .sidebar-logo.collapsed h6{text-align:center}.sidebar .sidebar-footer{margin-top:auto;padding:16px;text-align:center}.header{height:56px;box-shadow:0 2px 4px #032c5641;padding:0 16px;transition:width .3s ease;z-index:10}.header.collapsed{width:calc(100% - 80px)}.header-left{display:flex;align-items:center}.language-icon{font-size:1.2rem;width:20px;height:15px}.language-item-icon{margin-right:8px;font-size:1.2rem}.language-item-icon{width:20px;height:15px;vertical-align:middle;margin-right:8px}.language-item-icon.us,.language-item-icon.vn{background-size:cover}.header-right{display:flex;align-items:center;gap:16px}.header-right .MuiIconButton-root{color:#dc004e}.header-right .MuiAvatar-root{cursor:pointer}@media (max-width: 600px){body{font-size:16px}.sidebar.ismobile{position:absolute;width:0;height:100%;top:0;left:0;z-index:1000;transition:transform .3s ease,width .3s ease}.sidebar.ismobile.expanded{display:block;width:70%;transform:translate(0)}.sidebar.ismobile.collapsed{display:block;width:0%;transform:translate(-100%);visibility:hidden}.content{margin-left:0!important;width:100%!important}.children-wrapper{padding:0}}@media (min-width: 601px) and (max-width: 1024px){body{font-size:.9rem}}@media (min-width: 1025px){body{font-size:1rem}}.data-grid-container{border-radius:4px;overflow:hidden}.data-grid-root{height:100%;border-radius:4px;overflow:hidden}.filter-select{width:100px;height:100%;border:none;font-size:14px;font-weight:400;color:#333;padding:0 10px;border-radius:4px}html,body,#root{margin:0}body{font-family:Roboto,sans-serif;overflow:hidden}a{text-decoration:none;color:inherit}label{font-weight:500}.layout-wrapper{position:relative}.tox .tox-edit-area:before{border:2px solid #bdbdbd!important}.content{transition:margin-left .3s ease;margin-left:260px;width:calc(100% - 260px);overflow-y:auto}.content.collapsed{margin-left:70px;width:calc(100% - 70px)}.content.expanded{margin-left:260px;width:calc(100% - 260px);padding:20px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.children-wrapper{border-radius:8px}.footer{text-align:center}.table-container{margin:16px}.actions-button{margin-right:8px}.tabs{margin-top:16px}.seo-highlight{background-color:#fff3cd;color:#856404;padding:2px 4px;border-radius:3px;font-weight:500;border:1px solid #ffeaa7;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.seo-highlight:hover{background-color:#ffeaa7;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.seo-highlight-primary{background-color:#e3f2fd;color:#1565c0;border-color:#bbdefb}.seo-highlight-secondary{background-color:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.seo-highlight-success{background-color:#e8f5e8;color:#2e7d32;border-color:#a5d6a7}.seo-google-preview{border:1px solid #e0e0e0;border-radius:8px;padding:16px;background-color:#fff;font-family:arial,sans-serif}.seo-google-title{color:#1a0dab;font-size:20px;line-height:1.3;text-decoration:none;cursor:pointer}.seo-google-title:hover{text-decoration:underline}.seo-google-url{color:#006621;font-size:14px;margin:4px 0}.seo-google-description{color:#4d5156;font-size:14px;line-height:1.4}.seo-social-preview{border:1px solid #dadde1;border-radius:8px;overflow:hidden;background-color:#f2f3f5;max-width:500px}.seo-social-image{width:100%;height:200px;background-color:#1976d2;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.seo-social-content{padding:16px;background-color:#fff}.seo-social-domain{color:#8a8d91;font-size:12px;text-transform:uppercase;margin-bottom:4px}.seo-social-title{color:#1c1e21;font-size:16px;font-weight:600;line-height:1.3;margin-bottom:4px}.seo-social-description{color:#8a8d91;font-size:14px;line-height:1.4}.seo-validation-score{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:20px;font-weight:500;font-size:14px}.seo-validation-excellent{background-color:#e8f5e8;color:#2e7d32;border:1px solid #a5d6a7}.seo-validation-good{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.seo-validation-poor{background-color:#ffebee;color:#c62828;border:1px solid #ffcdd2}.seo-keyword-list{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.seo-keyword-chip{background-color:#e3f2fd;color:#1565c0;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid #bbdefb;transition:all .2s ease}.seo-keyword-chip:hover{background-color:#bbdefb;transform:translateY(-1px)}.seo-keyword-chip.auto-generated{background-color:#f3e5f5;color:#7b1fa2;border-color:#ce93d8}.seo-keyword-chip.manual{background-color:#e8f5e8;color:#2e7d32;border-color:#a5d6a7}@media (max-width: 768px){.seo-google-preview{padding:12px}.seo-google-title{font-size:18px}.seo-social-preview{max-width:100%}.seo-social-image{height:150px}.seo-keyword-list{gap:4px}.seo-keyword-chip{font-size:11px;padding:3px 6px}}
