/* Mikhmon UI — Modern theme (2026) */
:root{
  --mm-bg:#090c13;
  --mm-surface:#12161f;
  --mm-surface-2:#181d29;
  --mm-surface-3:#1f2531;
  --mm-hover:rgba(148,163,184,.09);
  --mm-border:rgba(148,163,184,.13);
  --mm-border-strong:rgba(148,163,184,.24);
  --mm-text:#e8ebf3;
  --mm-text-dim:#98a2b3;
  --mm-text-faint:#69748a;
  --mm-accent:#7c6cf6;
  --mm-accent-2:#9c6cf6;
  --mm-accent-soft:rgba(124,108,246,.14);
  --mm-accent-soft-strong:rgba(124,108,246,.28);
  --mm-cyan:#22d3ee;
  --mm-green:#22c55e;
  --mm-red:#f5455c;
  --mm-yellow:#f5a524;
  --mm-blue:#3b82f6;
  --mm-r-sm:8px;
  --mm-r:12px;
  --mm-r-lg:16px;
  --mm-shadow-sm:0 1px 2px rgba(0,0,0,.35);
  --mm-shadow:0 2px 4px rgba(0,0,0,.3),0 12px 28px -12px rgba(0,0,0,.6);
  --mm-shadow-accent:0 8px 20px -6px rgba(124,108,246,.55);
  --mm-ease:.18s cubic-bezier(.4,0,.2,1);
  --mm-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';
}

/* base */
*{box-sizing:border-box}
#brand,.box-group-icon,.box-group>div,input{vertical-align:middle}
#notify,.group-item,input{box-sizing:border-box}
.box-group-icon,body,button{line-height:1.5}
.input-group::after,.row::after{content:"";clear:both}
body{font-family:var(--mm-font);font-size:14px;font-weight:400;color:var(--mm-text);text-align:left;background:var(--mm-bg);margin:0;-webkit-font-smoothing:antialiased}
#brand,.modal-window header,.text-bold{font-weight:700}
.navbar-left a,.navbar-right a{color:var(--mm-text-dim);text-align:center;padding:14px 16px;transition:color var(--mm-ease),background-color var(--mm-ease);display:block;text-decoration:none}
input{margin:auto}
.footer{position:absolute;bottom:0;width:100%;height:60px;background:var(--mm-surface)}

::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#2a3142;border:2px solid var(--mm-bg);border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:#3a4257}
::-webkit-scrollbar-corner{background:transparent}
*{scrollbar-width:thin;scrollbar-color:#2a3142 transparent}

/* navbar */
#notify,.navbar,.sidenav{position:fixed}
.navbar{overflow:hidden;background:rgba(18,22,31,.82);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);z-index:9;top:0;width:100%;height:52px;border-bottom:1px solid var(--mm-border)}
.dropd,.ses{border:1px solid var(--mm-border)}
.navbar-left a{float:left;font-size:16px}
#brand{background:linear-gradient(135deg,var(--mm-accent),var(--mm-cyan));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.3px}
.dropd,.navbar-right a,.ses{font-size:13px}
.navbar-right a{float:right}
.navbar a:hover{color:var(--mm-text)}
.navbar-hover:hover{background-color:var(--mm-hover);border-radius:var(--mm-r-sm)}
.ses{float:right;background-color:var(--mm-surface-3);color:var(--mm-text);height:30px;border-radius:var(--mm-r-sm);outline:0;transition:border-color var(--mm-ease)}
.ses:hover,.ses:focus{border-color:var(--mm-border-strong)}
.dropd{float:right;background-color:var(--mm-surface-3);color:var(--mm-text);border-radius:var(--mm-r-sm)}
.spa{border-bottom:1px solid var(--mm-border);margin:6px 10px}

/* sidenav */
.sidenav{height:100%;width:0;z-index:9;top:0;left:0;background:var(--mm-surface);overflow-x:hidden;overflow-y:auto;margin-top:52px;border-right:1px solid var(--mm-border);transition:width var(--mm-ease)}
.dropdown-btn,.sidenav a{text-decoration:none;font-size:13.5px;font-weight:500;color:var(--mm-text-dim);display:block;border:none;background:0 0;width:88%;text-align:left;cursor:pointer;outline:0;transition:background-color var(--mm-ease),color var(--mm-ease);padding:9px 10px;border-radius:var(--mm-r-sm);margin:3px auto}
.sidenav i{font-size:15px;width:20px;margin-right:8px;padding:0;text-align:center}
.dropdown-btn:hover,.sidenav a:hover{color:var(--mm-text);background-color:var(--mm-hover)}
.active{background:var(--mm-accent-soft)!important;color:var(--mm-text)!important;box-shadow:inset 3px 0 0 var(--mm-accent)}
.active i{color:var(--mm-accent)}
.dropdown-container{display:none}
.dropdown-container i{padding-left:6px;margin-right:8px}
.dropdown-container a{width:82%;font-size:13px;color:var(--mm-text-faint)}
.menu-open{display:block}
.menu.card-header{background:var(--mm-surface)!important;border-bottom:1px solid var(--mm-border)!important}
#notify,#temp{display:none}
.fa-caret-down,.fa-caret-left{float:right;color:var(--mm-text-faint);transition:transform var(--mm-ease)}
.dropdown-btn.active .fa-caret-down{transform:rotate(180deg)}
[class*=col-],[class*=input-group-]{float:left}
#notify{background:rgba(18,22,31,.92);backdrop-filter:blur(8px);color:var(--mm-text);border:1px solid var(--mm-border-strong);width:220px;left:50%;margin-left:-110px;padding:8px 10px;text-align:center;border-radius:var(--mm-r);box-shadow:var(--mm-shadow)}

/* layout */
.box,.card{background:var(--mm-surface);border:1px solid var(--mm-border)}
.bg-danger,.bg-info,.bg-primary,.bg-secondary,.bg-success,.bg-warning,.box,.box a{color:#fff}
.wraprer{width:100%}
#main{transition:margin-left var(--mm-ease);margin-top:56px}
.main-container{padding:10px 10px 24px}
#brand{min-width:120px}
#brand span{font-size:18px;line-height:10%}
.chart{height:200px;margin:0 auto}

/* boxes / stat tiles */
.progress-bar,.progress-bar-blue,.progress-bar-red{height:8px;max-width:100%}
.box{padding:14px;margin:6px;border-radius:var(--mm-r);box-shadow:var(--mm-shadow-sm);transition:transform var(--mm-ease),box-shadow var(--mm-ease)}
.box:has(a):hover{transform:translateY(-2px);box-shadow:var(--mm-shadow)}
.box a{text-decoration:none}
.box h1,.box h3{padding:0;margin:0}
.box-bordered{border:1px solid var(--mm-border);background:var(--mm-surface)}
.box-group-icon,.btn{border:1px solid transparent}
.bmh-50{min-height:50px}
.bmh-55{min-height:55px}
.bmh-60{min-height:60px}
.bmh-65{min-height:65px}
.bmh-70{min-height:70px}
.bmh-75{min-height:75px}
.bmh-80{min-height:80px}
.bmh-85{min-height:85px}
.bmh-90{min-height:90px}
.bmh-95{min-height:95px}
.bmh-100{min-height:100px}
.box-group>div{display:table-cell}
.box-group-icon{font-size:32px;display:inline-block;text-align:center;text-decoration:none;white-space:nowrap;width:25%;user-select:none;padding:5px 10px;margin:5px;border-radius:var(--mm-r-sm);background:rgba(255,255,255,.08)}
.box-group-area{padding:5px}

.login-box,.register-box{width:400px;margin:10px auto;padding-top:8%}
@media (max-width:576px){.login-box,.register-box{width:92%;margin-top:20px;padding-top:4%}}
.settings{width:66.66%;margin-top:5%;margin-left:auto;margin-right:auto}
@media (max-width:750px){.settings{width:95%;margin-top:5px}}

/* cards */
.card{margin:6px;border-radius:var(--mm-r-lg);box-shadow:var(--mm-shadow-sm)}
.card a{text-decoration:none}
.card h3{margin:0;font-size:15px;font-weight:600}
.card-header{padding:12px 16px;margin-bottom:0;border-bottom:1px solid var(--mm-border);background:transparent;border-radius:var(--mm-r-lg) var(--mm-r-lg) 0 0}
.card-body{padding:14px 16px;margin-bottom:0}
.card-footer a{padding:0 0 5px;margin-top:5px;min-height:20px}

/* buttons */
.btn,.btn-login{display:inline-block;user-select:none;padding:7px 14px;vertical-align:middle;text-align:center;white-space:nowrap;cursor:pointer;text-decoration:none;font-weight:600;font-size:13px;letter-spacing:.1px;transition:transform var(--mm-ease),box-shadow var(--mm-ease),filter var(--mm-ease),opacity var(--mm-ease)}
.overflow{overflow-x:auto;overflow-y:auto;max-height:80vh}
button{text-decoration:none;display:inline-block;border:none;background:0 0;font-size:14px;color:inherit}
.btn{margin:5px;border-radius:var(--mm-r-sm);box-shadow:var(--mm-shadow-sm)}
.btn:hover{transform:translateY(-1px);filter:brightness(1.1);box-shadow:var(--mm-shadow)}
.btn:active{transform:translateY(0);filter:brightness(.95)}
.btn-login:hover,.form-control:focus,.group-item:focus{box-shadow:0 0 0 3px var(--mm-accent-soft-strong)}
.btn-login{border:1px solid transparent;border-radius:var(--mm-r-sm);background:linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2));box-shadow:var(--mm-shadow-accent)}
.btn-login:hover{transform:translateY(-1px);filter:brightness(1.08)}
.group-item,.table td,.table th{padding:9px 10px}

/* color utilities */
[class*=bg-]{text-decoration:none}
.bg-primary{background:linear-gradient(135deg,var(--mm-accent),var(--mm-accent-2))}
.bg-secondary{background-color:#5b6472}
.bg-success{background:linear-gradient(135deg,#22c55e,#16a34a)}
.bg-info{background:linear-gradient(135deg,#38bdf8,#0ea5e9)}
.bg-warning{background:linear-gradient(135deg,#f5a524,#ea8600);color:#1a1200}
.bg-danger{background:linear-gradient(135deg,#f5455c,#dc2643)}
.bg-light{background-color:#e8ebf3;color:#12161f}
.bg-blue,.bg-cyan,.bg-dark,.bg-green,.bg-indigo,.bg-orange,.bg-pink,.bg-purple,.bg-teal,.bg-yellow{color:#fff}
.bg-dark{background-color:var(--mm-surface-3)}
.bg-blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}
.bg-indigo{background:linear-gradient(135deg,#6d5ef8,#4f3fea)}
.bg-purple{background:linear-gradient(135deg,#9c6cf6,#7c3aed)}
.bg-pink{background:linear-gradient(135deg,#ec4899,#db2777)}
.bg-red{background:linear-gradient(135deg,#f5455c,#dc2643);color:#fff}
.bg-orange{background:linear-gradient(135deg,#fb923c,#ea580c)}
.bg-yellow{background:linear-gradient(135deg,#f5a524,#ea8600);color:#1a1200}
.bg-green{background:linear-gradient(135deg,#22c55e,#16a34a)}
.bg-teal{background:linear-gradient(135deg,#14b8a6,#0d9488)}
.bg-cyan{background:linear-gradient(135deg,#22d3ee,#06b6d4)}
.bg-white{background-color:#fff;color:#12161f}
.bg-grey{background-color:#5b6472;color:#fff}
.bg-grey-dark{background-color:var(--mm-bg);color:#fff}
.bg-light-blue{background-color:#38bdf8;color:#fff}
[class*=text-]{text-decoration:none}
.text-primary{color:var(--mm-accent)}
.text-secondary{color:var(--mm-text-dim)}
.text-success{color:#22c55e}
.text-info{color:#38bdf8}
.text-warning{color:#f5a524}
.text-danger{color:#f5455c}
.text-light{color:#e8ebf3}
.text-dark{color:#12161f}
.text-blue{color:#3b82f6}
.text-indigo{color:#6d5ef8}
.text-purple{color:#9c6cf6}
.text-pink{color:#ec4899}
.text-red{color:#f5455c}
.text-orange{color:#fb923c}
.text-yellow{color:#f5a524}
.text-green{color:#22c55e}
.text-teal{color:#14b8a6}
.text-cyan{color:#22d3ee}
.text-white{color:#fff}
.text-grey{color:var(--mm-text-dim)}
.text-grey-dark{color:var(--mm-text-faint)}
.text-light-blue{color:#38bdf8}
.align-middle{vertical-align:middle}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left}
.text-nowrap{white-space:nowrap}

/* grid */
.row::after{display:table}
.col-1{width:8.33%}
.col-2{width:16.66%}
.col-3{width:25%}
.col-4{width:33.33%}
.col-5{width:41.66%}
.col-6{width:50%}
.col-7{width:58.33%}
.col-8{width:66.66%}
.col-9{width:75%}
.col-10{width:83.33%}
.col-11{width:91.66%}
.col-12{width:100%}
.w-1{width:8.33%}
.w-2{width:16.66%}
.w-3{width:25%}
.w-4{width:33.33%}
.w-5{width:41.66%}
.w-6{width:50%}
.w-7{width:58.33%}
.w-8{width:66.66%}
.w-9{width:75%}
.w-10{width:83.33%}
.w-11{width:91.66%}
.progress,.table,.w-12{width:100%}

/* progress */
.progress{background-color:var(--mm-surface-3);border-radius:99px;overflow:hidden}
.progress-bar{background:linear-gradient(90deg,var(--mm-accent),var(--mm-accent-2));border-radius:99px}
.progress-bar-blue{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:99px}
.progress-bar-red{background:linear-gradient(90deg,#f5455c,#dc2643);border-radius:99px}

/* table */
.table{background:var(--mm-surface);border-collapse:collapse!important;border-radius:var(--mm-r);overflow:hidden}
.table td,a,th{color:var(--mm-text);text-decoration:none}
.table th{color:var(--mm-text-dim);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;background:var(--mm-surface-2)}
.table-bordered td,.table-bordered th{border:1px solid var(--mm-border)!important}
.table-hover tbody tr{transition:background-color var(--mm-ease)}
.table-hover:hover tbody tr:hover{background-color:var(--mm-hover)}
.tscroll tbody{display:block;overflow:auto;height:70vh}
.tscroll thead{position:relative;display:block}

/* forms */
.input-group::after{display:table}
.form-control,.group-item{display:block;font-size:14px;background-color:var(--mm-surface-2);color:var(--mm-text);border:1px solid var(--mm-border);transition:border-color var(--mm-ease),box-shadow var(--mm-ease)}
.input-group-1{width:8.33%}
.input-group-2{width:16.66%}
.input-group-3{width:25%}
.input-group-4{width:33.33%}
.input-group-5{width:41.66%}
.input-group-6{width:50%}
.input-group-7{width:58.33%}
.input-group-8{width:66.66%}
.input-group-9{width:75%}
.input-group-10{width:83.33%}
.input-group-11{width:91.66%}
.alert,.group-item,.input-group-12{width:100%}
.group-item{box-sizing:border-box}
.group-item-l{border-radius:var(--mm-r-sm) 0 0 var(--mm-r-sm)}
.group-item-r{border-radius:0 var(--mm-r-sm) var(--mm-r-sm) 0}
.group-item-md{border-radius:0}
.group-item:focus{color:var(--mm-text);border-color:var(--mm-accent);outline:0}
.group-item::placeholder{color:var(--mm-text-faint);opacity:1}
.radius-l-3{border-radius:3px 0 0 3px}
.radius-r-3{border-radius:0 3px 3px 0}
.radius-b-3{border-radius:0 0 3px 3px}
.radius-3{border-radius:3px}
.radius-l-5{border-radius:5px 0 0 5px}
.radius-r-5{border-radius:0 5px 5px 0}
.radius-5{border-radius:5px}
.alert{padding:10px 12px;border-radius:var(--mm-r-sm);border:1px solid var(--mm-border)}
.pd-2{padding:2px}
.pd-2p5{padding:2.5px}
.pd-3{padding:3px}
.pd-3p5{padding:3.5px}
.pd-4{padding:4px}
.pd-4p5{padding:4.5px}
.pd-5{padding:5px}
.pd-5p5{padding:5.5px}
.pd-6{padding:6px}
.pd-7{padding:7px}
.pd-8{padding:8px}
.pd-9{padding:9px}
.pd-10{padding:10px}
.pd-t-2{padding-top:2px}
.pd-t-3{padding-top:3px}
.pd-t-4{padding-top:4px}
.pd-t-5{padding-top:5px}
.pd-t-6{padding-top:6px}
.pd-t-7{padding-top:7px}
.pd-t-8{padding-top:8px}
.pd-t-9{padding-top:9px}
.pd-t-10{padding-top:10px}
.pd-b-2{padding-bottom:2px}
.pd-b-3{padding-bottom:3px}
.pd-b-4{padding-bottom:4px}
.pd-b-5{padding-bottom:5px}
.pd-b-6{padding-bottom:6px}
.pd-b-7{padding-bottom:7px}
.pd-b-8{padding-bottom:8px}
.pd-b-9{padding-bottom:9px}
.pd-b-10{padding-bottom:10px}
.pd-r-2{padding-right:2px}
.pd-r-3{padding-right:3px}
.pd-r-4{padding-right:4px}
.pd-r-5{padding-right:5px}
.pd-r-6{padding-right:6px}
.pd-r-7{padding-right:7px}
.pd-r-8{padding-right:8px}
.pd-r-9{padding-right:9px}
.pd-r-10{padding-right:10px}
.pd-l-2{padding-left:2px}
.pd-l-3{padding-left:3px}
.pd-l-4{padding-left:4px}
.pd-l-5{padding-left:5px}
.pd-l-6{padding-left:6px}
.pd-l-7{padding-left:7px}
.pd-l-8{padding-left:8px}
.pd-l-9{padding-left:9px}
.pd-l-10{padding-left:10px}
.mr-a{margin:auto}
.mr-2{margin:2px}
.mr-3{margin:3px}
.mr-4{margin:4px}
.mr-5{margin:5px}
.mr-6{margin:6px}
.mr-7{margin:7px}
.mr-8{margin:8px}
.mr-9{margin:9px}
.mr-10{margin:10px}
.mr-t-2{margin-top:2px}
.mr-t-3{margin-top:3px}
.mr-t-4{margin-top:4px}
.mr-t-5{margin-top:5px}
.mr-t-6{margin-top:6px}
.mr-t-7{margin-top:7px}
.mr-t-8{margin-top:8px}
.mr-t-9{margin-top:9px}
.mr-t-10{margin-top:10px}
.mr-b-2{margin-bottom:2px}
.mr-b-3{margin-bottom:3px}
.mr-b-4{margin-bottom:4px}
.mr-b-5{margin-bottom:5px}
.mr-b-6{margin-bottom:6px}
.mr-b-7{margin-bottom:7px}
.mr-b-8{margin-bottom:8px}
.mr-b-9{margin-bottom:9px}
.mr-b-10{margin-bottom:10px}
.mr-r-2{margin-right:2px}
.mr-r-3{margin-right:3px}
.mr-r-4{margin-right:4px}
.mr-r-5{margin-right:5px}
.mr-r-6{margin-right:6px}
.mr-r-7{margin-right:7px}
.mr-r-8{margin-right:8px}
.mr-r-9{margin-right:9px}
.mr-r-10{margin-right:10px}
.mr-l-2{margin-left:2px}
.mr-l-3{margin-left:3px}
.mr-l-4{margin-left:4px}
.mr-l-5{margin-left:5px}
.mr-l-6{margin-left:6px}
.mr-l-7{margin-left:7px}
.mr-l-8{margin-left:8px}
.mr-l-9{margin-left:9px}
.mr-l-10{margin-left:10px}
.pointer{cursor:pointer}
.form-control{width:100%;padding:8px 10px;border-radius:var(--mm-r-sm);box-sizing:border-box}
.form-control:focus{color:var(--mm-text);border-color:var(--mm-accent);outline:0}
.form-control::placeholder{color:var(--mm-text-faint);opacity:1}

/* modal */
.modal-window{position:fixed;background-color:rgba(5,7,12,.6);backdrop-filter:blur(4px);top:0;right:0;bottom:0;left:0;z-index:999;opacity:0;pointer-events:none;transition:opacity .25s ease;border-radius:var(--mm-r)}
.modal-window:target{opacity:1;pointer-events:auto}
.modal-window>div{width:33.33%;position:relative;margin:10% auto;padding:1.25rem;background:var(--mm-surface);color:var(--mm-text);border-radius:var(--mm-r-lg);border:1px solid var(--mm-border);box-shadow:var(--mm-shadow)}
.modal-close{color:#fff;line-height:25px;position:absolute;right:0;text-align:center;top:0;width:44px;text-decoration:none;background:linear-gradient(135deg,var(--mm-red),#dc2643);border-top-right-radius:var(--mm-r-lg);border-bottom-left-radius:var(--mm-r-sm);transition:filter var(--mm-ease)}
.modal-close:hover{filter:brightness(1.1)}
.modal-window h1{font-size:150%;margin:0 0 15px}

@media screen and (min-width:750px){
  .sidenav{width:220px}
  #main{margin-left:220px}
  #openNav{display:none}
  #shareWA{display:inline-block}
  #closeNav{display:block}
}
@media screen and (max-width:750px){
  .sidenav{width:0;border-right:0}
  #brand,#closeNav,#cpage{display:none}
  #main{margin-left:0}
  #openNav{display:block}
  #shareWA{display:inline-block}
  .modal-window>div{width:86%}
  [class*=col-]{width:100%}
  .col-box-1{width:8.33%}
  .col-box-2{width:16.66%}
  .col-box-3{width:25%}
  .col-box-4{width:33.33%}
  .col-box-5{width:41.66%}
  .col-box-6{width:50%}
  .col-box-7{width:58.33%}
  .col-box-8{width:66.66%}
  .col-box-9{width:75%}
  .col-box-10{width:83.33%}
  .col-box-11{width:91.66%}
  .col-box-12{width:100%}
}

/* loader */
.lds-dual-ring{display:inline-block;width:60px;height:60px;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px}
.lds-dual-ring:after{content:" ";display:block;width:42px;height:42px;margin:1px;border-radius:50%;border:4px solid var(--mm-surface-3);border-top-color:var(--mm-accent);border-right-color:var(--mm-cyan);animation:lds-dual-ring 1s linear infinite}
@keyframes lds-dual-ring{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}

/* CodeMirror (template editor) */
.cm-s-material.CodeMirror{background-color:var(--mm-surface-2);color:rgba(233,237,237,1)}
.cm-s-material .CodeMirror-gutters{background:var(--mm-surface-2);color:#537f7e;border:none}
.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#537f7e}
.cm-s-material .CodeMirror-cursor{border-left:1px solid #f8f8f0}
.cm-s-material div.CodeMirror-selected{background:rgba(255,255,255,.15)}
.cm-s-material.CodeMirror-focused div.CodeMirror-selected{background:rgba(255,255,255,.1)}
.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(255,255,255,.1)}
.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,0)}
.cm-s-material .cm-keyword{color:rgba(199,146,234,1)}
.cm-s-material .cm-operator{color:rgba(233,237,237,1)}
.cm-s-material .cm-variable-2{color:#80CBC4}
.cm-s-material .cm-builtin{color:#DECB6B}
.cm-s-material .cm-atom,.cm-s-material .cm-number{color:#F77669}
.cm-s-material .cm-def{color:rgba(233,237,237,1)}
.cm-s-material .cm-string{color:#C3E88D}
.cm-s-material .cm-string-2{color:#80CBC4}
.cm-s-material .cm-comment{color:#546E7A}
.cm-s-material .cm-variable{color:#82B1FF}
.cm-s-material .cm-meta,.cm-s-material .cm-tag{color:#80CBC4}
.cm-s-material .cm-attribute{color:#FFCB6B}
.cm-s-material .cm-property{color:#80CBAE}
.cm-s-material .cm-qualifier,.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#DECB6B}
.cm-s-material .cm-error{color:rgba(255,255,255,1);background-color:#EC5F67}
.cm-s-material .CodeMirror-matchingbracket{text-decoration:underline;color:#fff!important}

/* login */
.login-box .card{border-radius:var(--mm-r-lg);box-shadow:var(--mm-shadow);overflow:hidden;position:relative}
.login-box .card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--mm-accent),var(--mm-cyan))}
.login-box .card-header{text-align:center;background:transparent;border-bottom:1px solid var(--mm-border)}
.login-box img{max-width:64px;filter:drop-shadow(0 4px 14px rgba(124,108,246,.45))}