.sidebar{background-color:#fff;border-right:.5px solid #e6e3e3;flex:1 1;min-height:120vh}.sidebar .top{align-items:center;display:flex;height:50px;justify-content:center}.sidebar .top .logo{color:#6439ff;font-size:20px;font-weight:700}.sidebar hr{border:.5px solid #e6e3e3;height:0}.sidebar .center{padding-left:10px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{color:#999;font-size:10px;font-weight:700;margin-bottom:5px;margin-top:15px}.sidebar .center ul li{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:5px}.sidebar .center ul li.active,.sidebar .center ul li:hover{background-color:#ece8ff}.sidebar .center ul li .icon{color:#7451f8;font-size:18px}.sidebar .center ul li span{color:#888;font-size:13px;font-weight:600;margin-left:10px}.sidebar .bottom{align-items:center;display:flex;margin:10px}.sidebar .bottom .colorOption{border:1px solid #7451f8;border-radius:5px;cursor:pointer;height:20px;margin:5px;width:20px}.sidebar .bottom .colorOption:first-child{background-color:#f5f5f5}.sidebar .bottom .colorOption:nth-child(2){background-color:#333}.sidebar .bottom .colorOption:nth-child(3){background-color:#00008b}.navbar{border-bottom:.5px solid #e7e4e4;color:#555;font-size:14px;height:50px}.navbar,.navbar .wrapper{align-items:center;display:flex}.navbar .wrapper{justify-content:space-between;padding:20px;width:100%}.navbar .wrapper .search{align-items:center;border:.5px solid #d3d3d3;display:flex;padding:3px}.navbar .wrapper .search input{background:transparent;border:none;outline:none}.navbar .wrapper .search input::-webkit-input-placeholder{font-size:12px}.navbar .wrapper .search input:-ms-input-placeholder{font-size:12px}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .items,.navbar .wrapper .items .item{align-items:center;display:flex}.navbar .wrapper .items .item{margin-right:20px;position:relative}.navbar .wrapper .items .item .icon{font-size:20px}.navbar .wrapper .items .item .avatar{border-radius:50%;height:30px;width:30px}.navbar .wrapper .items .item .counter{align-items:center;background-color:red;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:15px;justify-content:center;position:absolute;right:-5px;top:-5px;width:15px}.layout{height:100vh;width:100%}.layout,.layoutContent{display:flex;overflow:hidden}.layoutContent{flex:6 1;flex-direction:column;min-width:0}.layoutMain{flex:1 1;overflow-x:hidden;overflow-y:auto}.app.dark{color:#9c9c9c}.app.dark,.app.dark .layoutContent{background-color:#111}.app.dark .chartGrid{stroke:hsla(0,0%,89%,.219)}.app.dark .table{background-color:#111}.app.dark .table .tableCell{color:gray}.app.dark .navbar{border-color:#333;color:#999}.app.dark .navbar .search{border-color:gray}.app.dark .sidebar{background-color:#111;border-color:#333}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar hr{border-color:#333}.app.dark .sidebar ul li.active,.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .cellWithStatus,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .viewButton{border:none;color:gray}.app.dark input{background-color:transparent}.app.dark .login{background-color:#111}.app.dark .login .loginCard{background:#1a1a1a}.app.dark .login .loginCard h1{color:#ddd}.app.dark .login .loginCard .formGroup label{color:#ccc}.app.dark .login .loginCard .formGroup input{background:#222;border-color:#444;color:#ddd}.app.dark .login .loginCard .formGroup input::-webkit-input-placeholder{color:#666}.app.dark .login .loginCard .formGroup input:-ms-input-placeholder{color:#666}.app.dark .login .loginCard .formGroup input::placeholder{color:#666}.app.dark .login .loginCard .loginButton{background-color:#444}.app.dark .login .loginCard .loginButton:hover{background-color:#555}.app.dark .login .loginCard .errorMessage{background:rgba(255,0,0,.1)}.app.dark .login .loginFooter{color:#777}.app.dark .login .loginFooter a{color:#aaa}.app.dark .searchInput{background:#222;border-color:#444;color:#ddd}.app.dark .searchInput::-webkit-input-placeholder{color:#666}.app.dark .searchInput:-ms-input-placeholder{color:#666}.app.dark .searchInput::placeholder{color:#666}.app.dark .single .editButton{color:#ccc}.app.dark .single .item .detailItem input{background:#222;border:1px solid #444;color:#ddd}.app.dark .widget .left .title{color:#999}.app.dark .widget .left .link{color:#aaa}.app.dark .widget .right .percentage{color:#ccc}.app.dark .featured{background-color:#1a1a1a}.app.dark .featured .top .title{color:#ccc}.app.dark .featured .bottom .title{color:#999}.app.dark .featured .bottom .amount{color:#ddd}.app.dark .featured .bottom .desc{color:#777}.app.dark .featured .bottom .summary .item .itemTitle{color:#999}.app.dark .featured .bottom .summary .item .itemResult .resultAmount{color:#ccc}.app.dark .chart{background-color:#1a1a1a}.app.dark .chart .title,.app.dark .new .top h1{color:#ccc}.app.dark .new .formInput label{color:#999}.app.dark .new .formInput input{background:#222;border-color:#444;color:#ddd}.app.dark .new .formInput button{background:#444}.app.dark .new .formInput button:hover{background:#555}.app.dark .home .listTitle{color:#ccc}.login{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh}.loginCard{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.1);max-width:420px;padding:40px;width:100%}.loopinLogo{gap:10px;margin-bottom:8px}.loopinLogo,.loopinLogo .logoIcon{align-items:center;display:flex;justify-content:center}.loopinLogo .logoIcon{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border-radius:10px;color:#fff;font-size:20px;font-weight:700;height:40px;width:40px}.loopinLogo .logoText{color:#333;font-size:26px;font-weight:700;letter-spacing:-.5px}.loginTitle{color:#333;font-size:24px;margin-bottom:24px;text-align:center}.formGroup{margin-bottom:16px}.formGroup label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.formGroup input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.formGroup input:focus{border-color:#666}.formGroup input::-webkit-input-placeholder{color:#aaa}.formGroup input:-ms-input-placeholder{color:#aaa}.formGroup input::placeholder{color:#aaa}.passwordWrapper{align-items:center;display:flex;position:relative}.passwordWrapper input{padding-right:40px}.passwordWrapper .togglePassword{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;padding:4px;position:absolute;right:8px}.passwordWrapper .togglePassword:hover{color:#666}.errorMessage{background:rgba(255,0,0,.05);border-radius:6px;color:crimson;font-size:13px;margin-bottom:12px;padding:10px}.loginButton{background-color:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:background-color .2s;width:100%}.loginButton:hover{background-color:#555}.loginButton:disabled{background-color:#999;cursor:not-allowed}.loginFooter{color:#777;font-size:14px;margin-top:16px;text-align:center}.loginFooter a{color:#666;font-weight:500;text-decoration:none}.loginFooter a:hover{text-decoration:underline}.app.dark .login{background-color:#0f0f0f}.app.dark .loginCard{background:#1a1a1a;box-shadow:0 2px 12px rgba(0,0,0,.3)}.app.dark .loginTitle,.app.dark .loopinLogo .logoText{color:#e0e0e0}.app.dark .formGroup label{color:#aaa}.app.dark .formGroup input{background:#222;border-color:#444;color:#e0e0e0}.app.dark .formGroup input::-webkit-input-placeholder{color:#666}.app.dark .formGroup input:-ms-input-placeholder{color:#666}.app.dark .formGroup input::placeholder{color:#666}.app.dark .formGroup input:focus{border-color:#6c5ce7}.app.dark .passwordWrapper .togglePassword{color:#888}.app.dark .loginButton{background-color:#6c5ce7}.app.dark .loginButton:hover{background-color:#5a4bd1}.app.dark .loginButton:disabled{background-color:#444}.app.dark .loginFooter{color:#888}.app.dark .loginFooter a{color:#a29bfe}.home .charts,.home .widgets{display:flex;gap:20px;padding:20px}.home .charts{padding:5px 20px}.home .listContainer{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:20px;padding:20px}.home .listContainer .listTitle{color:gray;font-weight:500;margin-bottom:15px}.widget{border-radius:10px;box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;height:100px;padding:10px}.widget,.widget .left,.widget .right{display:flex;justify-content:space-between}.widget .left,.widget .right{flex-direction:column}.widget .left .title,.widget .right .title{color:#a0a0a0;font-size:14px;font-weight:700}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300}.widget .left .link,.widget .right .link{border-bottom:1px solid gray;font-size:12px;width:-webkit-max-content;width:max-content}.widget .left .percentage,.widget .right .percentage{align-items:center;display:flex;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{align-self:flex-end;border-radius:5px;font-size:18px;padding:5px}.featured{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:2 1;padding:10px}.featured .top{align-items:center;color:gray;display:flex;justify-content:space-between}.featured .top .title{font-size:16px;font-weight:500}.featured .bottom{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:20px}.featured .bottom .featuredChart{height:100px;width:100px}.featured .bottom .title{color:gray;font-weight:500}.featured .bottom .amount{font-size:30px}.featured .bottom .desc{color:gray;font-size:12px;font-weight:300;text-align:center}.featured .bottom .summary{align-items:center;display:flex;justify-content:space-between;width:100%}.featured .bottom .summary .item{text-align:center}.featured .bottom .summary .item .itemTitle{color:gray;font-size:14px}.featured .bottom .summary .item .itemResult{align-items:center;display:flex;font-size:14px;margin-top:10px}.featured .bottom .summary .item .itemResult.positive{color:green}.featured .bottom .summary .item .itemResult.negative{color:red}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:transparent}.chart{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);color:gray;flex:4 1;padding:10px}.chart .title{margin-bottom:20px}.chart .chartGrid{stroke:#e4e1e1}.table .cellWrapper{align-items:center;display:flex}.table .cellWrapper .image{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.table .status{border-radius:5px;padding:5px}.table .status.Approved{background-color:rgba(0,128,0,.151);color:green}.table .status.Pending{background-color:rgba(189,189,3,.103);color:#daa520}.searchInput{border:1px solid #ddd;border-radius:4px;font-size:14px;outline:none;padding:6px 12px;width:200px}.searchInput:focus{border-color:#666}.pageTitle{color:gray;font-size:24px;margin-bottom:20px}.analytics,.reports,.systemHealth{padding:20px}.chartsGrid,.healthGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chartCard{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:20px}.chartCard h3{color:#555;font-size:16px;margin-bottom:16px}.reportControls{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.reportTypeSelector{display:flex;gap:8px}.reportTypeSelector button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 16px}.reportTypeSelector button.active{background:#333;border-color:#333;color:#fff}.reportTypeSelector button:hover:not(.active){background:#f5f5f5}.dateRange{align-items:center;display:flex;gap:8px}.dateRange input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px}.dateRange span{color:#999}.errorList{display:flex;flex-direction:column;gap:8px}.errorItem{align-items:center;background:rgba(255,0,0,.03);border-radius:4px;display:flex;gap:10px;padding:8px}.errorItem .level{border-radius:4px;font-size:12px;font-weight:500;padding:2px 8px}.errorItem .level.error{background:rgba(255,0,0,.1);color:crimson}.errorItem .level.critical{background:rgba(255,0,0,.2);color:red}.errorItem .service{color:#555;font-weight:500;min-width:80px}.errorItem .message{color:#777;flex:1 1;font-size:13px}.errorItem .time{color:#aaa;font-size:12px}.app.dark .pageTitle{color:#999}.app.dark .chartCard{background:#1a1a1a}.app.dark .chartCard h3{color:#ccc}.app.dark .reportTypeSelector button{background:#222;border-color:#444;color:#ccc}.app.dark .reportTypeSelector button.active{background:#555;border-color:#555}.app.dark .dateRange input{background:#222;border-color:#444;color:#ccc}.app.dark .errorItem{background:rgba(255,0,0,.05)}.app.dark .errorItem .service{color:#ccc}.app.dark .errorItem .message{color:#999}.app.dark .errorItem .time{color:#666}.settings{padding:20px}.settingsSections{display:flex;flex-direction:column;gap:20px;max-width:600px}.settingsCard{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:24px}.settingsCard h3{color:#333;font-size:16px;margin-bottom:16px}.settingsCard form{display:flex;flex-direction:column;gap:16px}.settingsCard form button{align-self:flex-start;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.settingsCard form button:hover{background:#555}.settingsCard form button:disabled{background:#999;cursor:not-allowed}.settingField input,.settingField select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:10px 14px}.settingField input:disabled,.settingField select:disabled{background:#f5f5f5;color:#999}.themeToggle{display:flex;gap:8px}.themeToggle button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 20px}.themeToggle button:hover{background:#f5f5f5}.app.dark .settingsCard{background:#1a1a1a}.app.dark .settingsCard h3{color:#ccc}.app.dark .settingField input,.app.dark .settingField select{background:#222;border-color:#444;color:#ddd}.app.dark .themeToggle button{background:#222;border-color:#444;color:#ccc}.app.dark .themeToggle button:hover{background:#333}.profile{padding:20px}.profileContent{display:flex;flex-direction:column;gap:20px;max-width:600px}.profileCard{background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.08);padding:24px}.profileCard h3{color:#333;font-size:16px;margin-bottom:16px}.profileCard form{display:flex;flex-direction:column;gap:14px}.profileCard form button{align-self:flex-start;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:10px 24px}.profileCard form button:hover{background:#555}.profileCard form button:disabled{background:#999;cursor:not-allowed}.profileHeader{align-items:center;display:flex;gap:16px;margin-bottom:20px}.profileHeader .profileAvatar{border-radius:50%;height:80px;object-fit:cover;width:80px}.profileHeader h2{color:#333;margin:0}.profileHeader p{color:#777;margin:4px 0}.roleBadge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;margin-top:4px;padding:2px 10px}.roleBadge.super_admin{background:rgba(128,0,128,.1);color:purple}.roleBadge.admin{background:rgba(0,128,0,.1);color:green}.roleBadge.editor{background:rgba(218,165,32,.1);color:#daa520}.roleBadge.viewer{background:rgba(0,0,139,.1);color:#00008b}.profileDetails{display:flex;flex-direction:column;gap:12px}.profileDetails button{align-self:flex-start;background:#333;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:8px;padding:8px 20px}.profileDetails button:hover{background:#555}.profileRow{border-bottom:1px solid #f0f0f0;display:flex;gap:16px;padding:8px 0}.profileRow .label{color:#999;font-size:14px;min-width:120px}.profileRow .value{color:#333;font-size:14px}.formRow{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.settingField{display:flex;flex-direction:column;gap:6px}.settingField label{color:#555;font-size:14px;font-weight:500}.settingField input{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:10px 14px}.passwordInline{align-items:center;display:flex;position:relative}.passwordInline input{padding-right:40px}.passwordInline .togglePasswordInline{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;padding:4px;position:absolute;right:8px}.passwordInline .togglePasswordInline:hover{color:#666}.profileActions{display:flex;gap:10px}.profileActions .cancelBtn{background:#fff!important;border:1px solid #ddd!important;color:#333!important}.app.dark .profileCard{background:#1a1a1a}.app.dark .profileCard h3{color:#ccc}.app.dark .profileHeader h2{color:#ddd}.app.dark .profileRow{border-color:#333}.app.dark .profileRow .label{color:#777}.app.dark .profileRow .value{color:#ddd}.app.dark .settingField label{color:#ccc}.app.dark .settingField input{background:#222;border-color:#444;color:#ddd}.app.dark .profileDetails button{background:#444}.app.dark .profileDetails button:hover{background:#555}.app.dark .profileActions .cancelBtn{background:#222!important;border-color:#444!important;color:#ccc!important}.single{width:100%}.single .top{display:flex;gap:20px;padding:20px}.single .top .left{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);flex:1 1;padding:20px;position:relative}.single .top .left .editButton{background-color:rgba(117,81,248,.094);border-radius:0 0 0 5px;color:#7451f8;cursor:pointer;font-size:12px;padding:5px;position:absolute;right:0;top:0}.single .top .left .item{display:flex;gap:20px}.single .top .left .item .itemImg{border-radius:50%;height:100px;object-fit:cover;width:100px}.single .top .left .item .details .itemTitle{color:#555;margin-bottom:10px}.single .top .left .item .details .detailItem{font-size:14px;margin-bottom:10px}.single .top .left .item .details .detailItem .itemKey{color:gray;font-weight:700;margin-right:5px}.single .top .left .item .details .detailItem .itemValue{font-weight:300}.single .top .right{flex:2 1}.single .bottom{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);margin:10px 20px;padding:20px}.single .title{color:#d3d3d3;font-size:16px;margin-bottom:20px}.new{width:100%}.new .bottom,.new .top{box-shadow:2px 4px 10px 1px hsla(0,0%,79%,.47);display:flex;margin:20px;padding:10px}.new .bottom h1,.new .top h1{color:#d3d3d3;font-size:20px}.new .bottom .left,.new .top .left{flex:1 1;text-align:center}.new .bottom .left img,.new .top .left img{border-radius:50%;height:100px;object-fit:cover;width:100px}.new .bottom .right,.new .top .right{flex:2 1}.new .bottom .right form,.new .top .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .bottom .right form .formInput,.new .top .right form .formInput{width:40%}.new .bottom .right form .formInput label,.new .top .right form .formInput label{align-items:center;display:flex;gap:10px}.new .bottom .right form .formInput label .icon,.new .top .right form .formInput label .icon{cursor:pointer}.new .bottom .right form .formInput input,.new .top .right form .formInput input{border:none;border-bottom:1px solid gray;padding:5px;width:100%}.new .bottom .right form button,.new .top .right form button{background-color:teal;border:none;color:#fff;cursor:pointer;font-weight:700;margin-top:10px;padding:10px;width:150px}
/*# sourceMappingURL=main.fa4bb130.css.map*/