body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{background-color:#f5f9ff;font-family:YourFont,sans-serif;margin:0;padding:0}.container{align-items:center;background-color:#1591ea;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center}.form-box{background:#fff;border-radius:20px;box-shadow:0 15px 25px #0000001a;padding:40px;text-align:center;width:350px}.title{color:#333;font-size:28px;font-weight:700;margin-bottom:30px}.input-group{align-items:center;background-color:#f0f0f0;border-radius:30px;display:flex;margin-bottom:20px;padding:10px 15px}.input-group .icon{margin-right:10px;width:20px}.input-group input{background:#0000;border:none;flex:1 1;font-size:16px;outline:none}.login-btn{background-color:#40e0d0;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:.3s;width:100%}.login-btn:hover{background-color:#9bb8cd}.switch-text{color:#555;font-size:14px;margin-top:20px}.switch-link{color:#333;cursor:pointer;font-weight:700}.dashboard-header{align-items:center;background-color:#1e90ff;color:#fff;display:flex;height:50px;justify-content:space-between;padding:10px 30px;position:relative;z-index:10}.left-section,.right-section{align-items:center;display:flex;gap:22px}.avatar,.avatar-icon{border:2px solid #fff;border-radius:50%;cursor:pointer;height:36px;object-fit:cover;width:36px}.avatar-icon{border:none}.flag{border-radius:2px;height:16px;width:24px}.icon{color:#fff;cursor:pointer;font-size:24px}.brand{font-size:18px;margin-left:10px}.logo{margin-left:5px;width:30px}.avatar-wrapper{cursor:pointer;display:inline-block;position:relative}.user-dropdown{background-color:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 8px #0000001a;color:#000;left:0;min-width:180px;padding:10px 15px;position:absolute;top:40px;z-index:100}.user-dropdown p{font-size:14px;margin:4px 0}.language-popup,.message-popup,.notification-popup{animation:fadeInDrop .25s ease forwards;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000001a;overflow:hidden;position:absolute;z-index:999}.language-popup.fade-out,.message-popup.fade-out,.notification-popup.fade-out{animation:fadeOutDrop .25s ease forwards;pointer-events:none}.message-popup,.notification-popup{left:70px;top:60px;width:320px}.language-popup{left:0;min-width:180px;top:45px}.popup-header{background:#10bfc1;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;padding:16px}.popup-header h4{font-size:18px;margin:0}.popup-header p{font-size:13px;margin:4px 0 0}.popup-messages{background:#f9f9f9;max-height:280px;overflow-y:auto;padding:8px 16px}.popup-message-row{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin:12px 0;padding-bottom:8px}.msg-time{color:#999;font-size:12px;width:50px}.msg-content{flex:1 1;margin-left:10px}.msg-name{color:#333;font-size:14px;font-weight:600}.msg-snippet{color:#777;font-size:12px}.msg-avatar{align-items:center;border-radius:50%;display:flex;height:36px;justify-content:center;margin-left:8px;object-fit:cover;width:36px}.msg-avatar,.notif-icon{font-size:18px}.popup-footer{background:#fff;padding:12px;text-align:center}.check-btn{background:#10bfc1;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.check-btn.blue{background:#1e90ff;color:#fff}.check-btn.green{background:#10bfc1;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px}.cart-sidebar{animation:slideInLeft .3s ease forwards;background:#fff;box-shadow:2px 0 12px #0003;display:flex;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;width:320px;z-index:1001}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.cart-header{align-items:center;display:flex;justify-content:space-between}.cart-header h3{color:#333;font-size:18px}.close-btn{background:none;border:none;color:#333;cursor:pointer;font-size:20px}.cart-body{flex-grow:1;margin-top:40px;text-align:center}.cart-image{margin-bottom:20px;max-width:100%;width:180px}.empty-text{color:#333;font-size:18px;margin-bottom:20px}.language-wrapper{cursor:pointer;position:relative}.language-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;padding:8px 14px;text-align:left;transition:background .2s;width:100%}.language-option:hover{background-color:#f0f0f0}.language-flag{border-radius:2px;height:14px;margin-right:10px;width:20px}.user-dropdown.styled{animation:dropdownFadeIn .25s ease forwards;background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;padding:10px 0;position:absolute;right:0;top:60px;transition:opacity .25s ease;width:300px;z-index:999}.user-dropdown.styled.closing{animation:dropdownFadeOut .25s ease forwards}.dropdown-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:15px 20px}.dropdown-header .info{display:flex;flex-direction:column;text-align:right}.dropdown-header .name{color:#333;font-weight:600}.dropdown-header .email{color:#888;font-size:.85rem}.dropdown-avatar{border-radius:50%;height:48px;object-fit:cover;width:48px}.dropdown-menu{list-style:none;margin:0;padding:0}.dropdown-menu li{color:#333;cursor:pointer;display:flex;font-size:.95rem;justify-content:flex-end;padding:12px 20px;text-align:right;transition:background .2s}.dropdown-menu li:hover{background-color:#f7f7f7}.dropdown-menu .mode-toggle{justify-content:space-between;text-align:right}.mode-icon{margin-right:auto}.dropdown-menu .sign-out{color:red}@keyframes fadeInDrop{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDrop{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.fade-in{animation:fadeInDrop .25s ease forwards}.fade-out{animation:fadeOutDrop .25s ease forwards;pointer-events:none}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.grid-popup{animation:slideDownFade .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;display:flex;overflow:hidden;position:absolute;right:20px;top:60px;width:840px;z-index:1000}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.grid-popup .left{background-color:#f7f9fc;border-right:1px solid #e0e0e0;flex:1 1;padding:28px}.grid-popup .left h4{color:#333;font-weight:600;margin-bottom:18px}.grid-popup .left ul{list-style:none;margin:0;padding:0}.grid-popup .left ul li{color:#333;cursor:pointer;font-size:14px;margin-bottom:12px;transition:color .2s}.grid-popup .left ul li:hover{color:#007bff}.grid-popup .right{grid-row-gap:20px;grid-column-gap:32px;column-gap:32px;display:grid;flex:2 1;grid-template-columns:repeat(2,1fr);padding:28px;row-gap:20px}.grid-card{align-items:center;background-color:#f9f9f9;border-radius:10px;cursor:pointer;display:flex;gap:14px;padding:16px 18px;transition:box-shadow .2s}.grid-card:hover{box-shadow:0 4px 12px #00000012}.icon-circle{align-items:center;background-color:#e5e5e5;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:44px;justify-content:center;width:44px}.pink{background-color:#ffe7eb;color:#e91e63}.blue{background-color:#e7f0ff;color:#2196f3}.indigo{background-color:#e8eaf6;color:#3f51b5}.teal{background-color:#e0f2f1;color:#009688}.green{background-color:#e8f5e9;color:#4caf50}.yellow{background-color:#fff8e1;color:#ff9800}.grid-card strong{color:#333;font-size:15px}.grid-card p{color:#666;font-size:12px;margin:2px 0 0}.search-popup{border-radius:8px;left:50%;position:fixed;top:25%;transform:translate(-50%,-50%)}.search-input{padding:8px 12px}.search-popup-links{margin-top:20px}.search-popup-links h4{font-weight:700;margin-bottom:10px}.search-popup-links ul{list-style:none;margin:0;padding:0}.search-popup-links li{margin-bottom:8px}.search-popup-links a{color:grey;text-decoration:none}.search-popup-links a:hover{text-decoration:underline}.search-backdrop{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9998}.search-popup{background:#fff;border-radius:10px;box-shadow:0 8px 30px #0003;max-height:80vh;overflow-y:auto;padding:24px;width:500px;z-index:9999}.search-popup-header{align-items:center;display:flex;gap:10px}.search-input{border:1px solid #ccc;border-radius:6px;flex:1 1;font-size:16px;padding:10px 14px;width:100%}.side-overlay{background-color:#0000004d;display:flex;height:calc(100vh - 70px);justify-content:flex-end;pointer-events:all;position:fixed;right:0;top:70px;width:100vw;z-index:9998}.side-panel{animation:slideIn .3s ease forwards;background-color:#fff;box-shadow:-2px 0 8px #00000026;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:20px 16px;position:relative;width:280px;z-index:9999}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.side-panel-content{flex-grow:1;margin-top:0}.panel-section{margin-bottom:28px}.panel-section h4{color:#888;font-size:11px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.panel-section ul{list-style:none;margin:0;padding:0}.panel-section li{align-items:center;border-radius:30px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:8px;padding:10px 14px;transition:background-color .2s}.panel-section li:hover{background-color:#f3f3f3;color:#3ed4e6}.panel-section li a{color:inherit;flex-grow:1;text-decoration:none}.panel-section li.active{background-color:#3ed4e6;color:#fff;font-weight:600}.panel-section li.active a{color:#fff}.panel-section li svg{color:#666;font-size:16px;margin-left:12px}.panel-section li.active svg{color:#fff}.side-panel-image{border-radius:0;height:150px;margin-bottom:16px;object-fit:cover;width:100%}.visitors-chart-card{background:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:370px;justify-content:space-between;padding:20px;width:100%}.visitors-title{font-size:18px;font-weight:600;margin:0}.visitors-subtitle{color:#777;font-size:14px;margin:4px 0 12px}.visitors-pie-wrapper{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-height:0;width:100%}.visitors-chart-card svg{border:none;outline:none}.sales-chart-container{background:#fff;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;height:370px;padding:20px;width:100%}.sales-header{margin-bottom:12px}.sales-header h3{font-size:18px;font-weight:600;margin:0}.sales-header p{color:#777;font-size:14px;margin:4px 0 0}.sales-chart-body{flex:1 1;min-height:0}.newsletter-chart-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;height:100%;margin-top:1px;padding:20px;width:100%}.newsletter-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.legend-left{align-items:center;display:flex;gap:20px}.legend-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;width:10px}.legend-label{color:#444;font-size:14px}.newsletter-title{text-align:right}.newsletter-title h3{font-size:18px;font-weight:600;margin:0}.newsletter-title p{color:#777;font-size:14px;margin:4px 0 0}.newsletter-metrics{display:flex;justify-content:space-around;margin-top:20px}.metric-box h2{font-size:24px;font-weight:700;margin:0;text-align:center}.metric-box p{color:#555;font-size:14px;margin:4px 0 0;text-align:center}.news-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;margin-left:4px;margin-top:1px;padding:20px}.news-card-image{border-radius:8px;height:150px;object-fit:cover;width:100%}.news-tag{align-self:flex-start;background:#f0f5ff;border-radius:20px;color:#007bff;font-size:12px;margin-top:10px;padding:4px 12px}.news-title{font-size:16px;font-weight:600;margin:8px 0 4px}.news-desc{color:#777;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis}.news-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.read-more-btn{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;padding:8px 16px}.share-icon{color:#888;font-size:16px}.info-box{border-radius:12px;box-shadow:0 2px 6px #00000014;box-sizing:border-box;color:#fff;flex-direction:column;height:160px;padding:20px;width:100%}.info-box,.info-box-header{display:flex;justify-content:space-between}.info-box-header{align-items:center}.info-box-title{font-size:14px;margin:0;opacity:.9}.info-box-subtitle{font-size:12px;margin:0;opacity:.7}.info-box-icon{font-size:22px;opacity:.2}.info-box-body{align-items:flex-end;display:flex;justify-content:space-between;margin-top:auto}.info-box-value{font-size:20px;font-weight:600}.profile-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:450px;justify-content:space-between;margin-left:4px;margin-top:1px;padding:20px;text-align:center}.profile-banner{background:linear-gradient(135deg,#2e2e2e,#666);border-radius:12px;height:120px;width:100%}.profile-avatar{border:4px solid #fff;border-radius:50%;height:90px;margin-left:auto;margin-right:auto;margin-top:-60px;object-fit:cover;width:90px}.profile-name{color:#222;font-size:22px;font-weight:700;margin:20px 0 6px}.profile-role{color:#7d8da1;font-size:16px;margin-bottom:16px}.follow-btn{background:#007bff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:20px;padding:8px 16px}.profile-stats{border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;text-align:center;width:100%}.profile-stats div{flex:1 1}.profile-stats div h4{color:#222;font-size:18px;margin:0}.profile-stats div p{color:#888;font-size:13px;margin:4px 0 0}.profile-tabs-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;height:901px;margin-top:1px;padding:20px;width:100%}.profile-tabs-header{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:16px;text-align:right}.profile-tabs-header h4{color:#444;font-size:16px;font-weight:600;margin:0}.profile-tabs-header .sub-label{color:#888;font-size:13px;font-weight:400;margin-top:4px}.tab-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.tab-btn{background:#f9f9f9;border:1px solid #eee;border-radius:8px;cursor:pointer;flex:1 1;font-size:15px;font-weight:500;height:90px;margin-right:8px;min-width:100px;overflow:hidden;padding:16px 12px;position:relative;transition:background .3s ease}.tab-btn:last-child{margin-right:0}.tab-btn.active{background:#eef5ff;border:solid #007bff;border-width:1px 1px 4px;color:#007bff}.tab-btn:after{background:#007bff4d;border-radius:50%;content:"";opacity:0;pointer-events:none;position:absolute;transform:scale(0);transition:transform 1.5s ease,opacity 1.5s ease}.tab-btn:active:after{height:100px;left:50%;margin-left:-50px;margin-top:-50px;opacity:1;top:50%;transform:scale(4);width:100px}.tab-content{font-size:14px;line-height:1.6}.activity-images img{border-radius:6px;height:60px;margin-right:8px;object-fit:cover;width:80px}.activity-box{background:#f1f8ff;border-radius:8px;margin-top:10px;padding:12px}.user{color:#333;font-weight:600}.user-details-grid{display:flex;flex-wrap:wrap;font-size:14px;justify-content:space-between;margin:20px 0;text-align:center}.user-details-grid>div{color:#444;flex:1 1;font-weight:500;min-width:120px}.profile-paragraph{color:#666;margin-bottom:20px;text-align:center}.skill-title{color:#222;font-weight:600;margin-top:253px;text-align:right}.skill-bar{background:#f1f1f1;border-radius:20px;height:6px;margin:20px 0;overflow:hidden;position:relative}.skill-bar span{color:#555;font-size:12px;position:absolute;right:0;top:-22px}.bar-fill{background:#007bff;border-radius:20px;height:100%}.fill-80{width:80%}.fill-50{width:50%}.fill-45{width:45%}.fill-15{width:15%}.react{background:#2ad2c9}.vue{background:#e63946}.next{background:#8e44ad}.profile-paragraph{color:#555;font-size:14px;line-height:1.6;margin-bottom:14px;margin-top:30px;text-align:right}.contact-card{align-items:flex-start;align-items:flex-end;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:436px;justify-content:flex-start;margin-left:4px;margin-top:16px;overflow:hidden;padding:20px;text-align:left}.contact-card h4{align-self:flex-end;color:#333;font-size:18px;font-weight:600;margin:0;text-align:right}.contact-card .subtitle{align-self:flex-end;color:#888;font-size:13px;margin-bottom:16px;margin-top:4px;text-align:right}.contact-scroll{flex:1 1;overflow-y:auto;padding-right:4px;width:100%}.contact-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.contact-avatar{margin-right:12px;position:relative}.contact-avatar img{border-radius:50%;height:48px;object-fit:cover;width:48px}.status-dot{border:2px solid #fff;border-radius:50%;height:10px;position:absolute;right:-2px;top:-2px;width:10px}.status-dot.red{background-color:#f44336}.status-dot.green{background-color:#4caf50}.status-dot.blue{background-color:#2196f3}.contact-details{align-items:center;display:flex;flex:1 1;gap:12px}.contact-info{display:flex;flex-direction:column;gap:2px}.contact-name{background:none;border:none;color:#222;cursor:pointer;font-size:15px;font-weight:300;padding:0;text-align:right}.contact-status{color:#888;font-size:12px}.call-icons{display:flex;gap:8px}.icon-btn{align-items:center;background:#e6f0ff;border:none;border-radius:50%;color:#007bff;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px}.icon-btn.video{background:#ffe6f0;color:#ff4b77}.contact-row:hover{background-color:#f5f7fa;border-radius:0;cursor:pointer}.icon-btn:hover{background:#cce0ff}.icon-btn.video:hover{background:#ffc2d4}.dashboard-container{background-color:#f5f9ff;box-sizing:border-box;margin:0 auto;max-width:1200px;min-height:calc(100vh - 60px);padding:30px 24px}.top-stats{display:flex;flex-wrap:wrap;gap:30px;justify-content:flex-start;margin:5px 0}.stat-box{background:#f5f9ff;border-radius:12px;min-width:120px;padding:12px 24px;text-align:center;width:120px}.stat-box p{color:#555;font-size:14px;margin-bottom:8px}.stat-value{font-size:18px;font-weight:700;margin:0}.last-month{color:#2ad2c9}.this-month{color:#007bff}.chart-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.chart-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;flex:1 1;min-width:300px;padding:20px}.chart-box.small{flex:0 0 40%}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:20px;padding:20px;width:100%}.newsletter-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;width:100%}.newsletter-chart-box{flex:2 1;min-width:0}.news-card-box{flex:1 1;min-width:280px}.infobox-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.infobox-row>div{flex:1 1;min-width:250px}.profile-row{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px;width:100%}.profile-tabs-box{flex:2 1;min-width:0}.profile-card-box{flex:1 1;min-width:280px}
/*# sourceMappingURL=main.9e32534f.css.map*/