@keyframes spin{to{transform:rotate(360deg)}}.custom-dashboard-wrapper{background-color:#000;color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px rgb(0 0 0 / .3);font-family:'Open Sans',Arial,sans-serif;max-width:1200px;margin:0 auto;padding:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background-color:#111;border-bottom:2px solid #00CEC9;color:#fff}.dashboard-header h2{color:#00CEC9;margin:0;font-size:24px;font-weight:600}.user-info{display:flex;align-items:center;color:#fff}.user-info img{border-radius:50%;margin-right:10px;border:2px solid #00CEC9}.tab-navigation{display:flex;list-style:none;background-color:#111;margin:0;padding:0;color:#fff}.tab-item{flex:1;text-align:center;padding:15px 25px;color:#fff;cursor:pointer;transition:all 0.3s ease;border-bottom:3px solid #fff0;font-weight:500}.tab-item:hover{background-color:#222;color:#00CEC9}.tab-item.active{background-color:#222;color:#00CEC9;border-bottom:3px solid #00CEC9}.tab-content{padding:30px;background-color:#000;color:#fff}.tab-pane{display:none;background-color:#000;color:#fff}.tab-pane.active{display:block;background-color:#000;color:#fff}.listing-container{display:block;background-color:#000;color:#fff}.dashboard-stats{background-color:#1a1a1a;padding:20px;border-radius:6px;margin-bottom:20px;color:#fff}.stat-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #333;color:#fff}.stat-item:last-child{border-bottom:none}.stat-label{color:#aaa}.stat-value{color:#00CEC9;font-weight:600;font-size:18px}.user-listings{margin-bottom:20px;background-color:#000;color:#fff}.listing-item{display:flex;flex-direction:column;margin-bottom:15px;background-color:#1a1a1a;border-radius:6px;padding:15px;transition:transform 0.2s ease;color:#fff}.listing-item:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2)}.listing-details{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:15px;border-bottom:1px solid #333;color:#fff}.listing-details h4{margin:0 0 10px 0;color:#fff;font-size:18px;flex-basis:100%}.listing-thumbnail{width:80px;height:80px;margin-right:15px;overflow:hidden;border-radius:4px;background-color:#222;display:flex;align-items:center;justify-content:center;color:#fff}.listing-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail{color:#888;font-size:12px;text-align:center}.listing-meta{display:flex;flex-direction:column;color:#fff}.listing-status,.listing-date{font-size:14px;margin-bottom:5px;color:#aaa}.listing-actions{display:flex;flex-direction:row;justify-content:space-between;margin-top:15px;color:#fff}.status-publish{border-left:4px solid #4CAF50}.status-pending{border-left:4px solid #FFC107}.status-draft{border-left:4px solid #9E9E9E}.action-btn{background-color:#333;color:#fff;border:none;border-radius:4px;padding:8px 16px;margin-bottom:8px;cursor:pointer;transition:all 0.2s ease;font-size:14px;font-weight:500;width:90px;text-align:center;display:block;text-decoration:none}.view-btn{background-color:#333;color:#fff}.view-btn:hover{background-color:#444;color:#fff;text-decoration:none}.edit-btn{background-color:#00CEC9;color:#000}.edit-btn:hover{background-color:#00b5b1;color:#000;text-decoration:none}.delete-btn{background-color:#FF5252;color:#fff}.delete-btn:hover{background-color:#ff3838;color:#fff}.dashboard-btn{background-color:#00CEC9;color:#000;border:none;border-radius:4px;padding:12px 24px;cursor:pointer;transition:all 0.2s ease;font-size:16px;font-weight:600;text-align:center;margin-bottom:20px;width:100%}.dashboard-btn:hover{background-color:#00b5b1}@media (max-width:768px){.listing-item{margin-bottom:20px;background-color:#1a1a1a;color:#fff}.listing-details h4{font-size:16px;color:#fff}.listing-thumbnail{width:60px;height:60px;background-color:#222;color:#fff}.action-btn{padding:6px 12px;font-size:13px;width:70px;background-color:#333;color:#fff}}@media (max-width:480px){.tab-navigation{flex-wrap:wrap;background-color:#111;color:#fff}.tab-item{flex-basis:50%;text-align:center;padding:12px 10px;background-color:#111;color:#fff}.dashboard-header{flex-direction:column;text-align:center;background-color:#111;color:#fff}.user-info{margin-top:15px;color:#fff}.listing-actions{flex-direction:column;width:100%;justify-content:space-between;margin-top:15px;background-color:#1a1a1a;color:#fff}.action-btn{margin-right:5px;margin-bottom:0;background-color:#333;color:#fff}}.dashboard-pagination{display:flex;justify-content:center;align-items:center;margin-top:20px;padding:10px 0;background-color:#000;color:#fff}.page-numbers{display:flex;align-items:center;margin:0 10px;background-color:#000;color:#fff}.page-number{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;margin:0 5px;background-color:#1a1a1a;color:#fff;border-radius:4px;text-decoration:none;transition:all 0.2s ease}.page-number:hover{background-color:#333;color:#fff}.page-number.current{background-color:#00CEC9;color:#000;font-weight:600}.page-button{display:inline-flex;justify-content:center;align-items:center;padding:8px 16px;background-color:#1a1a1a;color:#fff;border-radius:4px;text-decoration:none;transition:all 0.2s ease}.page-button:hover{background-color:#333;color:#00CEC9}.no-listings{background-color:#1a1a1a;padding:30px;text-align:center;border-radius:6px;color:#aaa}.dashboard-notification{position:fixed;top:20px;right:20px;padding:15px 25px;border-radius:4px;color:#fff;font-weight:500;z-index:9999;display:none;box-shadow:0 4px 12px rgb(0 0 0 / .15);background-color:#333}.dashboard-notification.success{background-color:#00CEC9;color:#000}.dashboard-notification.error{background-color:#FF5252;color:#fff}.loading-spinner{display:inline-block;width:24px;height:24px;border:3px solid rgb(0 206 201 / .3);border-radius:50%;border-top-color:#00CEC9;animation:spin 1s ease-in-out infinite}.listings-layout{display:flex;flex-wrap:wrap;gap:20px;background-color:#000;color:#fff}.listings-main-column{flex:2;min-width:0;background-color:#000;color:#fff}.listings-sidebar{flex:1;min-width:280px;background-color:#000;color:#fff}.add-listing-button{display:block;width:100%;background-color:#00CEC9;color:#000;border:none;border-radius:4px;padding:15px;margin-bottom:20px;text-align:center;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.2s ease;text-decoration:none}.add-listing-button:hover{background-color:#00b5b1}