body{margin:0;padding:0}#app,body{font-family:Almarai,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{text-align:center;direction:rtl;display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;margin-left:auto;margin-right:auto}nav{padding:30px}nav a{font-weight:700;color:#2c3e50}nav a.router-link-exact-active{color:#42b983}.m-btn[data-v-aca19400]{display:flex;align-items:center;justify-content:center;padding:10px;background-color:#00b0d7;color:#fff;margin:5px;border-radius:5px;cursor:pointer}.m-btn[data-v-aca19400]:hover{background-color:#0086a4}.m-btn .m-btn-text[data-v-aca19400]{font-size:14px;margin:0}.m-btn-info[data-v-aca19400]{background-color:#3498db}.m-btn-success[data-v-aca19400]{background-color:#2ecc71}.m-btn-warning[data-v-aca19400]{background-color:#f1c40f}.m-btn-error[data-v-aca19400]{background-color:#e74c3c}.m-btn-primary[data-v-aca19400]{background-color:#00b0d7}.m-btn-secondary[data-v-aca19400]{background-color:#6c757d}.m-btn-danger[data-v-aca19400]{background-color:#dc3545}.container[data-v-4742da24]{padding:10px;display:flex;flex:auto;flex-direction:column;justify-content:center;align-items:center}.container .header[data-v-4742da24]{display:flex;flex-direction:row;align-items:center;margin-bottom:10px;width:100%;height:auto}.container .header ul[data-v-4742da24]{font-weight:700}.container .header ul li[data-v-4742da24]{list-style:none;margin:0 15px;cursor:pointer}.container .header ul li[data-v-4742da24]:hover{text-decoration:underline}.container .header .header-logo[data-v-4742da24]{flex:0 0 auto;width:50px;height:50px;background-color:#008b8b}.container .header .header-menu[data-v-4742da24]{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.container .main[data-v-4742da24]{font-size:16px;line-height:1.5;background-color:beige;min-height:100vh;width:100%}.container .main .banner[data-v-4742da24]{position:relative;width:100%;height:300px;overflow:hidden}.container .main .banner img[data-v-4742da24]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.container .main .banner .banner-buttons[data-v-4742da24]{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.container .main .content[data-v-4742da24]{padding:20px;text-align:center}.container .main .content h1[data-v-4742da24]{font-size:24px;margin-bottom:10px}.container .main .content p[data-v-4742da24]{font-size:16px;color:#2f4f4f}.login-container[data-v-020449c2]{display:flex;justify-content:center;align-items:center;min-height:80vh;background:#f5f6fa}.login-form[data-v-020449c2]{background:#fff;padding:2rem 2.5rem;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,.08);width:320px}.form-group[data-v-020449c2]{margin-bottom:1.2rem}label[data-v-020449c2]{display:block;margin-bottom:.4rem;font-weight:500}input[type=password][data-v-020449c2],input[type=text][data-v-020449c2]{width:100%;padding:.6rem;border:1px solid #ccc;border-radius:4px}button[data-v-020449c2]{width:100%;padding:.7rem;background:#1976d2;color:#fff;border:none;border-radius:4px;font-weight:600;cursor:pointer}button[data-v-020449c2]:hover{background:#1565c0}.error[data-v-020449c2]{color:#e53935;margin-top:1rem;text-align:center}.register-container[data-v-e146bd1c]{max-width:400px;margin:40px auto;padding:24px;border:1px solid #ddd;border-radius:8px;background:#fff}.form-group[data-v-e146bd1c]{margin-bottom:16px}label[data-v-e146bd1c]{display:block;margin-bottom:6px;font-weight:700}input[data-v-e146bd1c]{width:100%;padding:8px;box-sizing:border-box}button[data-v-e146bd1c]{width:100%;padding:10px;background:#1976d2;color:#fff;border:none;border-radius:4px;font-size:16px}.error[data-v-e146bd1c]{color:#d32f2f;margin-top:12px}.active[data-v-29aa7bd6]{background-color:#00b0d7;color:#fff;border-radius:10px}.icon-button[data-v-29aa7bd6]{display:flex;align-items:center;justify-content:space-around;width:70%;padding-left:10px;padding-right:10px;box-sizing:border-box;cursor:pointer}.icon-button i[data-v-29aa7bd6]{font-size:16px}.icon-button p[data-v-29aa7bd6]{font-size:16px;font-weight:700}.icon-button button[data-v-29aa7bd6]{background-color:#00b0d7;color:#fff;border:none;padding:10px 20px;cursor:pointer}.icon-button button[data-v-29aa7bd6]:hover{background-color:#0086a4}.hide[data-v-29aa7bd6]{display:none}.thin-sidebar[data-v-29aa7bd6]{width:60px}.thin-sidebar .icon-button[data-v-29aa7bd6]{justify-content:center}.thin-sidebar .icon-button p[data-v-29aa7bd6]{display:none}.full-sidebar[data-v-29aa7bd6]{width:200px;max-height:100vh}.full-sidebar .icon-button[data-v-29aa7bd6]{justify-content:space-around}.full-sidebar .icon-button p[data-v-29aa7bd6]{display:block}@media screen and (max-width:768px){.full-sidebar-panel[data-v-29aa7bd6]{position:sticky;top:0;height:100vh;z-index:10}}.panel-view[data-v-29aa7bd6]{display:flex;height:100vh;width:100%;box-sizing:content-box;color:#666}.panel-view .panel-sidebar[data-v-29aa7bd6]{display:flex;flex-direction:column;background-color:#fff}.panel-view .panel-sidebar i[data-v-29aa7bd6]{margin:10px 0}.panel-view .panel-sidebar img[data-v-29aa7bd6]{margin-top:10px;margin-bottom:10px}.panel-view .panel-sidebar .sidebar-header[data-v-29aa7bd6]{display:flex;justify-content:center;align-items:center;font-size:18px;margin-top:5px;margin-bottom:20px}.panel-view .panel-sidebar .sidebar-header .box[data-v-29aa7bd6]{display:flex;flex-direction:row;align-items:center;justify-content:space-around;width:70%;margin:0 10px}.panel-view .panel-sidebar .sidebar-header .box img[data-v-29aa7bd6]{width:30px;height:30px;margin-right:10px}.panel-view .panel-sidebar .sidebar-header .box p[data-v-29aa7bd6]{font-size:20px;font-weight:700}.panel-view .panel-sidebar .sidebar-body[data-v-29aa7bd6]{display:flex;flex-direction:column;flex-grow:1;font-size:14px}.panel-view .panel-sidebar .sidebar-footer[data-v-29aa7bd6]{display:flex;justify-content:center;padding-top:10px;padding-bottom:10px;width:100%;align-self:flex-end;text-align:center}.panel-view .panel-sidebar .sidebar-footer button[data-v-29aa7bd6]{background-color:#00b0d7;border:none;padding:10px 20px;cursor:pointer}.panel-view .panel-sidebar .sidebar-footer button[data-v-29aa7bd6]:hover{background-color:#0086a4}.panel-view .panel-sidebar ul[data-v-29aa7bd6]{list-style-type:none;padding:0}.panel-view .panel-sidebar ul li[data-v-29aa7bd6]{margin-bottom:10px;display:flex;align-items:center;justify-content:center}.panel-view .panel-main[data-v-29aa7bd6]{display:flex;flex-direction:column;flex:auto}.panel-view .panel-main .panel-header[data-v-29aa7bd6]{display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:10px}.panel-view .panel-main .panel-header h1[data-v-29aa7bd6]{font-size:24px;color:#ecf0f1}.panel-view .panel-main .panel-header .search-box[data-v-29aa7bd6]{display:flex;align-items:center;border-radius:5px;padding:5px;margin-left:auto;font-size:16px}.panel-view .panel-main .panel-header .search-box i[data-v-29aa7bd6]{margin-right:10px}.panel-view .panel-main .panel-header .search-box input[data-v-29aa7bd6]{margin-right:10px;font-size:16px;border:none;background:transparent;outline:none;flex-grow:1}@media screen and (max-width:768px){.panel-view .panel-main .panel-header .search-box input[data-v-29aa7bd6]{display:none}}.panel-view .panel-main .panel-header .notifications[data-v-29aa7bd6]{position:relative;margin-left:20px}.panel-view .panel-main .panel-header .notifications i[data-v-29aa7bd6]{font-size:20px;cursor:pointer;color:#00b0d7}.panel-view .panel-main .panel-header .notifications .notification-count[data-v-29aa7bd6]{position:absolute;top:-5px;right:-10px;background-color:red;color:#fff;border-radius:50%;padding:2px 5px;font-size:12px}.panel-view .panel-main .panel-header .user-profile[data-v-29aa7bd6]{display:flex;align-items:center;margin-left:10px}.panel-view .panel-main .panel-header .user-profile img[data-v-29aa7bd6]{width:40px;height:40px;border-radius:50%;margin-right:10px;margin-left:10px}.panel-view .panel-main .panel-header .user-profile .user-info[data-v-29aa7bd6]{display:flex;flex-direction:column;align-items:flex-start;margin-left:20px}.panel-view .panel-main .panel-header .user-profile .user-info .user-role[data-v-29aa7bd6]{font-size:12px;color:#666}.panel-view .panel-main .panel-header .user-profile .user-info .username[data-v-29aa7bd6]{font-size:16px;font-weight:700}@media screen and (max-width:768px){.panel-view .panel-main .panel-header .user-profile .user-info[data-v-29aa7bd6]{display:none}}.panel-view .panel-main .panel-content[data-v-29aa7bd6]{display:flex;flex-direction:column;flex-grow:1;padding-top:10px;padding-bottom:20px;border-top-right-radius:10px;background-color:#ececec;box-sizing:border-box;overflow-y:scroll}.panel-view .panel-main .panel-footer[data-v-29aa7bd6]{padding:10px 20px;background-color:#f8f8f8;color:#333;display:none;justify-content:flex-end;align-items:center;width:100%;box-sizing:border-box;text-align:right;align-self:flex-end}.panel-view .panel-main .panel-footer button[data-v-29aa7bd6]{background-color:#3498db;color:#fff;border:none;padding:10px 20px;cursor:pointer}.panel-view .panel-main .panel-footer button[data-v-29aa7bd6]:hover{background-color:#3a9bfe}.add-button[data-v-d2145da0]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#00b0d7;color:#fff;border-radius:5px;cursor:pointer;transition:background-color .3s}.add-button[data-v-d2145da0]:hover{background-color:#0086a4}.add-button i[data-v-d2145da0]{font-size:16px}.card-area[data-v-2e3e9794]{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;max-height:300px;max-width:300px;margin:10px;margin-top:25px;box-sizing:border-box}.card-area .card[data-v-2e3e9794]{display:flex;flex-direction:column;width:100%;background-color:#fff;border-radius:25px;padding:20px;text-align:left;box-sizing:border-box}.card-area .card .page-image[data-v-2e3e9794]{border-radius:50%;position:absolute;width:40px;height:40px;top:-15px}.card-area .card .control-area[data-v-2e3e9794]{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.my-pages[data-v-582b7e9a]{margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding:0 20px}.my-pages .header[data-v-582b7e9a]{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.my-pages .header .title-area[data-v-582b7e9a]{flex:1;flex-direction:column;align-items:flex-start;text-align:right}.my-pages .header .title-area h3[data-v-582b7e9a]{font-size:18px;margin:0}.my-pages .header .title-area p[data-v-582b7e9a]{font-size:12px;margin-top:5px;color:#666}.my-pages hr[data-v-582b7e9a]{border-top:1px solid #ccc}.my-pages .content[data-v-582b7e9a]{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;max-width:calc(100% - 20px)}.container{margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box;padding:0 20px}.container .header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.container .header .title-area{flex:1;flex-direction:column;align-items:flex-start;text-align:right}.container .header .title-area h3{font-size:18px;margin:0}.container .header .title-area p{font-size:12px;margin-top:5px;color:#666}.container hr{border-top:1px solid #ccc}.container .content{display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;margin:0 auto}.container .content .content-wrapper{display:flex;flex-direction:column;background-color:#fff;width:100%;padding:50px;border-radius:25px;box-shadow:0 0 15px 0 #909090}@media(max-width:890px){.container .content .content-wrapper{padding:20px}.container .content .content-wrapper .form-area{display:flex;flex-direction:column!important}}.container .content .content-wrapper .form-area{display:flex;flex-direction:row;margin-top:20px}.container .content .content-wrapper .form-area .form-grid{display:flex;flex-direction:column;grid-template-columns:1fr 1fr;flex:1;margin-left:20px;margin-right:20px}.container .content .content-wrapper .form-area .form-grid label{margin-top:10px;font-weight:700;text-align:right}.container .content .content-wrapper .form-area .form-grid input[type=email],.container .content .content-wrapper .form-area .form-grid input[type=file],.container .content .content-wrapper .form-area .form-grid input[type=password],.container .content .content-wrapper .form-area .form-grid input[type=text]{margin-top:5px;padding:8px;border:1px solid #ccc;border-radius:4px}.container .content .content-wrapper .profile{margin-top:10px;display:flex;flex-direction:column;align-items:center}.container .content .content-wrapper .profile img{width:150px;height:150px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #ccc}p{margin-top:10px;margin-bottom:10px}