@charset "utf-8";

:root{
    --gz-ink:#172344;
    --gz-title:#223a84;
    --gz-muted:#71809b;
    --gz-blue:#3f78a8;
    --gz-purple:#52708f;
    --gz-green:#178f7a;
    --gz-red:#f05268;
    --gz-orange:#f59e0b;
    --gz-line:rgba(99,116,170,.18);
    --gz-soft-line:#dde7f7;
    --gz-card:rgba(255,255,255,.82);
    --gz-card-solid:#fff;
    --gz-shadow:0 24px 58px rgba(78,95,168,.16);
    --gz-side:220px;
}

html{background:#eef4ff;}
body.gz-admin-shell,
body.gz-admin-page{
    color:var(--gz-ink);
    font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;
    background:
        radial-gradient(circle at 10% 8%,rgba(123,92,255,.08),transparent 28%),
        radial-gradient(circle at 86% 12%,rgba(48,199,232,.07),transparent 26%),
        linear-gradient(135deg,#f8fbff 0%,#f5f7ff 48%,#eff7ff 100%);
}

body.gz-admin-page{
    width:auto;
    min-width:0;
    padding:16px;
    box-sizing:border-box;
    overflow-x:hidden;
}
body.gz-admin-page .layui-fluid{padding:0;}
body.gz-admin-page *,
body.gz-admin-page *:before,
body.gz-admin-page *:after{
    box-sizing:border-box;
}

body.gz-admin-shell .container.gz-topbar{
    height:70px;
    padding:0 22px;
    background:rgba(255,255,255,.68);
    border-bottom:1px solid var(--gz-line);
    box-shadow:0 10px 34px rgba(78,95,168,.09);
    backdrop-filter:blur(18px);
}
body.gz-admin-shell .container .logo a{
    width:240px;
    padding-left:0;
    line-height:70px;
    color:var(--gz-title);
    font-size:22px;
    font-weight:900;
    letter-spacing:.2px;
}
body.gz-admin-shell .container .logo a:before{
    content:"GZ";
    width:42px;
    height:42px;
    margin:14px 12px 0 0;
    float:left;
    border-radius:15px;
    color:#fff;
    display:grid;
    place-items:center;
    font-size:15px;
    font-weight:900;
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
    box-shadow:0 14px 26px rgba(112,91,255,.28);
}
body.gz-admin-shell .container .left_open{height:70px;}
body.gz-admin-shell .container .left_open i{
    width:38px;
    height:38px;
    line-height:38px;
    margin-top:16px;
    border-radius:14px;
    color:#3150a3;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(91,141,255,.22);
}
body.gz-admin-shell .container .left_open i:hover{
    color:#fff;
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
}
body.gz-admin-shell .container .right{
    height:70px;
    display:flex;
    align-items:center;
    gap:10px;
}
body.gz-admin-shell .container .layui-nav-item{line-height:70px;}
body.gz-admin-shell .layui-nav .layui-nav-item>a{
    height:38px;
    line-height:38px;
    margin-top:16px;
    padding:0 14px;
    color:#3150a3;
    font-weight:800;
    border-radius:999px;
    background:rgba(255,255,255,.72);
    border:1px solid rgba(91,141,255,.22);
    box-shadow:0 8px 18px rgba(78,95,168,.08);
}
body.gz-admin-shell .layui-nav .layui-nav-item>a:hover{
    color:#fff;
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
}
body.gz-admin-shell .layui-nav .layui-nav-child{
    top:58px;
    border:1px solid rgba(91,141,255,.18);
    border-radius:16px;
    background:rgba(255,255,255,.96);
    box-shadow:0 22px 46px rgba(31,42,90,.18);
    overflow:hidden;
}
body.gz-admin-shell .layui-nav .layui-nav-child a{
    color:#263653;
    font-weight:800;
}
body.gz-admin-shell .layui-nav .layui-nav-child a:hover{
    color:#3150a3;
    background:linear-gradient(135deg,rgba(123,92,255,.12),rgba(91,141,255,.14));
}

body.gz-admin-shell .left-nav.gz-sidebar{
    top:70px;
    width:var(--gz-side);
    max-width:var(--gz-side);
    box-sizing:border-box;
    overflow:hidden;
    padding:18px 14px 24px;
    background:rgba(255,255,255,.76);
    border-right:1px solid var(--gz-line);
    box-shadow:18px 0 42px rgba(78,95,168,.10);
    backdrop-filter:blur(22px);
}
body.gz-admin-shell #side-nav{width:100%;}
body.gz-admin-shell .left-nav #nav>li{margin-bottom:8px;}
body.gz-admin-shell .left-nav #nav li cite{
    font-style:normal;
}
body.gz-admin-shell .left-nav #nav li .layui-icon{
    margin-right:8px;
    color:inherit;
}
body.gz-admin-shell .left-nav #nav li a{
    margin-right:12px;
    padding:12px 14px;
    border:1px solid transparent;
    border-left:0;
    border-radius:16px;
    color:#53627f;
    font-weight:800;
}
body.gz-admin-shell .left-nav #nav li a:hover{
    color:#3150a3!important;
    border-color:rgba(91,141,255,.16)!important;
    background:rgba(91,141,255,.08)!important;
    box-shadow:0 8px 18px rgba(91,111,255,.08);
}
body.gz-admin-shell .left-nav #nav li a.active,
body.gz-admin-shell .left-nav #nav .current,
body.gz-admin-shell .left-nav #nav .current>a{
    color:#fff!important;
    border-color:transparent!important;
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue))!important;
    box-shadow:0 16px 30px rgba(91,111,255,.24);
}
body.gz-admin-shell .left-nav #nav li .sub-menu{
    margin:7px 12px 4px 14px;
    padding:6px;
    border-radius:16px;
    background:rgba(239,244,255,.78);
    border:1px solid rgba(99,116,170,.10);
}
body.gz-admin-shell .left-nav #nav li .sub-menu li a{
    margin:0;
    padding:9px 12px 9px 24px;
    border-radius:12px;
    color:#53627f;
}
body.gz-admin-shell .page-content.gz-page-content{
    top:70px;
    left:var(--gz-side);
    background:transparent;
}
body.gz-admin-shell .page-content .layui-tab-title{
    display:none;
    height:0;
    padding:0;
    border:0;
    background:transparent;
    overflow:hidden;
}
body.gz-admin-shell .page-content .layui-tab-title li{
    height:34px;
    line-height:34px;
    margin-top:4px;
    border-radius:13px;
    color:#53627f;
    font-weight:800;
}
body.gz-admin-shell .page-content .layui-tab-title .layui-this{
    color:#3150a3;
    background:rgba(255,255,255,.88);
    box-shadow:0 8px 18px rgba(78,95,168,.08);
}
body.gz-admin-shell .page-content .layui-tab-title .layui-this:after{display:none;}
body.gz-admin-shell .page-content .layui-tab{
    height:100%;
    margin:0;
}
body.gz-admin-shell .page-content .layui-tab-content{
    top:0;
    padding:0;
}
body.gz-admin-shell .page-content .layui-tab-item{
    height:100%;
}
body.gz-admin-shell #tab_right,
body.gz-admin-shell #tab_show{
    display:none!important;
}
body.gz-admin-shell .layui-footer{
    left:var(--gz-side);
    height:42px;
    line-height:42px;
    color:#71809b;
    background:rgba(255,255,255,.58);
    border-top:1px solid var(--gz-line);
}

.breadcrumb-nav{
    height:auto;
    min-height:58px;
    line-height:58px;
    margin-bottom:14px;
    padding:0 20px;
    border:1px solid var(--gz-line);
    border-radius:20px;
    color:var(--gz-title);
    background:rgba(255,255,255,.78);
    box-shadow:var(--gz-shadow);
}
.breadcrumb-nav .layui-breadcrumb a,
.breadcrumb-nav .layui-breadcrumb cite{
    color:var(--gz-title)!important;
    font-weight:900;
}
.breadcrumb-nav>a.layui-btn{margin-top:12px!important;border-radius:13px;}

.layui-card{
    border:1px solid var(--gz-line);
    border-radius:20px;
    background:var(--gz-card);
    box-shadow:var(--gz-shadow);
    overflow:hidden;
}
.layui-card-header{
    min-height:50px;
    line-height:50px;
    color:var(--gz-title);
    font-size:16px;
    font-weight:900;
    border-bottom:1px solid rgba(99,116,170,.12);
    background:rgba(255,255,255,.54);
}
.layui-card-body{padding:16px 18px;}
.layui-card-body>.layui-table-view:first-child,
.layui-card-body>.layui-table:first-child{
    margin-top:0;
}
.layui-tab-brief>.layui-tab-title{
    border-bottom:1px solid rgba(99,116,170,.12);
}
.layui-tab-title li{
    color:#53627f;
    font-weight:800;
}
.layui-tab-brief>.layui-tab-title .layui-this{
    color:#3150a3;
}
.layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom:3px solid var(--gz-purple);
}
.layui-tab-content{
    color:var(--gz-ink);
}

.toolbar{
    padding:12px 14px 4px;
    margin-bottom:14px;
    border:1px solid rgba(99,116,170,.12);
    border-radius:18px;
    background:rgba(248,251,255,.76);
}
.toolbar .layui-form-item{margin-bottom:8px!important;}
.toolbar .layui-inline{
    margin-right:8px;
    margin-bottom:8px;
}
.toolbar .layui-btn i,
.breadcrumb-nav .layui-btn i{
    margin-right:4px;
}
.layui-input,
.layui-select,
.layui-textarea{
    border-color:rgba(117,132,169,.28);
    border-radius:13px;
    color:var(--gz-ink);
    background:rgba(255,255,255,.86);
}
.layui-input:focus,
.layui-textarea:focus{
    border-color:rgba(123,92,255,.58)!important;
    box-shadow:0 0 0 3px rgba(123,92,255,.10);
}
.h30,
.h30 .layui-input{
    height:34px;
    line-height:34px;
}
.layui-form-select dl{
    border:1px solid rgba(91,141,255,.18);
    border-radius:14px;
    box-shadow:0 18px 34px rgba(31,42,90,.16);
    overflow:hidden;
}
.layui-form-select dl dd.layui-this{
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
}

.layui-btn{
    border-radius:13px;
    font-weight:900;
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
    box-shadow:0 12px 22px rgba(91,111,255,.18);
    border:0;
}
.layui-btn-primary{
    color:#3150a3;
    border:1px solid rgba(91,141,255,.22);
    background:rgba(255,255,255,.78);
    box-shadow:none;
}
.layui-btn-normal{
    background:linear-gradient(135deg,#5b8dff,#28a4ff);
}
.layui-btn-danger{
    background:linear-gradient(135deg,#f05268,#ff7b8b);
}
.layui-btn-warm{
    color:#b7791f;
    background:#fff2dc;
    border:1px solid #ffd39a;
    box-shadow:none;
}
.layui-btn-sm{
    height:34px;
    line-height:34px;
    padding:0 14px;
}
.layui-btn-xs{
    height:28px;
    line-height:28px;
    padding:0 10px;
    border-radius:999px;
}
.layui-table-view .layui-btn-xs{
    min-width:28px;
}

.layui-table,
.layui-table-view{
    border-color:rgba(99,116,170,.14);
    border-radius:16px;
    overflow:hidden;
    background:rgba(255,255,255,.82);
}
.layui-table thead tr,
.layui-table-header,
.layui-table-header th{
    color:#263653;
    font-weight:900;
    background:#e8eef9!important;
}
.layui-table th,
.layui-table td,
.layui-table-view,
.layui-table-header,
.layui-table-tool,
.layui-table-page,
.layui-table-fixed-r,
.layui-table-fixed-l,
.layui-table-body,
.layui-table-box,
.layui-table-cell{
    border-color:rgba(93,112,164,.12)!important;
}
.layui-table tbody tr:hover,
.layui-table-click,
.layui-table-hover{
    background:#f6f8fd!important;
}
.layui-table-view .layui-table{background:#fff;}
.layui-table-cell{
    color:#263653;
    font-size:13px;
    line-height:28px;
}
.layui-table-cell a{
    color:#3150a3;
    font-weight:800;
}
.layui-table-cell a:hover{
    color:var(--gz-purple);
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
    border-radius:9px;
}
.layui-laypage a,
.layui-laypage span{
    border-radius:9px;
    border-color:rgba(99,116,170,.18);
}

.layui-badge{
    height:24px;
    line-height:22px;
    padding:0 10px;
    border-radius:999px;
    font-weight:900;
}
.layui-badge-blue{
    color:#3150a3;
    background:#edf3ff;
    border:1px solid #cddcff;
}
.layui-badge-green{
    color:#139b58;
    background:#eafaf2;
    border:1px solid #bcebd3;
}
.layui-badge-red{
    color:#df334a;
    background:#fff0f3;
    border:1px solid #ffc4ce;
}
.layui-badge-pink{
    color:#715cff;
    background:#f0edff;
    border:1px solid #d8d1ff;
}

.layui-form-onswitch{
    border-color:var(--gz-purple);
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue));
}
.layui-form-switch{border-radius:999px;}

.layui-layer{
    border-radius:22px!important;
    overflow:hidden;
    box-shadow:0 30px 78px rgba(31,42,90,.24)!important;
}
.layui-layer .layui-layer-title{
    height:58px;
    line-height:58px;
    padding-left:22px;
    color:var(--gz-title);
    font-size:18px;
    font-weight:900;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid var(--gz-line);
}
.layui-layer .layui-layer-setwin{top:20px!important;}
.layui-layer .layui-layer-setwin a{color:#71809b;}
.layui-layer-btn .layui-layer-btn0{
    border-color:transparent!important;
    border-radius:13px;
    background:linear-gradient(135deg,var(--gz-purple),var(--gz-blue))!important;
}

.gz-dashboard-page .lay-hits .layui-card{
    min-height:118px;
    position:relative;
    overflow:hidden;
}
.gz-dashboard-page #mccms_left>.layui-row:first-child{
    margin-bottom:2px;
}
.gz-dashboard-page #mccms_right>.layui-row[style]{
    border-radius:20px;
    background:transparent!important;
}
.gz-dashboard-page .lay-hits .layui-card:after{
    content:"";
    position:absolute;
    right:-34px;
    bottom:-42px;
    width:128px;
    height:128px;
    border-radius:50%;
    background:linear-gradient(135deg,rgba(123,92,255,.13),rgba(91,141,255,.16));
}
.gz-dashboard-page .lay-hits .layui-card-header{
    height:42px;
    line-height:42px;
    padding:0 14px;
    color:#71809b;
    font-size:13px;
}
.gz-dashboard-page .lay-hits .layui-card-body{
    position:relative;
    z-index:1;
    padding:12px 16px 14px;
}
.gz-dashboard-page .lay-hits .lay-big-font{
    color:var(--gz-title);
    font-size:28px;
    line-height:34px;
    font-weight:900;
}
.gz-dashboard{
    max-width:1680px;
    margin:0 auto;
}
.gz-dashboard-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:14px;
    padding:4px 2px 0;
}
.gz-dashboard-head h1{
    margin:0;
    color:var(--gz-title);
    font-size:24px;
    line-height:32px;
    font-weight:900;
    letter-spacing:0;
}
.gz-dashboard-head p{
    margin:2px 0 0;
    color:#71809b;
    font-size:13px;
    font-weight:700;
}
.gz-kpi-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(150px,1fr));
    gap:14px;
    margin-bottom:14px;
}
.gz-kpi-card{
    min-height:118px;
    position:relative;
    background:rgba(255,255,255,.84);
}
.gz-kpi-card:after{
    content:"";
    position:absolute;
    right:-42px;
    bottom:-48px;
    width:122px;
    height:122px;
    border-radius:50%;
    background:rgba(112,118,255,.09);
}
.gz-kpi-card .layui-card-header{
    height:42px;
    line-height:42px;
    padding:0 14px;
    color:#71809b;
    font-size:13px;
}
.gz-kpi-card .layui-card-body{
    position:relative;
    z-index:1;
    padding:12px 16px 14px;
}
.gz-kpi-card .lay-big-font{
    margin:0 0 7px;
    color:var(--gz-title);
    font-size:29px;
    line-height:34px;
    font-weight:900;
}
.gz-kpi-card .lay-big-font span{
    font-size:18px;
    line-height:1;
}
.gz-kpi-card p{
    margin:0;
    color:#53627f;
    font-size:12px;
    font-weight:800;
}
.gz-chart-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:14px;
}
.gz-chart-panel{
    min-height:294px;
    padding:18px;
    border:1px solid var(--gz-line);
    border-radius:20px;
    background:rgba(255,255,255,.84);
    box-shadow:var(--gz-shadow);
    box-sizing:border-box;
}
.gz-chart-panel-wide{
    grid-column:1 / -1;
    min-height:330px;
}
.gz-panel-title{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(99,116,170,.12);
}
.gz-panel-title h2{
    margin:0;
    color:var(--gz-title);
    font-size:18px;
    line-height:24px;
    font-weight:900;
    letter-spacing:0;
}
.gz-panel-title p{
    margin:3px 0 0;
    color:#71809b;
    font-size:12px;
    line-height:18px;
    font-weight:700;
}
.gz-soft-chip{
    display:inline-flex;
    align-items:center;
    height:28px;
    padding:0 12px;
    border-radius:999px;
    color:#5f55e8;
    background:#f0edff;
    border:1px solid #ddd7ff;
    font-size:12px;
    font-weight:900;
    white-space:nowrap;
}
.gz-soft-chip-green{
    color:#15905a;
    background:#eafaf2;
    border-color:#c1ecd5;
}
.gz-soft-chip-orange{
    color:#b7791f;
    background:#fff4df;
    border-color:#ffd9a6;
}
.gz-line-chart{
    height:248px;
}
.gz-line-chart svg{
    width:100%;
    height:218px;
    display:block;
}
.gz-grid-lines line{
    stroke:rgba(93,112,164,.14);
    stroke-width:1;
}
.gz-line-area{
    fill:url(#gzLineFill);
}
.gz-line-stroke{
    fill:none;
    stroke:#6d66ff;
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.gz-line-dots circle{
    fill:#fff;
    stroke:#6d66ff;
    stroke-width:3;
}
.gz-chart-labels{
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:6px;
    color:#71809b;
    font-size:12px;
    font-weight:800;
    text-align:center;
}
.gz-retention-chart{
    padding-top:6px;
}
.gz-retention-row{
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 52px;
    align-items:center;
    gap:12px;
    min-height:36px;
    color:#53627f;
    font-size:13px;
    font-weight:800;
}
.gz-retention-row b{
    color:#223a84;
    text-align:right;
}
.gz-retention-track{
    height:10px;
    border-radius:999px;
    background:#edf2fb;
    overflow:hidden;
}
.gz-retention-track i{
    display:block;
    height:100%;
    min-width:4px;
    border-radius:999px;
    background:linear-gradient(90deg,#35c987,#5b8dff);
}
.gz-chart-note{
    margin:16px 0 0;
    padding-top:12px;
    border-top:1px solid rgba(99,116,170,.12);
    color:#71809b;
    font-size:12px;
    font-weight:800;
}
.gz-hour-chart{
    height:188px;
    display:grid;
    grid-template-columns:repeat(24,minmax(4px,1fr));
    align-items:end;
    gap:5px;
    padding:20px 4px 0;
}
.gz-hour-item{
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
}
.gz-hour-item i{
    width:100%;
    max-width:16px;
    min-height:8px;
    border-radius:999px 999px 4px 4px;
    background:linear-gradient(180deg,#62b5ff,#7d75ff);
    opacity:.86;
}
.gz-hour-item span{
    height:14px;
    color:#71809b;
    font-size:11px;
    font-weight:800;
}
.gz-list-page .layui-card-body>.layui-tab-item,
.gz-list-page .layui-tab-content{
    padding:0;
}
.gz-list-page .layui-tab-content{
    background:transparent;
}
.gz-list-page .layui-table-view{
    margin-top:0;
}
.gz-list-page .layui-card{
    background:rgba(255,255,255,.84);
}

@media screen and (max-width: 768px){
    body.gz-admin-shell .container .logo a{width:150px;font-size:18px;}
    body.gz-admin-shell .left-nav.gz-sidebar{width:68px;max-width:68px;}
    body.gz-admin-shell #side-nav{width:88px;}
    body.gz-admin-shell .page-content.gz-page-content{left:68px;}
    body.gz-admin-shell .layui-footer{left:0;}
    body.gz-admin-page{padding:10px;}
    .breadcrumb-nav{border-radius:16px;padding:0 12px;}
    .layui-card{border-radius:16px;}
}

@media screen and (max-width: 1280px){
    .gz-kpi-grid{grid-template-columns:repeat(3,minmax(150px,1fr));}
}

@media screen and (max-width: 900px){
    .gz-chart-grid{grid-template-columns:1fr;}
    .gz-kpi-grid{grid-template-columns:repeat(2,minmax(140px,1fr));}
    .gz-dashboard-head{align-items:flex-start;flex-direction:column;}
}

body.gz-dashboard-v2-page{
    padding:22px;
    background:linear-gradient(135deg,#f8fbff 0%,#f5f8ff 46%,#eef7ff 100%);
    width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow-x:hidden;
}
.gz-dashboard-v2{
    width:100%;
    max-width:1680px;
    margin:0 auto;
    box-sizing:border-box;
}
.gz-dashboard-v2 *{
    box-sizing:border-box;
}
.gz-dashboard-v2 .gz-dashboard-head{
    min-height:44px;
    margin:0 0 18px;
    padding:0;
}
.gz-dashboard-v2 .gz-dashboard-head h1{
    font-size:26px;
    line-height:34px;
}
.gz-dashboard-v2 .gz-dashboard-head p{
    font-size:13px;
}
.gz-dashboard-v2 .gz-kpi-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-bottom:20px;
}
.gz-dashboard-v2 .gz-kpi-card{
    min-height:188px;
    margin-bottom:0;
    padding:20px 22px 16px;
    border:1px solid rgba(199,211,238,.82);
    border-radius:14px;
    background:rgba(255,255,255,.92);
    box-shadow:0 12px 32px rgba(56,76,134,.08);
    overflow:hidden;
    box-sizing:border-box;
}
.gz-dashboard-v2 .gz-kpi-card:after{
    display:none;
}
.gz-kpi-top{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:34px;
}
.gz-kpi-top h2{
    margin:0;
    color:#263f82;
    font-size:16px;
    line-height:22px;
    font-weight:900;
}
.gz-kpi-icon{
    width:34px;
    height:34px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#f3f1ff;
    color:#6d66ff;
}
.gz-kpi-icon i{
    font-size:18px;
}
.gz-kpi-icon-blue{
    background:#eef6ff;
    color:#5b8dff;
}
.gz-kpi-icon-cyan{
    background:#ecf8ff;
    color:#258dff;
}
.gz-kpi-icon-violet{
    background:#f5ecff;
    color:#8a5cff;
}
.gz-kpi-main{
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin-top:18px;
    color:#223a84;
}
.gz-kpi-main strong{
    font-size:34px;
    line-height:38px;
    font-weight:900;
    letter-spacing:0;
}
.gz-kpi-main em{
    margin-bottom:5px;
    color:#263f82;
    font-size:15px;
    line-height:20px;
    font-style:normal;
    font-weight:900;
}
.gz-kpi-meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-top:6px;
    color:#53627f;
    font-size:13px;
    line-height:20px;
    font-weight:800;
}
.gz-kpi-meta b{
    color:#3150d4;
    font-weight:900;
    white-space:nowrap;
}
.gz-kpi-spark{
    height:52px;
    margin-top:14px;
}
.gz-kpi-spark svg{
    width:100%;
    height:52px;
    display:block;
}
.gz-kpi-spark path{
    fill:none;
    stroke-width:3;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.gz-dashboard-v2 .gz-chart-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}
.gz-dashboard-v2 .gz-chart-panel{
    min-height:348px;
    margin-bottom:0;
    padding:20px 18px 16px;
    border:1px solid rgba(199,211,238,.82);
    border-radius:14px;
    background:rgba(255,255,255,.92);
    box-shadow:0 12px 32px rgba(56,76,134,.08);
}
.gz-dashboard-v2 .gz-panel-title{
    margin-bottom:10px;
    padding-bottom:0;
    border-bottom:0;
}
.gz-dashboard-v2 .gz-panel-title h2{
    color:#223a84;
    font-size:17px;
    line-height:24px;
    font-weight:900;
}
.gz-dashboard-v2 .gz-panel-title h2 span{
    margin-left:4px;
    color:#71809b;
    font-size:13px;
    font-weight:800;
}
.gz-axis-chart{
    width:100%;
    height:280px;
}
.gz-axis-chart svg{
    width:100%;
    height:280px;
    display:block;
}
.gz-chart-grid-lines line{
    stroke:rgba(104,124,172,.18);
    stroke-width:1;
}
.gz-axis-text{
    fill:#61708e;
    font-size:12px;
    font-weight:700;
    text-anchor:middle;
}
.gz-chart-grid-lines .gz-axis-text{
    text-anchor:end;
}
.gz-line-stroke{
    fill:none;
    stroke:#6576ff;
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.gz-line-dots circle{
    fill:#fff;
    stroke:#6576ff;
    stroke-width:4;
}
.gz-value-labels text,
.gz-bar-value{
    fill:#263f82;
    font-size:12px;
    font-weight:900;
    text-anchor:middle;
}
.gz-chart-legend text{
    fill:#53627f;
    font-size:13px;
    font-weight:800;
}
.gz-chart-legend circle{
    fill:#fff;
    stroke:#6576ff;
    stroke-width:3;
}
.gz-empty-label{
    fill:#71809b;
    font-size:14px;
    font-weight:800;
    text-anchor:middle;
}
.gz-empty-chart{
    position:relative;
    height:280px;
    padding:42px 18px 42px 64px;
}
.gz-empty-chart-grid{
    height:180px;
}
.gz-empty-chart-line{
    position:relative;
    height:36px;
    border-top:1px solid rgba(104,124,172,.18);
}
.gz-empty-chart-line span{
    position:absolute;
    top:-8px;
    left:-38px;
    min-width:24px;
    color:#61708e;
    font-size:12px;
    line-height:16px;
    font-weight:700;
    text-align:right;
}
.gz-empty-chart-message{
    position:absolute;
    left:50%;
    top:48%;
    transform:translate(-50%,-50%);
    color:#71809b;
    font-size:14px;
    font-weight:800;
    white-space:nowrap;
}
.gz-empty-chart-labels{
    position:absolute;
    left:66px;
    right:18px;
    bottom:34px;
    display:grid;
    grid-template-columns:repeat(8,1fr);
    color:#61708e;
    font-size:12px;
    line-height:16px;
    font-weight:700;
    text-align:center;
}
.gz-empty-chart-labels span{
    white-space:nowrap;
}
.gz-empty-chart-legend{
    position:absolute;
    left:0;
    right:0;
    bottom:6px;
    color:#53627f;
    font-size:13px;
    line-height:18px;
    font-weight:800;
    text-align:center;
    white-space:nowrap;
}
.gz-empty-chart-legend i{
    display:inline-block;
    width:8px;
    height:8px;
    margin-right:6px;
    border-radius:2px;
    background:#ffa529;
    vertical-align:1px;
}
.gz-retention-bars rect{
    fill:#58cf8a;
}
.gz-hour-bars rect{
    fill:#ffa529;
}
.gz-green-legend rect{
    fill:#58cf8a;
}
.gz-orange-legend rect{
    fill:#ffa529;
}

@media screen and (max-width: 1120px){
    .gz-dashboard-v2 .gz-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .gz-dashboard-v2 .gz-chart-grid{grid-template-columns:1fr;}
}

@media screen and (max-width: 760px){
    body.gz-dashboard-v2-page{padding:12px;}
    .gz-dashboard-v2 .gz-kpi-grid{grid-template-columns:1fr;}
    .gz-dashboard-v2 .gz-kpi-card{min-height:170px;}
}

/* Guazi restrained admin tone */
body.gz-admin-shell,
body.gz-admin-page{
    background:linear-gradient(135deg,#f7faff 0%,#f4f7fb 52%,#eef5fb 100%);
}

body.gz-admin-shell .container.gz-topbar{
    background:rgba(255,255,255,.82);
    box-shadow:0 8px 24px rgba(32,54,94,.06);
}

body.gz-admin-shell .container .logo a:before{
    background:#3f78a8;
    box-shadow:none;
}

body.gz-admin-shell .container .left_open i:hover,
body.gz-admin-shell .layui-nav .layui-nav-item>a:hover{
    color:#2f6f9f;
    background:#eef4fa;
}

body.gz-admin-shell .layui-nav .layui-nav-child a:hover{
    color:#2f6f9f;
    background:#eef4fa;
}

body.gz-admin-shell .left-nav.gz-sidebar{
    background:rgba(255,255,255,.86);
    box-shadow:10px 0 26px rgba(32,54,94,.05);
}

body.gz-admin-shell .left-nav #nav li a:hover{
    color:#2f6f9f!important;
    border-color:#dbe7f2!important;
    background:#eef4fa!important;
    box-shadow:none;
}

body.gz-admin-shell .left-nav #nav li a.active,
body.gz-admin-shell .left-nav #nav .current,
body.gz-admin-shell .left-nav #nav .current>a{
    color:#fff!important;
    background:#3f78a8!important;
    box-shadow:none;
}

body.gz-admin-shell .left-nav #nav li .sub-menu{
    background:#f3f6fa;
    border-color:#dde5ef;
}

.breadcrumb-nav,
.layui-card,
.gz-chart-panel,
.gz-dashboard-v2 .gz-kpi-card,
.gz-dashboard-v2 .gz-chart-panel{
    box-shadow:0 8px 22px rgba(32,54,94,.05);
}

.layui-card,
.gz-chart-panel,
.gz-dashboard-v2 .gz-kpi-card,
.gz-dashboard-v2 .gz-chart-panel{
    border-color:#dde5ef;
    border-radius:12px;
}

.layui-card-header{
    color:#18346f;
    background:#fff;
}

.layui-btn{
    background:#2f6f9f!important;
    box-shadow:none;
}

.layui-btn:hover{
    background:#275f89!important;
    opacity:1;
}

.layui-btn-normal{
    background:#3f78a8!important;
}

.layui-btn-danger{
    background:#d9534f!important;
}

.layui-btn-warm{
    color:#fff;
    background:#b7791f!important;
    border-color:#b7791f;
}

.layui-btn-primary{
    color:#26364f!important;
    border-color:#dde5ef!important;
    background:#fff!important;
}

.layui-input:focus,
.layui-textarea:focus{
    border-color:#2f6f9f!important;
    box-shadow:0 0 0 3px rgba(47,111,159,.10);
}

.layui-form-select dl dd.layui-this,
.layui-form-onswitch,
.layui-laypage .layui-laypage-curr .layui-laypage-em,
.layui-layer-btn .layui-layer-btn0{
    background:#2f6f9f!important;
}

.layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom-color:#2f6f9f;
}

.layui-table thead tr,
.layui-table-header,
.layui-table-header th{
    background:#f3f6fa!important;
}

.layui-table tbody tr:hover,
.layui-table-click,
.layui-table-hover{
    background:#f7fbff!important;
}

.layui-table-cell a:hover{
    color:#2f6f9f;
}

.gz-soft-chip{
    color:#2f6f9f;
    background:#e8f1f8;
    border-color:#c9dae8;
}

.gz-kpi-icon,
.gz-kpi-icon-violet,
.gz-kpi-icon-purple{
    color:#3f78a8;
    background:#eef4fa;
}

.gz-kpi-icon-blue,
.gz-kpi-icon-cyan{
    color:#2f6f9f;
    background:#e8f4fb;
}

.gz-dashboard-v2 .gz-kpi-main,
.gz-dashboard-v2 .gz-panel-title h2,
.gz-kpi-top h2,
.gz-kpi-main,
.gz-value-labels text,
.gz-bar-value{
    color:#18346f;
    fill:#18346f;
}

.gz-kpi-meta b{
    color:#2f6f9f;
}

.gz-line-stroke,
.gz-line-dots circle,
.gz-chart-legend circle{
    stroke:#4f76b8;
}

.gz-chart-legend circle{
    fill:#fff;
}

.gz-retention-bars rect,
.gz-green-legend rect{
    fill:#4fc47f;
}

.gz-hour-bars rect,
.gz-orange-legend rect{
    fill:#f0a03a;
}

.gz-empty-chart-simple{
    height:280px;
    padding:0;
    display:grid;
    place-items:center;
}

.gz-empty-chart-simple .gz-empty-chart-message{
    position:static;
    transform:none;
    color:#66748c;
    padding:12px 18px;
    border:1px dashed #d6e1ec;
    border-radius:8px;
    background:#f8fafc;
}

/* Guazi Graphite Glass theme */
:root{
    --gz-graphite-page:#e8edf3;
    --gz-graphite-sidebar:#172233;
    --gz-graphite-sidebar-deep:#101827;
    --gz-graphite-sidebar-active:#33445d;
    --gz-graphite-sidebar-active-2:#243249;
    --gz-graphite-glass:rgba(255,255,255,.66);
    --gz-graphite-glass-strong:rgba(255,255,255,.88);
    --gz-graphite-line:rgba(111,128,150,.22);
    --gz-graphite-line-strong:rgba(86,103,126,.32);
    --gz-graphite-ink:#111827;
    --gz-graphite-title:#162033;
    --gz-graphite-text:#344054;
    --gz-graphite-muted:#748094;
    --gz-graphite-primary:#35465c;
    --gz-graphite-primary-2:#253348;
    --gz-graphite-blue:#426f9f;
    --gz-graphite-green:#4f987d;
    --gz-graphite-amber:#a57940;
    --gz-graphite-red:#b85763;
    --gz-graphite-shadow:0 22px 58px rgba(31,47,70,.12);
    --gz-graphite-soft-shadow:0 12px 28px rgba(31,47,70,.08);
    --gz-graphite-radius:16px;
}

body.gz-admin-shell,
body.gz-admin-page{
    color:var(--gz-graphite-text);
    background:
        radial-gradient(circle at 20% 8%,rgba(255,255,255,.92),transparent 24%),
        radial-gradient(circle at 88% 4%,rgba(170,190,214,.34),transparent 28%),
        linear-gradient(135deg,#eef3f8 0%,#e5ebf2 56%,#dfe7f0 100%);
}

body.gz-admin-shell .container.gz-topbar{
    height:72px;
    padding:0 22px;
    background:rgba(250,252,255,.72);
    border-bottom:1px solid var(--gz-graphite-line);
    box-shadow:none;
    backdrop-filter:blur(22px);
}

body.gz-admin-shell .container .logo a{
    line-height:72px;
    color:var(--gz-graphite-title);
    font-size:20px;
    letter-spacing:0;
}

body.gz-admin-shell .container .logo a:before{
    width:42px;
    height:42px;
    margin:15px 12px 0 0;
    border-radius:15px;
    background:linear-gradient(180deg,#3d4d64,#223047);
    box-shadow:0 14px 28px rgba(34,48,71,.20);
}

body.gz-admin-shell .container .left_open{
    height:72px;
}

body.gz-admin-shell .container .left_open i{
    width:36px;
    height:36px;
    line-height:36px;
    margin-top:18px;
    border-radius:50%;
    color:var(--gz-graphite-primary);
    background:rgba(255,255,255,.68);
    border:1px solid var(--gz-graphite-line);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58);
}

body.gz-admin-shell .container .left_open i:hover,
body.gz-admin-shell .layui-nav .layui-nav-item>a:hover{
    color:var(--gz-graphite-title);
    background:rgba(255,255,255,.86);
}

body.gz-admin-shell .container .right{
    height:72px;
    gap:10px;
}

body.gz-admin-shell .container .layui-nav-item{
    line-height:72px;
}

body.gz-admin-shell .layui-nav .layui-nav-item>a{
    height:38px;
    line-height:38px;
    margin-top:17px;
    padding:0 16px;
    color:var(--gz-graphite-title);
    border:1px solid var(--gz-graphite-line);
    border-radius:999px;
    background:rgba(255,255,255,.64);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 8px 18px rgba(37,51,72,.06);
}

body.gz-admin-shell .layui-nav .layui-nav-child{
    top:62px;
    border-color:var(--gz-graphite-line);
    border-radius:16px;
    background:rgba(255,255,255,.94);
    box-shadow:var(--gz-graphite-shadow);
    backdrop-filter:blur(22px);
}

body.gz-admin-shell .left-nav.gz-sidebar{
    top:72px;
    padding:18px 14px 28px;
    background:linear-gradient(180deg,var(--gz-graphite-sidebar),var(--gz-graphite-sidebar-deep));
    border-right:1px solid rgba(255,255,255,.08);
    box-shadow:none;
    backdrop-filter:none;
}

body.gz-admin-shell .left-nav #nav>li{
    margin-bottom:6px;
}

body.gz-admin-shell .left-nav #nav li a{
    min-height:44px;
    margin-right:0;
    padding:12px 13px;
    border:0;
    border-radius:14px;
    color:#b9c4d2;
    font-size:14px;
    font-weight:800;
}

body.gz-admin-shell .left-nav #nav li .layui-icon{
    margin-right:10px;
    color:#93a1b5;
}

body.gz-admin-shell .left-nav #nav li a:hover{
    color:#fff!important;
    border-color:transparent!important;
    background:rgba(255,255,255,.06)!important;
    box-shadow:none;
}

body.gz-admin-shell .left-nav #nav li a.active,
body.gz-admin-shell .left-nav #nav .current,
body.gz-admin-shell .left-nav #nav .current>a{
    color:#fff!important;
    background:linear-gradient(180deg,var(--gz-graphite-sidebar-active),var(--gz-graphite-sidebar-active-2))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 14px 28px rgba(4,8,16,.24);
}

body.gz-admin-shell .left-nav #nav li a.active .layui-icon,
body.gz-admin-shell .left-nav #nav .current>a .layui-icon{
    color:#fff;
}

body.gz-admin-shell .left-nav #nav li .sub-menu{
    margin:2px 0 12px 34px;
    padding:6px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:14px;
    background:rgba(255,255,255,.035);
}

body.gz-admin-shell .left-nav #nav li .sub-menu li a{
    min-height:32px;
    padding:8px 10px;
    border-radius:10px;
    color:#aeb9c9;
    font-size:13px;
}

body.gz-admin-shell .left-nav #nav li .sub-menu li a:hover,
body.gz-admin-shell .left-nav #nav li .sub-menu li a.active{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
}

body.gz-admin-shell .page-content.gz-page-content{
    top:72px;
    background:
        radial-gradient(circle at 90% 0%,rgba(255,255,255,.58),transparent 26%),
        linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
}

body.gz-admin-shell .layui-footer{
    color:#8a96a8;
    background:rgba(255,255,255,.42);
    border-top:1px solid var(--gz-graphite-line);
    backdrop-filter:blur(18px);
}

body.gz-dashboard-v2-page{
    padding:24px;
    background:
        radial-gradient(circle at 90% 0%,rgba(255,255,255,.58),transparent 26%),
        linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.08));
}

.breadcrumb-nav,
.layui-card,
.gz-dashboard-v2 .gz-kpi-card,
.gz-dashboard-v2 .gz-chart-panel,
.gz-chart-panel{
    border:1px solid var(--gz-graphite-line);
    border-radius:var(--gz-graphite-radius);
    background:var(--gz-graphite-glass-strong);
    box-shadow:var(--gz-graphite-shadow);
    backdrop-filter:blur(24px);
}

.breadcrumb-nav{
    min-height:58px;
    line-height:58px;
    color:var(--gz-graphite-title);
}

.breadcrumb-nav .layui-breadcrumb a,
.breadcrumb-nav .layui-breadcrumb cite,
.gz-dashboard-head h1,
.gz-panel-title h2,
.gz-kpi-top h2{
    color:var(--gz-graphite-title)!important;
}

.gz-dashboard-head p,
.gz-panel-title p,
.gz-panel-title h2 span,
.gz-kpi-meta,
.gz-axis-text,
.gz-chart-legend text{
    color:var(--gz-graphite-muted);
    fill:var(--gz-graphite-muted);
}

.layui-btn,
.layui-layer-btn .layui-layer-btn0{
    color:#fff!important;
    border:0!important;
    border-radius:999px;
    background:linear-gradient(180deg,#3d4d64,#273449)!important;
    box-shadow:0 18px 34px rgba(39,52,73,.20),inset 0 1px 0 rgba(255,255,255,.12);
}

.layui-btn:hover,
.layui-layer-btn .layui-layer-btn0:hover{
    background:linear-gradient(180deg,#43556e,#2a394f)!important;
    opacity:1;
}

.layui-btn-primary{
    color:var(--gz-graphite-title)!important;
    border:1px solid var(--gz-graphite-line)!important;
    background:rgba(255,255,255,.64)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 8px 18px rgba(37,51,72,.06);
}

.layui-btn-normal{
    background:linear-gradient(180deg,#426f9f,#315b86)!important;
}

.layui-btn-danger{
    background:#b85763!important;
}

.layui-btn-warm{
    background:#a57940!important;
}

.layui-input,
.layui-select,
.layui-textarea{
    color:var(--gz-graphite-text);
    border-color:var(--gz-graphite-line);
    border-radius:999px;
    background:rgba(255,255,255,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.60);
}

.layui-textarea{
    border-radius:14px;
}

.layui-input:focus,
.layui-textarea:focus{
    border-color:var(--gz-graphite-primary)!important;
    box-shadow:0 0 0 3px rgba(53,70,92,.12);
}

.toolbar{
    border-color:var(--gz-graphite-line);
    border-radius:999px;
    background:rgba(255,255,255,.50);
    backdrop-filter:blur(18px);
}

.layui-tab-brief>.layui-tab-title{
    border-color:var(--gz-graphite-line);
}

.layui-tab-brief>.layui-tab-title .layui-this{
    color:var(--gz-graphite-title);
}

.layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom-color:var(--gz-graphite-primary);
}

.layui-table,
.layui-table-view{
    border-color:var(--gz-graphite-line);
    border-radius:14px;
    background:rgba(255,255,255,.80);
    backdrop-filter:blur(18px);
}

.layui-table thead tr,
.layui-table-header,
.layui-table-header th{
    color:var(--gz-graphite-title);
    background:rgba(245,248,251,.86)!important;
}

.layui-table tbody tr:nth-child(even){
    background:rgba(244,247,250,.78);
}

.layui-table tbody tr:hover,
.layui-table-click,
.layui-table-hover{
    background:rgba(232,238,245,.92)!important;
}

.layui-table-cell a,
.layui-table td a,
.gz-kpi-meta b{
    color:var(--gz-graphite-blue);
}

.layui-table-cell a:hover,
.layui-table td a:hover{
    color:#24588f;
}

.gz-kpi-icon{
    color:var(--gz-graphite-primary);
    background:rgba(255,255,255,.54);
    border:1px solid var(--gz-graphite-line);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
}

.gz-dashboard-v2 .gz-kpi-card{
    min-height:178px;
    padding:20px 20px 16px;
}

.gz-dashboard-v2 .gz-chart-panel{
    min-height:330px;
}

.gz-line-stroke,
.gz-line-dots circle,
.gz-chart-legend circle,
.gz-kpi-spark path{
    stroke:var(--gz-graphite-blue)!important;
}

.gz-retention-bars rect,
.gz-green-legend rect{
    fill:var(--gz-graphite-green);
}

.gz-hour-bars rect,
.gz-orange-legend rect{
    fill:var(--gz-graphite-amber);
}

.gz-empty-chart-simple .gz-empty-chart-message{
    color:var(--gz-graphite-muted);
    border:1px solid var(--gz-graphite-line);
    border-radius:999px;
    background:rgba(255,255,255,.58);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.70);
}

.gz-floating-tools{
    position:fixed;
    right:28px;
    bottom:28px;
    z-index:999;
    display:flex;
    flex-direction:column;
    gap:12px;
}

.gz-floating-tools button{
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    color:#fff;
    background:linear-gradient(180deg,#3d4d64,#223047);
    box-shadow:0 20px 38px rgba(34,48,71,.28),inset 0 1px 0 rgba(255,255,255,.14);
    cursor:pointer;
}

.gz-floating-tools button+button{
    width:44px;
    height:44px;
    margin-left:4px;
    color:var(--gz-graphite-title);
    background:rgba(255,255,255,.72);
    box-shadow:var(--gz-graphite-soft-shadow),inset 0 1px 0 rgba(255,255,255,.70);
}

body.gz-admin-shell .container.gz-topbar{
    width:100vw!important;
    max-width:100vw!important;
    box-sizing:border-box;
    overflow:hidden;
}

body.gz-admin-shell .container .logo,
body.gz-admin-shell .container .right{
    box-sizing:border-box;
}

@media screen and (max-width: 768px){
    body.gz-admin-shell .container.gz-topbar{height:64px;padding:0 12px;}
    body.gz-admin-shell .container .logo a{width:150px;line-height:64px;font-size:17px;}
    body.gz-admin-shell .container .logo a:before{width:36px;height:36px;margin-top:14px;border-radius:13px;}
    body.gz-admin-shell .left-nav.gz-sidebar{top:64px;width:68px;max-width:68px;padding:12px 8px;}
    body.gz-admin-shell .page-content.gz-page-content{top:64px;left:68px;}
    .gz-floating-tools{right:14px;bottom:18px;}
}