@charset "utf-8";
html{margin:0;padding:0;border:0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,q,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,article,aside,dialog,figure,footer,header,hgroup,nav,section{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
body{font-size:14px;color:var(--ui-text);background:var(--ui-bg);font-family:"Microsoft YaHei","simsun","Helvetica Neue",Arial,Helvetica,sans-serif}
img{border:0;vertical-align:bottom}
::-webkit-input-placeholder{color:var(--ui-text-muted)}
:-moz-placeholder{color:var(--ui-text-muted)}
::-moz-placeholder{color:var(--ui-text-muted)}
:-ms-input-placeholder{color:var(--ui-text-muted)}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
textarea{overflow:auto}
input:focus,textarea:focus,button:focus,select:focus{outline:0}
input::-ms-clear{display:none}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a,a:link{text-decoration:none;color:var(--ui-text);transition:var(--ui-tr-colors)}
a:active,a:hover{outline:0;color:var(--ui-primary);text-decoration:none}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
mark{color:#000;background:#ff0}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{margin:0;font:inherit}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}
legend{padding:0;border:0}
optgroup{font-weight:bold}
table{border-spacing:0;border-collapse:collapse}
td,th{padding:0}
/*flex*/

.flex{display:flex;}
.flex-inline{display:inline-flex;}
.flex-reverse{flex-direction:row-reverse;}
.flex-column{flex-direction:column;}
.flex-column.flex-reverse{flex-direction:column-reverse;}
.flex-nowrap{flex-wrap:nowrap;}
.flex-wrap{flex-wrap:wrap;}
.flex-wrap-reverse{flex-wrap:wrap-reverse;}
.flex-start{justify-content:flex-start;}
.flex-center{justify-content:center;}
.flex-end{justify-content:flex-end;}
.flex-between{justify-content:space-between;}
.flex-around{justify-content:space-around;}
.flex-items-start{align-items:flex-start;}
.flex-items-center{align-items:center;}
.flex-items-end{align-items:flex-end;}
.flex-items-baseline{align-items:baseline;}
.flex-items-stretch{align-items:stretch;}
.flex-self-start{align-self:flex-start;}
.flex-self-center{align-self:center;}
.flex-self-end{align-self:flex-end;}
.flex-self-baseline{align-self:baseline;}
.flex-self-stretch{align-self:stretch;}
.flex-content-start{align-content:flex-start;}
.flex-content-center{align-content:center;}
.flex-content-end{align-content:flex-end;}
.flex-content-between{align-content:space-between;}
.flex-content-around{align-content:space-around;}
.flex-middle{justify-content:center;align-items:center;align-self:center;align-content:center;}
.flex-fill{flex:1 1 auto;min-width:0;}
.flex-grow{flex-grow:1;}
.flex-shrink{flex-shrink:1;}
.layout{width:100%}
.container,.container-layout{margin:0 auto;padding:0 10px}
@media(min-width:576px){.container{width:540px}
}@media(min-width:768px){.container{width:720px}
}@media(min-width:992px){.container{width:960px}
}@media(min-width:1200px){.container{width:1140px}
}@media(min-width:1400px){.container{width:1320px}
}
.line{--line-gap-x:0px;--line-gap-y:0px;margin-left:calc(var(--line-gap-x)/-2);margin-right:calc(var(--line-gap-x)/-2);margin-top:calc(var(--line-gap-y)*-1)}
.line>*{padding-left:calc(var(--line-gap-x)/2);padding-right:calc(var(--line-gap-x)/2);margin-top:var(--line-gap-y)}
.line-gap-0{--line-gap-x:0px;--line-gap-y:0px}
.line-gap-x-0{--line-gap-x:0px}
.line-gap-y-0{--line-gap-y:0px}
.line-gap-1{--line-gap-x:.25rem;--line-gap-y:.25rem}
.line-gap-x-1{--line-gap-x:.25rem}
.line-gap-y-1{--line-gap-y:.25rem}
.line-gap-2{--line-gap-x:.5rem;--line-gap-y:.5rem}
.line-gap-x-2{--line-gap-x:.5rem}
.line-gap-y-2{--line-gap-y:.5rem}
.line-gap-3{--line-gap-x:.75rem;--line-gap-y:.75rem}
.line-gap-x-3{--line-gap-x:.75rem}
.line-gap-y-3{--line-gap-y:.75rem}
.line-gap-4{--line-gap-x:1rem;--line-gap-y:1rem}
.line-gap-x-4{--line-gap-x:1rem}
.line-gap-y-4{--line-gap-y:1rem}
.line-gap-5{--line-gap-x:1.5rem;--line-gap-y:1.5rem}
.line-gap-x-5{--line-gap-x:1.5rem}
.line-gap-y-5{--line-gap-y:1.5rem}
.line-gap-6{--line-gap-x:2rem;--line-gap-y:2rem}
.line-gap-x-6{--line-gap-x:2rem}
.line-gap-y-6{--line-gap-y:2rem}
.line-small{--line-gap-x:4px}.line-middle{--line-gap-x:10px}.line-big{--line-gap-x:20px}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xt1,.xt2,.xt3,.xt4,.xt5,.xt6,.xt7,.xt8,.xt9,.xt10,.xt11,.xt12{position:relative;min-height:1px}
.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12{float:left}
.x1{width:8.33333333%}
.x2{width:16.66666667%}
.x3{width:25%}
.x4{width:33.33333333%}
.x5{width:41.66666667%}
.x6{width:50%}
.x7{width:58.33333333%}
.x8{width:66.66666667%}
.x9{width:75%}
.x10{width:83.33333333%}
.x11{width:91.66666667%}
.x12{width:100%}
.x0-left{left:0}
.x1-left{left:8.33333333%}
.x2-left{left:16.66666667%}
.x3-left{left:25%}
.x4-left{left:33.33333333%}
.x5-left{left:41.66666667%}
.x6-left{left:50%}
.x7-left{left:58.33333333%}
.x8-left{left:66.66666667%}
.x9-left{left:75%}
.x10-left{left:83.33333333%}
.x11-left{left:91.66666667%}
.x12-left{left:100%}
.x0-right{right:0}
.x1-right{right:8.33333333%}
.x2-right{right:16.66666667%}
.x3-right{right:25%}
.x4-right{right:33.33333333%}
.x5-right{right:41.66666667%}
.x6-right{right:50%}
.x7-right{right:58.33333333%}
.x8-right{right:66.66666667%}
.x9-right{right:75%}
.x10-right{right:83.33333333%}
.x11-right{right:91.66666667%}
.x12-right{right:100%}
.x0-move{margin-left:0}
.x1-move{margin-left:8.33333333%}
.x2-move{margin-left:16.66666667%}
.x3-move{margin-left:25%}
.x4-move{margin-left:33.33333333%}
.x5-move{margin-left:41.66666667%}
.x6-move{margin-left:50%}
.x7-move{margin-left:58.33333333%}
.x8-move{margin-left:66.66666667%}
.x9-move{margin-left:75%}
.x10-move{margin-left:83.33333333%}
.x11-move{margin-left:91.66666667%}
.x12-move{margin-left:100%}
@media(min-width:576px){.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12{float:left}
.xl1{width:8.33333333%}
.xl2{width:16.66666667%}
.xl3{width:25%}
.xl4{width:33.33333333%}
.xl5{width:41.66666667%}
.xl6{width:50%}
.xl7{width:58.33333333%}
.xl8{width:66.66666667%}
.xl9{width:75%}
.xl10{width:83.33333333%}
.xl11{width:91.66666667%}
.xl12{width:100%}
.xl0-left{left:0}
.xl1-left{left:8.33333333%}
.xl2-left{left:16.66666667%}
.xl3-left{left:25%}
.xl4-left{left:33.33333333%}
.xl5-left{left:41.66666667%}
.xl6-left{left:50%}
.xl7-left{left:58.33333333%}
.xl8-left{left:66.66666667%}
.xl9-left{left:75%}
.xl10-left{left:83.33333333%}
.xl11-left{left:91.66666667%}
.xl12-left{left:100%}
.xl0-right{right:0}
.xl1-right{right:8.33333333%}
.xl2-right{right:16.66666667%}
.xl3-right{right:25%}
.xl4-right{right:33.33333333%}
.xl5-right{right:41.66666667%}
.xl6-right{right:50%}
.xl7-right{right:58.33333333%}
.xl8-right{right:66.66666667%}
.xl9-right{right:75%}
.xl10-right{right:83.33333333%}
.xl11-right{right:91.66666667%}
.xl12-right{right:100%}
.xl0-move{margin-left:0}
.xl1-move{margin-left:8.33333333%}
.xl2-move{margin-left:16.66666667%}
.xl3-move{margin-left:25%}
.xl4-move{margin-left:33.33333333%}
.xl5-move{margin-left:41.66666667%}
.xl6-move{margin-left:50%}
.xl7-move{margin-left:58.33333333%}
.xl8-move{margin-left:66.66666667%}
.xl9-move{margin-left:75%}
.xl10-move{margin-left:83.33333333%}
.xl11-move{margin-left:91.66666667%}
.xl12-move{margin-left:100%}
}@media(min-width:768px){.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12{float:left}
.xs1{width:8.33333333%}
.xs2{width:16.66666667%}
.xs3{width:25%}
.xs4{width:33.33333333%}
.xs5{width:41.66666667%}
.xs6{width:50%}
.xs7{width:58.33333333%}
.xs8{width:66.66666667%}
.xs9{width:75%}
.xs10{width:83.33333333%}
.xs11{width:91.66666667%}
.xs12{width:100%}
.xs0-left{left:0}
.xs1-left{left:8.33333333%}
.xs2-left{left:16.66666667%}
.xs3-left{left:25%}
.xs4-left{left:33.33333333%}
.xs5-left{left:41.66666667%}
.xs6-left{left:50%}
.xs7-left{left:58.33333333%}
.xs8-left{left:66.66666667%}
.xs9-left{left:75%}
.xs10-left{left:83.33333333%}
.xs11-left{left:91.66666667%}
.xs12-left{left:100%}
.xs0-right{right:0}
.xs1-right{right:8.33333333%}
.xs2-right{right:16.66666667%}
.xs3-right{right:25%}
.xs4-right{right:33.33333333%}
.xs5-right{right:41.66666667%}
.xs6-right{right:50%}
.xs7-right{right:58.33333333%}
.xs8-right{right:66.66666667%}
.xs9-right{right:75%}
.xs10-right{right:83.33333333%}
.xs11-right{right:91.66666667%}
.xs12-right{right:100%}
.xs0-move{margin-left:0}
.xs1-move{margin-left:8.33333333%}
.xs2-move{margin-left:16.66666667%}
.xs3-move{margin-left:25%}
.xs4-move{margin-left:33.33333333%}
.xs5-move{margin-left:41.66666667%}
.xs6-move{margin-left:50%}
.xs7-move{margin-left:58.33333333%}
.xs8-move{margin-left:66.66666667%}
.xs9-move{margin-left:75%}
.xs10-move{margin-left:83.33333333%}
.xs11-move{margin-left:91.66666667%}
.xs12-move{margin-left:100%}
}@media(min-width:992px){.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12{float:left}
.xm1{width:8.33333333%}
.xm2{width:16.66666667%}
.xm3{width:25%}
.xm4{width:33.33333333%}
.xm5{width:41.66666667%}
.xm6{width:50%}
.xm7{width:58.33333333%}
.xm8{width:66.66666667%}
.xm9{width:75%}
.xm10{width:83.33333333%}
.xm11{width:91.66666667%}
.xm12{width:100%}
.xm0-left{left:0}
.xm1-left{left:8.33333333%}
.xm2-left{left:16.66666667%}
.xm3-left{left:25%}
.xm4-left{left:33.33333333%}
.xm5-left{left:41.66666667%}
.xm6-left{left:50%}
.xm7-left{left:58.33333333%}
.xm8-left{left:66.66666667%}
.xm9-left{left:75%}
.xm10-left{left:83.33333333%}
.xm11-left{left:91.66666667%}
.xm12-left{left:100%}
.xm0-right{right:0}
.xm1-right{right:8.33333333%}
.xm2-right{right:16.66666667%}
.xm3-right{right:25%}
.xm4-right{right:33.33333333%}
.xm5-right{right:41.66666667%}
.xm6-right{right:50%}
.xm7-right{right:58.33333333%}
.xm8-right{right:66.66666667%}
.xm9-right{right:75%}
.xm10-right{right:83.33333333%}
.xm11-right{right:91.66666667%}
.xm12-right{right:100%}
.xm0-move{margin-left:0}
.xm1-move{margin-left:8.33333333%}
.xm2-move{margin-left:16.66666667%}
.xm3-move{margin-left:25%}
.xm4-move{margin-left:33.33333333%}
.xm5-move{margin-left:41.66666667%}
.xm6-move{margin-left:50%}
.xm7-move{margin-left:58.33333333%}
.xm8-move{margin-left:66.66666667%}
.xm9-move{margin-left:75%}
.xm10-move{margin-left:83.33333333%}
.xm11-move{margin-left:91.66666667%}
.xm12-move{margin-left:100%}
}@media(min-width:1200px){.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12{float:left}
.xb1{width:8.33333333%}
.xb2{width:16.66666667%}
.xb3{width:25%}
.xb4{width:33.33333333%}
.xb5{width:41.66666667%}
.xb6{width:50%}
.xb7{width:58.33333333%}
.xb8{width:66.66666667%}
.xb9{width:75%}
.xb10{width:83.33333333%}
.xb11{width:91.66666667%}
.xb12{width:100%}
.xb0-left{left:0}
.xb1-left{left:8.33333333%}
.xb2-left{left:16.66666667%}
.xb3-left{left:25%}
.xb4-left{left:33.33333333%}
.xb5-left{left:41.66666667%}
.xb6-left{left:50%}
.xb7-left{left:58.33333333%}
.xb8-left{left:66.66666667%}
.xb9-left{left:75%}
.xb10-left{left:83.33333333%}
.xb11-left{left:91.66666667%}
.xb12-left{left:100%}
.xb0-right{right:0}
.xb1-right{right:8.33333333%}
.xb2-right{right:16.66666667%}
.xb3-right{right:25%}
.xb4-right{right:33.33333333%}
.xb5-right{right:41.66666667%}
.xb6-right{right:50%}
.xb7-right{right:58.33333333%}
.xb8-right{right:66.66666667%}
.xb9-right{right:75%}
.xb10-right{right:83.33333333%}
.xb11-right{right:91.66666667%}
.xb12-right{right:100%}
.xb0-move{margin-left:0}
.xb1-move{margin-left:8.33333333%}
.xb2-move{margin-left:16.66666667%}
.xb3-move{margin-left:25%}
.xb4-move{margin-left:33.33333333%}
.xb5-move{margin-left:41.66666667%}
.xb6-move{margin-left:50%}
.xb7-move{margin-left:58.33333333%}
.xb8-move{margin-left:66.66666667%}
.xb9-move{margin-left:75%}
.xb10-move{margin-left:83.33333333%}
.xb11-move{margin-left:91.66666667%}
.xb12-move{margin-left:100%}
}@media(min-width:1400px){.xt1,.xt2,.xt3,.xt4,.xt5,.xt6,.xt7,.xt8,.xt9,.xt10,.xt11,.xt12{float:left}
.xt1{width:8.33333333%}
.xt2{width:16.66666667%}
.xt3{width:25%}
.xt4{width:33.33333333%}
.xt5{width:41.66666667%}
.xt6{width:50%}
.xt7{width:58.33333333%}
.xt8{width:66.66666667%}
.xt9{width:75%}
.xt10{width:83.33333333%}
.xt11{width:91.66666667%}
.xt12{width:100%}
.xt0-left{left:0}
.xt1-left{left:8.33333333%}
.xt2-left{left:16.66666667%}
.xt3-left{left:25%}
.xt4-left{left:33.33333333%}
.xt5-left{left:41.66666667%}
.xt6-left{left:50%}
.xt7-left{left:58.33333333%}
.xt8-left{left:66.66666667%}
.xt9-left{left:75%}
.xt10-left{left:83.33333333%}
.xt11-left{left:91.66666667%}
.xt12-left{left:100%}
.xt0-right{right:0}
.xt1-right{right:8.33333333%}
.xt2-right{right:16.66666667%}
.xt3-right{right:25%}
.xt4-right{right:33.33333333%}
.xt5-right{right:41.66666667%}
.xt6-right{right:50%}
.xt7-right{right:58.33333333%}
.xt8-right{right:66.66666667%}
.xt9-right{right:75%}
.xt10-right{right:83.33333333%}
.xt11-right{right:91.66666667%}
.xt12-right{right:100%}
.xt0-move{margin-left:0}
.xt1-move{margin-left:8.33333333%}
.xt2-move{margin-left:16.66666667%}
.xt3-move{margin-left:25%}
.xt4-move{margin-left:33.33333333%}
.xt5-move{margin-left:41.66666667%}
.xt6-move{margin-left:50%}
.xt7-move{margin-left:58.33333333%}
.xt8-move{margin-left:66.66666667%}
.xt9-move{margin-left:75%}
.xt10-move{margin-left:83.33333333%}
.xt11-move{margin-left:91.66666667%}
.xt12-move{margin-left:100%}
}
@media(max-width:767px){.show-l{display:block!important;visibility:visible!important}
.hidden-l{display:none!important}
}@media(min-width:768px) and (max-width:991px){.show-s{display:block!important;visibility:visible!important}
.hidden-s{display:none!important}
}@media(min-width:992px) and (max-width:1199px){.show-m{display:block!important;visibility:visible!important}
.hidden-m{display:none!important}
}@media(min-width:1200px) and (max-width:1399px){.show-b{display:block!important;visibility:visible!important}
.hidden-b{display:none!important}
}@media(min-width:1400px){.show-t{display:block!important;visibility:visible!important}
.hidden-t{display:none!important}
}@font-face{font-family:"uifont";src:url('ui.ttf') format('truetype');font-weight:normal;font-style:normal}
[class*='icon-']:before{display:inline-block;font-family:"uifont"!important;font-weight:normal;font-style:normal;vertical-align:baseline;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-share:before{content:"\e66c"}
.icon-choicon:before{content:"\e674"}
.icon-folder-open:before{content:"\e608"}
.icon-folder:before{content:"\e609"}
.icon-minus:before{content:"\e60a"}
.icon-plus:before{content:"\e60b"}
.icon-drag:before{content:"\e60d"}
.icon-drag-lr:before{content:"\e60e"}
.icon-drag-tb:before{content:"\e60f"}
.icon-check-line:before{content:"\e610"}
.icon-close-line:before{content:"\e611"}
.icon-switch-on:before{content:"\e612"}
.icon-switch-off:before{content:"\e613"}
.icon-radio-on:before{content:"\e614"}
.icon-radio-off:before{content:"\e615"}
.icon-checkbox-on:before{content:"\e616"}
.icon-checkbox-off:before{content:"\e617"}
.icon-collect-on:before{content:"\e618"}
.icon-collect-off:before{content:"\e619"}
.icon-arrow-round-b:before{content:"\e61a"}
.icon-arrow-round-r:before{content:"\e61b"}
.icon-arrow-round-t:before{content:"\e61c"}
.icon-arrow-round-l:before{content:"\e61d"}
.icon-arrow-triangle-b:before{content:"\e61e"}
.icon-arrow-triangle-t:before{content:"\e61f"}
.icon-arrow-triangle-r:before{content:"\e620"}
.icon-arrow-triangle-l:before{content:"\e621"}
.icon-close-round:before{content:"\e623"}
.icon-check-round:before{content:"\e624"}
.icon-envelope-on:before{content:"\e625"}
.icon-envelope-off:before{content:"\e626"}
.icon-edge:before{content:"\e627"}
.icon-chrome:before{content:"\e628"}
.icon-opera:before{content:"\e629"}
.icon-firefox:before{content:"\e62a"}
.icon-ie:before{content:"\e62b"}
.icon-safari:before{content:"\e62c"}
.icon-theworld:before{content:"\e62d"}
.icon-qq:before{content:"\e62e"}
.icon-weixin:before{content:"\e62f"}
.icon-tengxunweibo:before{content:"\e630"}
.icon-qzone:before{content:"\e631"}
.icon-xinlangweibo:before{content:"\e632"}
.icon-renren:before{content:"\e633"}
.icon-cel:before{content:"\e634"}
.icon-computer:before{content:"\e635"}
.icon-add:before{content:"\e636"}
.icon-tel:before{content:"\e637"}
.icon-navi:before{content:"\e638"}
.icon-move:before{content:"\e639"}
.icon-navicon:before{content:"\e63a"}
.icon-erweima:before{content:"\e63b"}
.icon-renovate:before{content:"\e63e"}
.icon-arrow-line-l:before{content:"\e63f"}
.icon-arrow-line-r:before{content:"\e640"}
.icon-arrow-line-t:before{content:"\e641"}
.icon-arrow-line-b:before{content:"\e642"}
.icon-angle-left:before{content:"\e61d"}
.icon-angle-right:before{content:"\e61b"}
.icon-user:before{content:"\e643"}
.icon-mass:before{content:"\e644"}
.icon-masses:before{content:"\e645"}
.icon-user-round:before{content:"\e646"}
.icon-calendar:before{content:"\e648"}
.icon-page:before{content:"\e64a"}
.icon-writing:before{content:"\e64b"}
.icon-plug-ins:before{content:"\e64c"}
.icon-message:before{content:"\e64d"}
.icon-product:before{content:"\e64f"}
.icon-page-list:before{content:"\e650"}
.icon-set-up:before{content:"\e651"}
.icon-upload:before{content:"\e652"}
.icon-exit:before{content:"\e653"}
.icon-view:before{content:"\e654"}
.icon-bar-chart:before{content:"\e655"}
.icon-grid:before{content:"\e656"}
.icon-area-chart:before{content:"\e659"}
.icon-line-chart:before{content:"\e65b"}
.icon-pie-chart:before{content:"\e65c"}
.icon-dendrogram:before{content:"\e65d"}
.icon-map:before{content:"\e65f"}
.icon-meter-diagram:before{content:"\e660"}
.icon-chart-d:before{content:"\e661"}
.icon-meeting:before{content:"\e662"}
.icon-slide-button:before{content:"\e663"}
.icon-funnel-plot:before{content:"\e664"}
.icon-inventory:before{content:"\e665"}
.icon-download:before{content:"\e666"}
.icon-onclick:before{content:"\e667"}
.icon-lifecycle:before{content:"\e668"}
.icon-user-add:before{content:"\e669"}
.icon-user-chart:before{content:"\e66a"}
.icon-adsorption:before{content:"\e66b"}
.icon-placeholder:before{content:"\e66e"}
.icon-doughnut-chart:before{content:"\e66f"}
.icon-chart-c:before{content:"\e670"}
.icon-form:before{content:"\e671"}
.icon-layout:before{content:"\e672"}
.icon-chart-b:before{content:"\e673"}
.icon-chart-a:before{content:"\e675"}
.icon-express:before{content:"\e676"}
.icon-chat:before{content:"\e677"}
.icon-servicon:before{content:"\e67a"}
.icon-speak:before{content:"\e67b"}
.icon-money:before{content:"\e67c"}
.icon-certified:before{content:"\e67d"}
.icon-coupon:before{content:"\e67e"}
.icon-bail:before{content:"\e67f"}
.icon-group-buying:before{content:"\e680"}
.icon-gift:before{content:"\e681"}
.icon-rmb:before{content:"\e682"}
.icon-customer-servicon:before{content:"\e683"}
.icon-customer-servicon1:before{content:"\e684"}
.icon-custom-servicon:before{content:"\e685"}
.icon-discount:before{content:"\e686"}
.icon-search:before{content:"\e688"}
.icon-tag:before{content:"\e689"}
.icon-magic:before{content:"\e68a"}
.icon-shopping-cart:before{content:"\e68b"}
.icon-home:before{content:"\e68c"}
.icon-category:before{content:"\e68e"}
.icon-save:before{content:"\e68f"}
.icon-heart-on:before{content:"\e690"}
.icon-heart-off:before{content:"\e691"}
.icon-round:before{content:"\e692"}
.icon-triangle:before{content:"\e693"}
.icon-square:before{content:"\e694"}
.icon-fillet:before{content:"\e695"}
.icon-diamond:before{content:"\e696"}
.icon-polygon:before{content:"\e697"}
.icon-tailor:before{content:"\e698"}
.icon-reduce:before{content:"\e699"}
.icon-expand:before{content:"\e69a"}
.icon-align-right:before{content:"\e69b"}
.icon-align-center:before{content:"\e69c"}
.icon-align-left:before{content:"\e69d"}
.icon-align-both:before{content:"\e69e"}
.icon-div-horizontal:before{content:"\e69f"}
.icon-div-vertical:before{content:"\e6a0"}
.icon-div-bottom:before{content:"\e6a1"}
.icon-div-right:before{content:"\e6a2"}
.icon-div-top:before{content:"\e6a3"}
.icon-div-left:before{content:"\e6a4"}
.icon-canvas-horizontal:before{content:"\e6a5"}
.icon-canvas-vertical:before{content:"\e6a6"}
.icon-canvas-bottom:before{content:"\e6a7"}
.icon-canvas-right:before{content:"\e6a8"}
.icon-canvas-top:before{content:"\e6a9"}
.icon-canvas-left:before{content:"\e6aa"}
.icon-corner_rb:before{content:"\e6ab"}
.icon-corner-lb:before{content:"\e6ac"}
.icon-corner-rt:before{content:"\e6ad"}
.icon-corner-lt:before{content:"\e6ae"}
.icon-choose:before{content:"\e6af"}
.icon-editor:before{content:"\e6b0"}
.icon-text:before{content:"\e6b1"}
.icon-table:before{content:"\e6b2"}
.icon-files:before{content:"\e6b3"}
.icon-quote:before{content:"\e6b4"}
.icon-link:before{content:"\e6b5"}
.icon-link-cancel:before{content:"\e6b7"}
.icon-preview:before{content:"\e6b8"}
.icon-fullscreen:before{content:"\e6b9"}
.icon-h6:before{content:"\e6ba"}
.icon-h5:before{content:"\e6bb"}
.icon-h4:before{content:"\e6bc"}
.icon-h3:before{content:"\e6bd"}
.icon-h2:before{content:"\e6be"}
.icon-h1:before{content:"\e6bf"}
.icon-about:before{content:"\e6c0"}
.icon-help:before{content:"\e6c1"}
.icon-time:before{content:"\e6c2"}
.icon-face:before{content:"\e6c3"}
.icon-font-del:before{content:"\e6c4"}
.icon-underline:before{content:"\e6c5"}
.icon-italic:before{content:"\e6c6"}
.icon-bold:before{content:"\e6c7"}
.icon-font:before{content:"\e6c8"}
.icon-font-color:before{content:"\e6cb"}
.icon-font-bgcolor:before{content:"\e6cc"}
.icon-div-color:before{content:"\e6cd"}
.icon-theme-color:before{content:"\e6ce"}
.icon-subscript:before{content:"\e6cf"}
.icon-superscript:before{content:"\e6d0"}
.icon-music:before{content:"\e6d1"}
.icon-video:before{content:"\e6d2"}
.icon-clear-format:before{content:"\e6d3"}
.icon-anchor:before{content:"\e6d4"}
.icon-revoke-right:before{content:"\e6d6"}
.icon-revoke-left:before{content:"\e6d7"}
.icon-order:before{content:"\e6d8"}
.icon-order-out:before{content:"\e6d9"}
.icon-symbol:before{content:"\e6da"}
.icon-picture:before{content:"\e6db"}
.icon-empty:before{content:"\e6dc"}
.icon-code:before{content:"\e6dd"}
.icon-pentagram:before{content:"\e6de"}
.icon-node:before{content:"\e6df"}
.icon-hr:before{content:"\e6e0"}
.icon-round-music-play:before{content:"\e6e1"}
.icon-round-music-pause:before{content:"\e6e2"}
.icon-password:before{content:"\e6e3"}
.icon-dendrogram-children:before{content:"\e6e4"}
.icon-delete:before{content:"\e6e5"}
.icon-progress:before{content:"\e6e7"}
.icon-latticon:before{content:"\e6e8"}
.icon-carousel:before{content:"\e6ea"}
.icon-tab:before{content:"\e6ec"}
.icon-button:before{content:"\e6ed"}
.close{display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;line-height:1;width:28px;height:28px;border-radius:var(--ui-radius-md);transition:background var(--ui-transition-fast),color var(--ui-transition-fast);color:var(--ui-text-muted)}
.close:hover{background:var(--ui-bg-secondary);color:var(--ui-text)}
.leftward{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-right:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
.rightward{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
.upward{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-bottom:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.downward,.arrow{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.tag{font-size:75%;border-radius:.25em;background:var(--ui-text-muted);padding:.1em .5em .2em;color:#fff}
.tag.bg-back,.tag.bg-mix,.tag.bg-white,.tag.bg-red-light,.tag.bg-yellow-light,.tag.bg-blue-light,.tag.bg-green-light{color:inherit}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:var(--ui-text-muted);border-radius:2em}
.badge:empty{display:none}
.badge.bg-back,.badge.bg-mix{color:inherit}
.badge.bg-white,.badge.bg-red-light,.badge.bg-yellow-light,.badge.bg-blue-light,.badge.bg-green-light{color:var(--ui-text)}
.badge-corner{position:relative}
.badge-corner .badge{position:absolute;right:-10px;top:-9px;font-weight:normal;cursor:pointer}
.progress{height:14px;overflow:hidden;background-color:var(--ui-bg-secondary);border-radius:7px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.progress-bar{color:#fff;float:left;background-color:var(--ui-success);display:inline-block;font-size:12px;line-height:14px;text-align:center}
.progress-bar:after{content:"\3000"}
.progress .progress-bar:last-child{border-radius:0 7px 7px 0}
.progress-big{height:26px;border-radius:13px}
.progress-big .progress-bar{font-size:14px;line-height:26px}
.progress-big .progress-bar:last-child{border-radius:0 13px 13px 0}
.progress-small{height:6px;border-radius:3px}
.progress-small .progress-bar{font-size:6px;line-height:6px}
.progress-small .progress-bar:last-child{border-radius:0 3px 3px 0}
.progress-bar.bg-back,.progress-bar.bg-mix,.progress-bar.bg-white{color:inherit}
@-webkit-keyframes progress-bar-active{from{background-position:30px 0}
to{background-position:0 0}
}@keyframes progress-bar-active{from{background-position:30px 0}
to{background-position:0 0}
}.progress-striped .progress-bar{background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.25) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.25) 75%,transparent 75%,transparent);background-size:30px 30px}
.progress.active .progress-bar{-webkit-animation:progress-bar-active 2s linear infinite normal;animation:progress-bar-active 2s linear infinite normal}
.range{position:relative;height:10px;background-color:var(--ui-bg-secondary);border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.range-scroll{position:absolute;width:16px;height:16px;margin-top:-3px;border-radius:8px;cursor:pointer;-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.175);box-shadow:1px 1px 1px rgba(0,0,0,.175)}
.range-bar{position:absolute;height:10px;float:left;display:inline-block;border-radius:5px}
.range-bar span{position:relative}
.range-scroll-left{float:left;margin-left:-8px}
.range-scroll-right{float:right;margin-right:-8px}
.range-group{display:table}
.range-group .range-area,.range-group input{display:table-cell}
.range-group .range-area{width:100%}
.range-group input{width:1%}
.card{position:relative;display:flex;flex-direction:column;flex:1 0 0%;border-radius:0.25rem;border:solid 1px var(--ui-border);}
.card-head,.card-foot{padding:0.5rem 1rem;background:var(--ui-bg-secondary);}
.card-head{border-bottom:solid 1px var(--ui-border);}
.card-foot{border-top:solid 1px var(--ui-border);}
.card-media{max-width:100%;height:auto;display:block;}
.card-body{padding:1rem;flex:1 1 auto;}
.card-tab{display:none;}
.card-tab.active{display:block;}
.card-head-nav.nav.nav-tabs,.card-head-nav.nav.nav-line{margin-bottom:calc(-0.5rem - 1px);}
.card-head-nav.nav.nav-tabs,.card-head-nav.nav.nav-line>li{border-bottom-color:transparent;}
.card-head,.card-body:first-child,.card-media:first-child,.card>.list-group:first-child,.card>.list-group>li:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit;}
.card-foot,.card-body:last-child,.card-media:last-child,.card>.list-group:last-child,.card>.list-group>li:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}
.card-overflow{margin:-1px;width:calc(100% + 2px)!important;max-width:none!important;}
.card>.table{border:none;border-collapse:collapse;}
.card>.list-group>li{padding:0.5rem 1rem;}
.card>.card-body+.table, .card>.card-body+.list-group,.card>.table+.card-body, .card>.list-group+.card-body, .card>.list-group+.table, .card>.table+.list-group{border-top:solid 1px var(--ui-border);}
.drop{position:relative}
.drop-menu{position:absolute;display:none;top:100%;left:0;z-index:var(--ui-z-dropdown);float:left;min-width:160px;padding:5px 0;margin:1px 0 0;list-style:none;background-color:var(--ui-bg);background-clip:padding-box;border:1px solid var(--ui-border);border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.drop-menu.pull-right{right:0;left:auto}
.drop-menu a{color:var(--ui-text);padding:5px 20px;display:block;clear:both;white-space:nowrap;transition:var(--ui-tr-colors)}
.drop-menu a:hover,.drop-menu a:focus{background:var(--ui-bg-secondary);transition:var(--ui-tr-colors)}
.drop-menu .disabled a{color:var(--ui-text-muted);pointer-events:none}
.drop-menu .disabled a:hover,.drop-menu .disabled a:focus{cursor:not-allowed}
.drop-menu .divider{background-color:var(--ui-text-muted);height:1px;overflow:hidden;margin:8px 0}
.drop-menu .drop-meun-head{display:block;padding:5px 20px;font-size:12px;color:var(--ui-text-muted)}
.open .drop-menu{display:block}
.button{border:solid 1px var(--ui-border);background:transparent;border-radius:4px;font-size:14px;padding:6px 15px;margin:0;display:inline-block;line-height:20px;transition:var(--ui-tr-colors)}
.button[disabled]{pointer-events:none;cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none;filter:alpha(opacity=50);opacity:.5}
.button:active{background-image:none;outline:0;transition:var(--ui-tr-colors)}
.button:hover{transition:var(--ui-tr-colors)}
.button-block{display:block;width:100%}
.button-large{padding:15px 20px;font-size:24px;line-height:24px}
.button-big{padding:10px 15px;font-size:18px;line-height:22px}
.button-small{padding:5px 10px;font-size:12px;font-weight:normal;line-height:18px}
.button-little{padding:3px 5px;font-size:12px;font-weight:normal;line-height:16px}
.button.bg-main,.button.bg-sub,.button.bg-dot,.button.bg-black,.button.bg-gray,.button.bg-red,.button.bg-yellow,.button.bg-blue,.button.bg-green{color:#fff}
.button-group,.button-group-y{display:inline-block;position:relative;vertical-align:middle}
.button-group .button,.button-group .button-group{float:left;position:relative;font-weight:normal}
.button-group:not(:first-child):not(:last-child):not(.dropdown-toggle):not(.dropdown-hover).button,.button-group .button-group .button{border-radius:0}
.button-group .button,.button-group .button-group .button{margin-left:-1px}
.button-group:first-child:not(:last-child).button:not(.dropdown-toggle):not(.dropdown-hover){border-top-right-radius:0;border-bottom-right-radius:0}
.button-group:last-child:not(:first-child).button:not(.dropdown-toggle):not(.dropdown-hover){border-bottom-left-radius:0;border-top-left-radius:0}
.button-group .button-group:first-child .button:last-child,.button-group .button-group:first-child .dropdown-toggle{border-top-left-radius:5px;border-bottom-left-radius:5px}
.button-group .button-group:last-child .button:first-child{border-top-right-radius:5px;border-bottom-right-radius:5px}
.button-group:not(:first-child).dropdown-toggle{border-bottom-left-radius:0;border-top-left-radius:0;padding:6px}
.button-toolbar{display:inline-block}
.button-toolbar .button-group{display:inline-block}
.button-group-y .button,.button-group-y .button-group{float:none;clear:both;display:block;width:100%;font-weight:normal}
.button-group-y:not(:first-child):not(:last-child):not(.dropdown-toggle).button,.button-group-y .button-group .button{border-radius:0}
.button-group-y .button,.button-group-y .button-group-y .button,.button-group-y .button-group .button{margin-left:0;margin-top:-1px}
.button-group-y:first-child:not(:last-child).button:not(.dropdown-toggle){border-bottom-left-radius:0;border-bottom-right-radius:0}
.button-group-y:last-child:not(:first-child).button:not(.dropdown-toggle){border-top-right-radius:0;border-top-left-radius:0}
.button-group-y .button-group:first-child .button:last-child,.button-group-y .button-group:first-child .dropdown-toggle{border-top-left-radius:5px;border-top-right-radius:5px}
.button-group-y .button-group:last-child .button:first-child{border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.button-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate;text-align:center}
.button-group-justified>.button,.button-group-justified>.button-group{display:table-cell;float:none;width:1%}
.button-group-justified>.button-group .button{width:100%;margin:0}
.button-group-justified .drop-menu{text-align:left}
.button-group-large .button{padding:15px 20px;font-size:24px;line-height:24px;font-weight:bold}
.button-group-big .button{padding:10px 15px;font-size:18px;line-height:22px}
.button-group-small .button{padding:5px 10px;font-size:12px;font-weight:normal;line-height:18px}
.button-group-little .button{padding:3px 5px;font-size:12px;font-weight:normal;line-height:16px}
.button-group label input{position:absolute;filter:alpha(opacity=0);opacity:0;z-index:-1}
.border-red .button.active,.border-yellow .button.active,.border-blue .button.active,.border-green .button.active,.border-main .button.active,.border-sub .button.active,.border-dot .button.active,.border-black .button.active,.border-gray .button.active{color:#fff}
.dropup .drop-menu{top:auto;bottom:100%;margin-bottom:1px}
.selected-inline li{position:relative;display:inline-block;width:auto;border:solid 1px var(--ui-border);border-radius:4px;margin-right:5px;padding:3px 9px;cursor:pointer}
.selected-inline .selected{border:solid 2px var(--ui-warning);padding:2px 8px}
.txt{display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;background-color:var(--ui-bg-secondary)}
.txt-border{display:inline-block;width:48px;height:48px;line-height:48px;border:solid 1px var(--ui-border);padding:3px;vertical-align:bottom}
.txt-border .txt{display:block;width:100%;height:100%;line-height:40px}
.txt.bg-main,.txt.bg-sub,.txt.bg-dot,.txt.bg-black,.txt.bg-gray,.txt.bg-red,.txt.bg-yellow,.txt.bg-blue,.txt.bg-green{color:#fff}
.txt .bg-main,.txt .bg-sub,.txt .bg-dot,.txt .bg-black,.txt .bg-gray,.txt .bg-red,.txt .bg-yellow,.txt .bg-blue,.txt .bg-green{color:#fff}
.txt span{font-size:12px}
.txt-border.txt-large{padding:5px}
.txt-large{width:128px;height:128px;line-height:128px;font-size:36px}
.txt-large .txt{width:116px;height:116px;line-height:116px}
.txt-large strong{font-size:80px;font-weight:normal}
.txt-border.txt-big{padding:4px}
.txt-big{width:64px;height:64px;line-height:64px;font-size:20px}
.txt-big .txt{width:54px;height:54px;line-height:54px}
.txt-big strong{font-size:36px;font-weight:normal}
.txt-border.txt-small{padding:2px}
.txt-small{width:32px;height:32px;line-height:32px}
.txt-small .txt{width:26px;height:26px;line-height:26px}
.txt-border.txt-little{padding:1px}
.txt-little{width:16px;height:16px;line-height:16px;font-size:12px}
.txt-little .txt{width:12px;height:12px;line-height:12px;font-size:12px}
.media,.media-body{overflow:hidden;zoom:1}
.media,.media .media{margin-top:15px}
.media:first-child{margin-top:0}
.media-body{margin-top:3px}
.media strong{display:block}
.media p{margin:5px 0 0 0;text-align:justify;line-height:18px}
.media.media-y{text-align:center}
.media.media-x .media-body{margin:0}
.media.media-x .float-left{margin-right:10px}
.media.media-x .float-right{margin-left:10px}
.media.media-x strong{margin-bottom:5px}
.media-inline .media{display:inline-block;margin-right:15px;margin-top:0}
.media-inline .media:last-child{margin-right:0}
/*media*/
.figure{display:inline-block;position:relative;vertical-align:top;}
.figure>img{max-width:100%;height:auto;line-height:1;border-top-left-radius:inherit;border-top-right-radius:inherit;}
.figure>figcaption{padding:0.5rem 0;}
.figure>figcaption[class^='bg']{padding:0.5rem 1rem;}
.figure>figcaption,.figure.figure-above>img{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;}
.figure.figure-above>figcaption{position:absolute;left:0;right:0;bottom:0;padding:0.5rem 1rem;color:#fff;background-color:rgba(0,0,0,.5);}
.figure.figure-above.figure-above-top>figcaption{top:0;bottom:auto;border-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit;}
.figure.figure-above.figure-above-full>figcaption{top:0;border-radius:inherit;}
.media-p{display:flex;justify-content:flex-start;}
.media-p-body{line-height:1;flex:1;}
.media-p-body>strong{font-weight:450;line-height:1.2;display:block;margin-bottom:0.375rem;}
.media-p-body>p{margin-top:0;font-size:87.5%;line-height:1.5;}
.media-p-body>p:last-child{margin-bottom:0;}
.media-p-body>.media-p{margin-top:1rem;}
.media-p.flex-column>.media-p-body>strong,.media-p.flex-column>.media-p-body>p:first-child{margin-top:0.75rem;}
.media-p-group>.media-p:not(:first-child){margin-top:1.5rem;}

.input{font-size:14px;padding:6px;border:solid 1px var(--ui-border);width:100%;height:34px;line-height:20px;display:block;border-radius:4px;-webkit-appearance:none;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;transition:var(--ui-tr-colors)}
.label{padding-bottom:7px;display:block;line-height:20px}
.label label{font-weight:bold}
.input-file{display:inline-block;position:relative;overflow:hidden;text-align:center;width:auto;color:var(--ui-text)}
.input-file input[type="file"]{position:absolute;top:0;right:0;font-size:14px;background-color:var(--ui-bg);transform:translate(-300px,0px) scale(4);height:40px;opacity:0;filter:alpha(opacity=0)}
.input-auto{width:auto;display:inline-block}
input[disabled],textarea[disabled],select[disabled]{cursor:not-allowed;background:var(--ui-bg-secondary);color:var(--ui-text-muted)}
input[readonly],textarea[readonly],select[readonly]{cursor:default}
textarea.input{height:auto}
.input-note,.label .float-right{color:var(--ui-text-muted);font-size:12px;padding-top:2px;line-height:18px}
.field{position:relative}
.form-group{padding-bottom:10px}
.field-icon .input{text-indent:25px}
.field-icon .icon{position:absolute;left:0;top:0;right:auto;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal}
.field-icon-right .icon{position:absolute;right:0;top:0;width:34px;height:34px;text-align:center;line-height:34px;font-size:16px;font-weight:normal}
.form-x .form-group:after,.form-inline:after{clear:both;content:" ";display:block;height:0;overflow:hidden;visibility:hidden}
@media(min-width:768px){.form-x .form-group .label{float:left;width:15%;text-align:right;padding:7px 7px 7px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.form-x .form-group .field{float:left;width:85%}
.form-x .form-button{margin-left:15%}
}@media(min-width:768px){.form-inline{display:inline-block}
.form-inline .input{width:auto;display:inline-block}
.form-inline .form-group{display:inline-table;padding-bottom:0;vertical-align:middle}
.form-inline .form-group .input-group{display:inline-table;width:auto;vertical-align:middle}
.form-inline .form-group .input-group .input{width:auto}
.form-inline .form-group .label{display:inline-block}
.form-inline .form-group .field{display:inline-block}
.form-inline .form-button{display:inline-block;vertical-align:middle}
.form-inline .form-button .button{width:auto}
.form-auto .input{width:auto;display:inline-block}
.form-auto .input-group{display:inline-table;width:auto;display:inline-block}
.form-auto .input-group .input{width:auto;display:inline-block}
.input-inline{padding-left:1px}
.input-inline input{position:relative;float:left;border-radius:0;margin-left:-1px;width:auto}
.form-small .input-inline input,.form-big .input-inline input{border-radius:0}
.input-inline input:first-child{left:1px;border-radius:4px 0 0 4px}
.input-inline input:last-child{border-radius:0 4px 4px 0}
}.input-block{padding-top:8px}
.input-block:first-child{padding-top:1px}
.input-block input{position:relative;margin-top:-1px;border-radius:0}
.form-small .input-block input,.form-big .input-block input{border-radius:0}
.input-block input:first-child{border-radius:4px 4px 0 0}
.input-block input:last-child{border-radius:0 0 4px 4px}
.label-block label{display:block;line-height:24px}
.input-group{display:flex;width:100%;position:relative}
.input-group .addon,.input-group .addbtn{display:flex;align-items:center;justify-content:center}
.input-group .addon,.input-group .addbtn{flex-shrink:0;white-space:nowrap}
.input-group .addbtn .button{font-weight:normal}
.input-group .input{flex:1;min-width:0;width:1%}
.input-group .addon{background-color:var(--ui-bg-secondary);border:1px solid var(--ui-border);border-radius:4px;line-height:1;padding:6px 12px;text-align:center}
.input-group .addon:first-child,.input-group .addbtn:first-child .button{border-right:0 none}
.input-group .addon:first-child,.input-group .addbtn:first-child .button,.input-group .input:first-child{border-top-right-radius:0;border-bottom-right-radius:0}
.input-group .addon:last-child,.input-group .addbtn:last-child .button{border-left:0 none}
.input-group .addon:last-child,.input-group .addbtn:last-child .button,.input-group .input:last-child{border-top-left-radius:0;border-bottom-left-radius:0}
.input-group .addon:not(:first-child):not(:last-child),.input-group .addbtn:not(:first-child):not(:last-child) .button,.input-group .input:not(:first-child):not(:last-child){border-radius:0}
.form-tips .form-group .field{position:relative;zoom:1}
.form-tips .input-help{position:absolute;z-index:var(--ui-z-dropdown);float:left;left:0;top:100%}
.form-tips .input-help ul{border:solid 1px var(--ui-border);background:var(--ui-bg);padding:10px 10px 10px 25px;box-shadow:0 0 5px var(--ui-border);border-radius:4px;width:160px;min-width:160px;width:auto}
.input-big,.form-big .input,.form-big .button{padding:10px;font-size:16px;line-height:24px;height:46px}
.input-small,.form-small .input,.form-small .button{padding:5px;font-size:12px;line-height:18px;height:28px}
.form-small .addon,.form-small .addbtn{padding:5px 8px;font-size:12px}
.list-group,.list-link{border:solid 1px var(--ui-border);border-radius:4px;list-style:none;padding:0}
.list-group li,.list-link a{padding:10px 15px;display:block;border-bottom:solid 1px var(--ui-border);transition:var(--ui-tr-colors)}
.list-group li:last-child,.list-link a:last-child{border-bottom:0 none}
.list-striped li:nth-child(odd){background-color:var(--ui-bg-secondary)}
.list-link a{color:var(--ui-text)}
.list-link a:hover{background-color:var(--ui-bg-secondary);transition:var(--ui-tr-colors)}
.list-link a.active:link,.list-link a.active:visited{background-color:var(--ui-bg-secondary)}
.panel{border:solid 1px var(--ui-border);border-radius:4px}
.panel-head{background-color:var(--ui-bg-secondary);padding:10px 15px;border-radius:4px 4px 0 0;border-bottom:solid 1px var(--ui-border)}
.panel-foot{background-color:var(--ui-bg-secondary);padding:10px 15px;border-radius:0 0 4px 4px;border-top:solid 1px var(--ui-border)}
.panel-body{padding:15px}
.panel .bg-main,.panel .bg-sub,.panel .bg-dot,.panel .bg-red,.panel .bg-yellow,.panel .bg-green{color:#fff}
.panel .panel-body+.table,.panel .panel-body+.list-group{border-top:solid 1px var(--ui-border)}
.panel .list-group{border:0;border-radius:0}
.panel-group{border-top:solid 1px var(--ui-border);border-bottom:solid 1px var(--ui-border);border-left:none;border-right:0;list-style:none;padding:15px}
.tab .tab-head strong{float:left;padding:8px 20px 0 0;line-height:20px}
.tab .tab-more{float:right;margin:10px 0 0 10px;font-size:12px}
.tab .tab-nav{list-style:none}
.tab .tab-nav li{display:inline-block}
.tab .tab-nav li a{color:var(--ui-text);padding:8px 20px;display:block;line-height:20px;}
.tab .tab-nav .active{background-color:var(--ui-bg);border-bottom:solid 2px var(--ui-primary);}
.tab .tab-nav .active a{cursor:default}
.tab .tab-body{margin-top:-1px;padding-top:15px}
.tab .tab-body-bordered{border-radius:4px;padding:15px}
.tab .tab-body .tab-panel{display:none}
.tab .tab-body .active{display:block}
.tab.tab-small strong{padding-top:3px}
.tab.tab-small .tab-more{margin:5px 0 0 10px}
.tab.tab-small li a{padding:3px 10px}
.dialog-mask{position:fixed;left:0;top:0;right:0;bottom:0;background:var(--ui-mask);z-index:var(--ui-z-dialog);display:block;overflow-x:hidden;overflow-y:auto}
.dialog{border:1px solid var(--ui-border);box-shadow:0 3px 9px rgba(0,0,0,0.5);border-radius:4px;background-color:var(--ui-bg);display:none}
.dialog .dialog-head,.dialog .dialog-foot{padding:10px 20px}
.dialog .dialog-head{border-bottom:solid 1px var(--ui-border);background-color:var(--ui-bg-secondary);border-radius:4px 4px 0 0}
.dialog .dialog-head strong{font-size:16px}
.dialog .dialog-head .close{float:right}
.dialog .dialog-body{padding:15px 20px}
.dialog .dialog-foot{text-align:right;border-top:solid 1px var(--ui-border)}
.dialog.open{display:block}
.tip{display:inline-block;background-color:var(--ui-bg-secondary);border:1px solid var(--ui-border);border-radius:3px;box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.tip p{margin:0}
.tip .tip-line{margin:0;padding:2px 5px;font-size:12px;line-height:16px}
.tip .tip-title{padding:2px 8px}
.tip .tip-body{padding:8px;background:var(--ui-bg);color:var(--ui-text-secondary);border-radius:0 0 3px 3px;font-size:12px;line-height:20px}
.tip .image{border-radius:3px}
.tip-bottom.border-red .arrow{border-bottom-color:var(--ui-danger-hover)}
.tip.bg-main,.tip.bg-sub,.tip.bg-dot,.tip.bg-red,.tip.bg-yellow,.tip.bg-green{color:#fff}
.alert{border-radius:5px;padding:15px;border:solid 1px var(--ui-border);background-color:var(--ui-bg-secondary)}
.alert .close{float:right}
.radio .icon,.checkbox .icon{display:none}
.radio .active .icon,.checkbox .active .icon{display:inline-block}
.collapse .panel,.collapse-toggle .panel{margin-bottom:5px}
.collapse .panel:last-child,.collapse-toggle .panel:last-child{margin-bottom:0}
.collapse .panel .panel-head,.collapse-toggle .panel .panel-head{border-bottom-width:0}
.collapse .panel .panel-body,.collapse-toggle .panel .panel-body{display:none}
.collapse .panel.active .panel-head,.collapse-toggle .panel.active .panel-head{border-bottom-width:1px}
.collapse .panel.active .panel-body,.collapse-toggle .panel.active .panel-body{display:block}
.banner{position:relative;width:100%;overflow:hidden}
.carousel{position:relative;list-style:none;padding:0}
.carousel .item{display:none;float:left;position:relative}
.carousel .active{display:block}
.carousel img{display:block;max-width:100%;height:auto}
.banner .pointer{position:absolute;bottom:0;padding:15px}
.banner .pager-prev,.banner .pager-next{position:absolute;display:none;top:50%;margin-top:-25px}
.banner .pager-prev{left:20px}
.banner .pager-next{right:20px}
.banner:hover .pager-prev,.banner:hover .pager-next{display:block}
.icon-navicon{display:none}
@media(max-width:767px){.icon-navicon{display:block}
.nav-navicon,.nav.nav-navicon,.navbar-body.nav-navicon{display:none}
}.nav{list-style:none;padding:5px 0 0 0;margin:0}
.nav li{position:relative}
.nav a{color:var(--ui-text);line-height:20px;padding:5px 0;transition:var(--ui-tr-colors);display:block}
.nav a:hover{transition:var(--ui-tr-colors)}
.nav .arrow{display:none}
.nav .active a{font-weight:bold}
.nav-head{font-size:14px;font-weight:bold;height:30px;line-height:30px}
@media(min-width:768px){.nav{padding:0}
.nav-inline .nav-head{padding-right:20px}
.nav-inline li{display:inline-block;vertical-align:top}
.nav-inline li a{padding:5px 20px;line-height:20px;display:block}
.nav-inline .nav-more{float:right}
.nav-split .nav-head{height:20px;line-height:20px}
.nav-split li{border-right:solid 1px rgba(0,0,0,.20)}
.nav-split li a{padding:0 20px}
.nav-split .nav-head,.nav-split ul li,.nav-split li:last-child{border-right-width:0}
.nav-right{text-align:right}
.nav-right .nav-head{float:left}
.nav.nav-justified{display:table;width:100%}
.nav-justified .nav-head{padding:0 20px;float:none}
.nav-justified .nav-more{float:none}
.nav-justified li{display:table-cell}
.nav-justified .nav-head,.nav-justified li a{text-align:center;display:block}
.nav-justified.nav-split .nav-head{padding:0 20px;border-right-width:1px}
.nav-big .nav-head{font-size:18px;height:30px;line-height:30px;padding:0 20px}
.nav-big a{font-size:18px;line-height:30px}
.nav-big.nav-split a{line-height:30px}
}.nav-main .nav-head{border:solid 1px var(--ui-border);background:var(--ui-border);padding:0 20px;line-height:28px}
.nav-main li{margin-top:-1px}
.nav-main a{border:solid 1px var(--ui-border);padding:4px 20px}
.nav-main a:hover{background:var(--ui-bg-secondary);transition:var(--ui-tr-colors)}
.nav-main .active{background-color:var(--ui-bg-secondary)}
.nav-main li:first-child,.nav-main li:first-child a{border-radius:4px 4px 0 0}
.nav-main li:last-child a{border-radius:0 0 4px 4px}
.nav-main ul li:first-child a,.nav-main ul li:last-child a{border-radius:0}
@media(min-width:768px){.nav-main.nav-inline{padding:0 0 0 1px}
.nav-main.nav-inline a{padding:4px 20px}
.nav-main.nav-inline li{float:left;margin:0 0 0 -1px}
.nav-main.nav-inline li:first-child,.nav-main.nav-inline li:first-child a{border-radius:4px 0 0 4px}
.nav-main.nav-inline li:last-child a{border-radius:0 4px 4px 0}
.nav-main.nav-inline ul li{float:none;margin:0}
.nav-main.nav-justified .nav-head{float:none}
.nav-main.nav-justified{width:100%;display:table}
.nav-main.nav-justified li{width:auto;float:none;margin-left:-1px}
.nav-main.nav-justified>li+li>a{border-left:0 none}
.nav-main.nav-big .nav-head{height:40px;line-height:38px}
.nav-main.nav-big.nav-inline a{line-height:30px}
}.nav-main.border-main .nav-head,.nav-main.border-sub .nav-head,.nav-main.border-dot .nav-head,.nav-main.border-black .nav-head,.nav-main.border-gray .nav-head,.nav-main.border-red .nav-head,.nav-main.border-yellow .nav-head,.nav-main.border-blue .nav-head,.nav-main.border-green .nav-head{color:#fff}
.nav-sub .nav-head{border-bottom:solid 2px var(--ui-border);margin-bottom:2px;padding:0 20px;height:30px;line-height:28px}
.nav-sub a{border-bottom:solid 2px var(--ui-border);display:block;margin-bottom:2px;border-radius:4px 4px 0 0;padding:4px 20px}
.nav-sub a:hover{background:var(--ui-bg-secondary)}
.nav-sub .active a{border-color:var(--ui-text)}
@media(min-width:768px){.nav-sub.nav-inline li{float:left;margin:0}
.nav-sub.nav-inline a{padding:4px 20px;margin:0}
.nav-sub.nav-justified{width:100%;display:table}
.nav-sub.nav-justified li{width:auto;float:none}
.nav-sub.nav-big .nav-head{line-height:38px;height:40px}
.nav-sub.nav-big a{line-height:30px}
}.nav-tabs .nav-head{line-height:30px;padding:0 20px}
.nav-tabs a{display:block;border-radius:4px;padding:5px 20px;margin-bottom:2px}
.nav-tabs .active a{border:solid 1px var(--ui-border);padding-top:4px;padding-bottom:4px}
.nav-tabs a:hover{background:var(--ui-bg-secondary)}
@media(min-width:768px){.nav-tabs.nav-inline{border-bottom:solid 1px var(--ui-border);position:relative}
.nav-tabs.nav-inline .nav-head{height:29px;line-height:29px}
.nav-tabs.nav-inline a{border-radius:4px 4px 0 0;text-align:center;margin:0;position:relative;padding-bottom:4px}
.nav-tabs.nav-inline .active a{border-bottom:0;background:var(--ui-bg);margin-bottom:-1px;padding:4px 20px 5px 20px}
.nav-tabs.nav-big .nav-head{line-height:39px;height:39px}
.nav-tabs.nav-big a{padding:10px 20px 9px 20px}
.nav-tabs.nav-big .active a{padding:9px 20px 10px 20px}
}.nav-pills .nav-head{line-height:30px;padding:0 20px}
.nav-pills a{display:block;border-radius:2em;margin-bottom:2px;padding:5px 20px}
.nav-pills .active a,.nav-pills a:hover{background:var(--ui-bg-secondary)}
.nav-pills .active ul a{background:var(--ui-bg)}
@media(min-width:768px){.nav-pills.nav-inline a{margin:0}
.nav-pills.nav-justified{width:100%;display:table}
.nav-pills.nav-justified li{width:auto}
.nav-pills.nav-big .nav-head{line-height:40px;height:40px}
.nav-pills.nav-big.nav-inline a{line-height:30px}
}.nav-pills.border-main .active a,.nav-pills.border-sub .active a,.nav-pills.border-dot .active a,.nav-pills.border-black .active a,.nav-pills.border-gray .active a,.nav-pills.border-red .active a,.nav-pills.border-yellow .active a,.nav-pills.border-blue .active a,.nav-pills.border-green .active a{color:#fff}
.nav.nav-sitemap{list-style:none;display:table;width:100%;margin-bottom:15px}
.nav-sitemap ul{padding-left:0}
.nav-sitemap li{font-weight:bold;display:table-cell;text-align:left}
.nav-sitemap ul li{display:block;float:none;font-weight:normal;line-height:25px}
.bg-inverse .nav{padding:5px 0}
.bg-inverse .nav li a:hover,.bg-inverse .nav .active a{background-color:rgba(0,0,0,.20);color:#fff}
.bg-inverse .nav-inline .nav-head,.bg-inverse .nav-inline li a{text-indent:1em}
@media(min-width:768px){.bg-inverse .nav{padding:0}
.bg-inverse .nav-inline .nav-head{height:40px;line-height:40px;padding:0 20px;text-indent:0}
.bg-inverse .nav-inline li{float:left;margin-right:1px}
.bg-inverse .nav-inline li a{line-height:30px;padding:5px 20px;text-indent:0}
.bg-inverse .nav-split .nav-head{border-right-width:1px}
.bg-inverse .nav-split li{margin:0}
.bg-inverse .nav-justified li{float:none}
.bg-inverse .nav-inline.nav-big li a{line-height:40px}
.bg-inverse .nav-inline.nav-big .nav-head{height:50px;line-height:50px;padding:0 20px}
}.bg-inverse .nav-tabs{padding:5px}
.bg-inverse .nav-tabs .nav-head,.bg-inverse .nav-tabs li a{text-indent:0}
.bg-inverse .nav-tabs.nav-inline,.bg-inverse .nav-tabs li a{border:0}
.bg-inverse .nav.nav-tabs .active a,.bg-inverse .nav.nav-tabs a:hover{color:var(--ui-text);background-color:var(--ui-bg);padding-top:5px;padding-bottom:5px}
@media(min-width:768px){.bg-inverse .nav-tabs{padding:0}
.bg-inverse .nav-tabs li a{margin:5px 0;padding:5px 20px;line-height:20px;border-radius:4px}
.bg-inverse .nav.nav-tabs .active a{margin:5px 0 0 0;border:0;line-height:25px;border-radius:4px 4px 0 0}
.bg-inverse .nav.nav-tabs.nav-big a{margin:5px 0;padding:0 20px}
.bg-inverse .nav.nav-tabs.nav-big .active a{margin:5px 0 0 0;padding:0 20px;line-height:45px}
}.bg-inverse .nav-pills{padding:5px}
.bg-inverse .nav-pills .nav-head,.bg-inverse .nav-pills li a{text-indent:0}
@media(min-width:768px){.bg-inverse .nav-pills{padding:0}
.bg-inverse .nav-pills li a{line-height:20px;margin:5px 0}
.bg-inverse .nav-pills.nav-big li a{line-height:30px;margin:5px 0;padding:5px 20px}
}.bg-inverse .nav-sitemap li a{text-indent:.5em}
.bg-inverse .nav.nav-pills .active a,.bg-inverse .nav.nav-pills.nav-inline a:hover{color:var(--ui-text);background-color:var(--ui-bg)}
.navbar{position:relative;display:flex;align-items:center;flex-wrap:wrap;padding:0 15px;min-height:50px}
.navbar p{margin:0}
.navbar-head{display:flex;align-items:center;line-height:30px;padding:5px 15px 5px 0}
.navbar-head .logo{display:flex;align-items:center;padding:3px 0}
.navbar-brand{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--ui-text);white-space:nowrap}
.navbar-brand img{height:30px;display:block}
.navbar-body{display:flex;align-items:center;flex-wrap:wrap;flex:1;min-width:0}
.navbar-body .nav{display:flex;align-items:center;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.navbar-body .nav a{padding:0 15px;line-height:48px;white-space:nowrap}
.navbar-body .nav .active a{color:var(--ui-primary);font-weight:600}
.navbar-left{display:flex;align-items:center;gap:10px;flex-shrink:0}
.navbar-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
.navbar-center{margin:0 auto}
.navbar-form{display:flex;align-items:center;gap:8px;min-width:0;flex-shrink:1}
.navbar-form .input{width:180px;min-width:0;flex:1}
.navbar-text{color:var(--ui-text-secondary);padding:0 10px;line-height:30px}
.navbar-divider{width:1px;height:24px;background:var(--ui-border);margin:0 10px;flex-shrink:0}
.navbar-user{display:flex;align-items:center;gap:8px;padding:0 10px;height:50px;cursor:pointer;border-radius:var(--ui-radius-sm);transition:var(--ui-tr-colors)}
.navbar-user:hover{background:var(--ui-bg-secondary)}
.navbar-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:9px;width:38px;height:38px;margin-left:auto;border:1px solid var(--ui-border);border-radius:var(--ui-radius-sm);background:transparent;color:var(--ui-text);cursor:pointer;transition:var(--ui-tr-colors)}
.navbar-toggle:hover{border-color:var(--ui-primary);color:var(--ui-primary)}
.navbar-toggle .bar{display:block;width:18px;height:2px;background:currentColor;border-radius:1px;transition:transform var(--ui-transition-base),opacity var(--ui-transition-fast)}
.navbar-toggle .bar+.bar{margin-top:4px}
.navbar-toggle.open .bar:nth-child(1){transform:translateY(6px) rotate(45deg)}
.navbar-toggle.open .bar:nth-child(2){opacity:0}
.navbar-toggle.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.navbar-sticky{position:sticky;top:0;z-index:var(--ui-z-sticky)}
.navbar-bordered{border-bottom:1px solid var(--ui-border)}
.navbar-shadow{box-shadow:var(--ui-shadow-sm)}
.navbar-big{min-height:64px}
.navbar-big .navbar-body .nav a{line-height:62px;font-size:16px}
.navbar-big .navbar-brand{font-size:20px}
.navbar-big .navbar-user{height:64px}
.bg-inverse .navbar-brand,.bg-inverse .navbar-text{color:#fff}
.bg-inverse .navbar-body .nav a{color:#fff}
.bg-inverse .navbar-body .nav .active a,.bg-inverse .navbar-body .nav a:hover{color:var(--ui-primary-light)}
.bg-inverse .navbar-toggle{border-color:rgba(255,255,255,.35);color:#fff;background:transparent}
.bg-inverse .navbar-divider{background:rgba(255,255,255,.25)}
@media(max-width:767px){
.navbar{padding:0 10px}
.navbar-toggle{display:inline-flex}
.navbar-body{display:none;width:100%;order:9;flex-direction:column;align-items:stretch;flex:none;margin:0 -10px;padding:5px 10px 10px;background-color:inherit;border-top:1px solid var(--ui-border)}
.navbar-body.open{display:flex;animation:navbarDrop .25s ease}
@keyframes navbarDrop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.navbar-body .nav{flex-direction:column;width:100%;align-items:stretch}
.navbar-body .nav a{line-height:22px;padding:12px 8px;border-bottom:1px solid var(--ui-border)}
.navbar-body .nav .active a{border-bottom-color:var(--ui-primary)}
.navbar-form{flex-direction:column;align-items:stretch;padding:8px 0;gap:8px}
.navbar-form .input{width:100%}
.navbar-user{height:auto;padding:12px 8px}
}.nav ul{display:block;list-style:none;padding:0}
.nav ul a{font-weight:normal;padding:5px 20px}
.nav ul ul a{padding-left:40px}
.nav ul ul ul a{padding-left:60px}
.nav ul ul ul ul a{padding-left:80px}
.nav .active ul a{font-weight:normal}
.nav-menu .drop-menu{display:none;margin-top:-1px}
.nav-menu ul{padding:5px 0}
.nav-menu .arrow{display:inline-block}
.nav-menu ul .arrow{display:none}
.nav-menu li:hover ul{display:block}
.nav-menu.nav-big ul a{line-height:20px}
.nav-menu ul ul,.nav-menu.nav-main ul ul,.nav-menu.nav-sub ul ul,.nav-menu.nav-tabs ul ul,.nav-menu.nav-pills ul ul{padding:0}
.nav-menu ul a,.nav-menu.nav-tabs ul a,.nav-menu.nav-pills .active ul a,.nav-menu.nav-big.nav-inline ul a,.bg-inverse .nav-menu.nav-inline ul a,.bg-inverse .nav-menu.nav-inline .active ul a,.bg-inverse .nav-menu.nav-inline.nav-big ul a,.bg-inverse .nav-menu.nav-inline.nav-big .active ul a,.navbar-body .nav ul a{line-height:20px;background:var(--ui-bg);font-size:inherit;border:0;border-radius:0;padding-top:5px;padding-bottom:5px;margin:0;text-indent:0}
.nav-menu ul a,.nav-menu.nav-pills .active ul a,.bg-inverse .nav-menu ul a,.bg-inverse .nav-menu .active ul a{color:var(--ui-text)}
.navbar-body .nav ul li{border:0}
@media(min-width:768px){.nav-menu ul{position:absolute;display:none;left:100%;top:-6px;z-index:var(--ui-z-dropdown);float:left;min-width:160px;background-color:var(--ui-bg);background-clip:padding-box;border:1px solid var(--ui-border);border:1px solid rgba(0,0,0,.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);box-shadow:0 6px 12px rgba(0,0,0,.175)}
.nav-menu .arrow{display:inline-block;float:right;margin-top:6px;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
.nav-menu ul .arrow{margin:6px -10px 0 0;display:inline-block}
.nav-menu ul a,.nav-menu ul ul a,.nav-menu ul ul ul a,.nav-menu ul ul ul ul a{padding-left:20px}
.nav-menu ul ul{padding:5px 0}
.nav-menu li:hover ul ul,.nav-menu li:hover ul ul ul,.nav-menu li:hover ul ul ul ul{display:none}
.nav-menu li:hover ul,.nav-menu li li:hover ul,.nav-menu li li li:hover ul,.nav-menu li li li li:hover ul{display:block}
.nav-inline.nav-menu ul{top:100%;left:0}
.nav-inline.nav-menu ul li{display:block}
.nav-inline.nav-menu ul ul{top:-6px;left:100%}
.nav-inline.nav-menu ul a{display:block;padding:5px 20px;text-align:left;font-size:inherit}
.nav-inline.nav-menu ul a:hover{background:var(--ui-bg-secondary)}
.nav-inline.nav-menu .arrow{float:none;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent;margin-top:0}
.nav-inline.nav-menu ul .arrow{float:right;margin-top:6px;border-left:4px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}
.nav-main .arrow,.nav-main.nav-inline ul .arrow,.nav-sub .arrow,.nav-sub.nav-inline ul .arrow,.nav-tabs .arrow,.nav-tabs.nav-inline ul .arrow,.nav-pills .arrow,.nav-pills.nav-inline ul .arrow{margin-right:-10px}
.nav-main.nav-inline .arrow,.nav-sub.nav-inline .arrow,.nav-tabs.nav-inline .arrow,.nav-pills.nav-inline .arrow{margin-right:0}
.nav-menu ul ul,.nav-menu.nav-main ul ul,.nav-menu.nav-sub ul ul,.nav-menu.nav-tabs ul ul,.nav-menu.nav-pills ul ul{padding:5px 0}
.nav-main.nav-inline ul li,.nav-sub.nav-inline ul li,.bg-inverse .nav-inline ul li{float:none}
}.bread{border-radius:4px;padding:8px 15px;font-size:12px;margin-bottom:15px;color:var(--ui-text-muted)}
.bread li{display:inline-block}
.bread li:after{content:"\e63a";padding:0 8px;color:var(--ui-text-muted)}
.bread li:last-child:after{content:""}
.step{position:relative;height:10px;list-style:none;padding:0;margin-left:0;margin-right:0;border-radius:5px;background-color:var(--ui-bg-secondary);margin-bottom:30px;border-radius:5px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}
.step-bar{position:relative;height:10px;float:left;display:inline-block;text-align:center;color:var(--ui-text-muted)}
.step-bar:first-child{border-radius:5px 0 0 5px}
.step-bar:last-child{border-radius:0 5px 5px 0}
.step-point{position:relative;display:inline-block;width:20px;height:20px;line-height:20px;top:-5px;border-radius:50%;color:#fff;background-color:var(--ui-text-muted);-webkit-box-shadow:1px 1px 1px rgba(0,0,0,.175);box-shadow:1px 1px 1px rgba(0,0,0,.175)}
.step-text{display:block}
.step .complete,.step .complete .step-point{background:var(--ui-success-light)}
.step .active,.step .active .step-point{background:var(--ui-success)}
.list-text{list-style:inside;padding:0}
.list-text li{line-height:24px}
.list-text .date{font-size:12px;float:right}
.list-text .divider{list-style-type:none;background-color:var(--ui-text-muted);height:1px;overflow:hidden;margin:15px 0}
.list-text.list-underline{list-style:outside;padding-left:15px}
.list-text.list-underline li{border-bottom:solid 1px var(--ui-border);line-height:36px}
.list-underline.list-striped li{padding:0 10px}
.list-text.list-striped{list-style:none;padding:0}
.list-box a{background-color:var(--ui-bg-secondary);display:block;padding:15px;height:150px;text-align:justify;font-size:16px;text-overflow:ellipsis;overflow:hidden}
.list-box .date{display:block;font-size:12px}
.list-media{list-style:none;padding:0}
.list-media li{margin-bottom:10px}
.list-media.list-underline li{padding-bottom:15px;border-bottom:solid 1px var(--ui-border);line-height:inherit}
.pagination{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li{display:inline-block;border:solid 1px var(--ui-border);border-radius:4px}
.pagination a{color:var(--ui-text);padding:8px 12px;line-height:18px;display:block;transition:var(--ui-tr-colors)}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover{cursor:not-allowed;pointer-events:none;color:var(--ui-text-muted)}
.pagination .active{pointer-events:none}
.pagination .active,.pagination a:hover{background:var(--ui-bg-secondary);border-radius:4px;transition:var(--ui-tr-colors)}
.pagination-group{border-right:solid 1px var(--ui-border);border-radius:4px}
.pagination-group li{float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child){border-radius:0}
.pagination-group li:first-child{border-radius:4px 0 0 4px}
.pagination-group li:last-child{border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover{background:var(--ui-bg-secondary);border-radius:0}
.pagination-big a{padding:10px 16px;font-size:16px}
.pagination-small a{padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a{color:#fff}
.pager{list-style:none;padding:0;text-align:center;clear:both}
.pager li{display:inline-block}
.pager li a{color:var(--ui-text);border:solid 1px var(--ui-border);border-radius:15px;padding:5px 15px;transition:var(--ui-tr-colors)}
.pager li a:hover{background-color:var(--ui-bg-secondary);transition:var(--ui-tr-colors)}
.pager .disabled a:link,.pager .disabled a:visited,.pager .disabled a:hover{cursor:not-allowed;pointer-events:none;color:var(--ui-text-muted)}
.pager-prev,.pager .pager-prev,.pager-next,.pager .pager-next{font-size:36px;padding:0;color:var(--ui-text-muted);border:solid 1px var(--ui-border);background-color:rgba(255,255,255,.2);width:50px;height:50px;line-height:45px;display:inline-block;border-radius:50%;text-align:center;cursor:pointer}
.pager-prev:hover,.pager-next:hover{background-color:rgba(0,0,0,.2)}
.pager-group li{float:left;display:inline-block}
.pager-group li:not(:first-child):not(:last-child){border-radius:0}
.pager-group li a:first-child{border-radius:4px 0 0 4px}
.pager-group li a:last-child{border-radius:0 4px 4px 0}
.pointer{padding:0}
.pointer li{border:solid 1px var(--ui-border);width:10px;height:10px;margin:1px;display:inline-block;border-radius:10px;cursor:pointer}
.pointer .active{border:0;background:var(--ui-border);width:12px;height:12px;margin:0}
.keypoint{padding:50px}
.keypoint h1{font-size:48px;margin-bottom:15px}
.keypoint p{font-size:18px}
.detail h1{text-align:center}
.detail p{text-indent:2em}
h1,.h1{font-size:24px}
h2,.h2{font-size:20px}
h3,.h3{font-size:18px}
h4,.h4{font-size:16px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small{font-size:60%;filter:alpha(opacity=60);opacity:.6}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small{font-size:12px;filter:alpha(opacity=60);opacity:.6}
p,.p{margin-bottom:15px;line-height:24px}
.text-indent,.text-indent p,.text-indent div{text-indent:2em}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.text-justify{text-align:justify}
.text-large{font-size:24px}
.text-big{font-size:16px}
.text-default{font-size:14px}
.text-small{font-size:12px}
.text-little{font-size:10px}
.height-large{line-height:40px}
.height-big{line-height:30px}
.height{line-height:24px}
.height-small{line-height:20px}
.height-little{line-height:16px}
.text-break{word-wrap:break-word;word-break:normal}
.text-breakall{word-break:break-all}
.text-unbreak{white-space:nowrap}
.text-more{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.text-weight{font-weight:bold;}
.border{border:solid 1px var(--ui-border)}
.border-none{border:0}
.border-top{border-top:solid 1px var(--ui-border)}
.border-right{border-right:solid 1px var(--ui-border)}
.border-bottom{border-bottom:solid 1px var(--ui-border)}
.border-left{border-left:solid 1px var(--ui-border)}
.border-left-right{border-left:solid 1px var(--ui-border);border-right:solid 1px var(--ui-border)}
.border-top-bottom{border-top:solid 1px var(--ui-border);border-bottom:solid 1px var(--ui-border)}
.border-large{border-width:10px}
.border-big{border-width:5px}
.border-middle{border-width:3px}
.border-small{border-width:2px}
hr{background:var(--ui-border);color:var(--ui-text-muted);clear:both;float:none;width:100%;height:1px;margin:10px 0;border:0;-moz-box-sizing:content-box;box-sizing:content-box}
hr.space{background:var(--ui-bg);color:#fff;visibility:hidden}
.hr{margin:1em 0 1.5em 0;background-color:var(--ui-bg);line-height:1em;height:0.6em;border-bottom:1px solid var(--ui-border);}
.hr>span{display:inline-block;line-height:1;background-color:inherit;padding:0 1em;margin:0 1em;}
.img-border{border:solid 1px var(--ui-border);padding:4px}
.img-responsive{display:block;max-width:100%;height:auto}
ul{padding-left:20px}
ol{padding-left:24px}
.list-cn{list-style-type:cjk-ideographic}
.list-alpha{list-style-type:upper-alpha}
.list-unstyle{list-style:none;padding-left:0}
.list-unstyle ul{list-style:disc}
.list-inline li{display:inline-block;padding:0 10px;width:auto}
dt{font-weight:bold}
dd{padding:8px 0 15px 0}
@media(min-width:768px){.dl-inline dt{width:15%;display:inline-block;float:left;text-align:right;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.dl-inline dd{width:85%;display:inline-block;float:left;padding:0 0 15px 15px}
}.table{width:100%;max-width:100%;border-collapse:collapse;border-spacing:0}
.table th{border-bottom:2px solid var(--ui-border);vertical-align:bottom;padding:8px;text-align:left}
.table td{border-top:1px solid var(--ui-border);padding:8px;vertical-align:top}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:var(--ui-bg-secondary)}
.table-bordered th,.table-bordered td{border:solid 1px var(--ui-border)}
.table-bordered th{border-bottom:2px solid var(--ui-border)}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:var(--ui-bg-secondary)}
.table-condensed th,.table-condensed td{padding:5px}
@media(max-width:767px){.table-responsive{width:100%;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar}
.table-responsive .table tr th,.table-responsive .table tr td{white-space:nowrap}
}@media only screen and (max-width:767px){.table-responsive-y table,.table-responsive-y thead,.table-responsive-y tbody,.table-responsive-y th,.table-responsive-y td,.table-responsive-y tr{display:block}
.table-responsive-y thead tr{position:absolute;top:-9999px;left:-9999px}
.table-responsive-y tr{border:1px solid var(--ui-border)}
.table-responsive-y td{border:0;border-bottom:1px solid var(--ui-border);position:relative;padding-left:30%;white-space:normal;text-align:left}
.table-responsive-y td:before{position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold}
.table-responsive-y td:before{content:attr(data-title)}
}blockquote{border:solid 1px var(--ui-border);border-left-width:6px;padding:20px;border-radius:4px}
blockquote strong{display:block;font-size:16px;margin-bottom:10px}
blockquote p:last-child{margin:0}
.quote-floatright{border-left-width:1px;border-right-width:6px;text-align:right}
.float-left{float:left!important}
.float-right{float:right!important}
.clearfix:after,.layout:after,.container:after,.container-layout:after,.line:after,.line-small:after,.line-middle:after,.line-big:after,.nav-main:after,.nav-sub:after,.navbar:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix,.layout,.container,.container-layout,.line,.line-small,.line-middle,.line-big,.nav-main,.nav-sub{display:block}
.clear{clear:both}
.print-show{display:none!important}
@media print{.print-show{display:block!important;visibility:visible!important}
table.print-show{display:table}
tr.print-show{display:table-row!important}
th.print-show,td.print-show{display:table-cell!important}
.print-hidden{display:none!important}
}.show{display:block!important;visibility:visible!important}
.hidden{display:none!important;visibility:hidden!important}
.opacity{filter:alpha(opacity=0);-moz-opacity:.0;-khtml-opacity:.0;opacity:.0}
.opacity-small{filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}
.opacity-middle{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.opacity-big{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.opacity-none{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}
.padding-large{padding:30px}
.padding-large-top{padding-top:30px}
.padding-large-right{padding-right:30px}
.padding-large-bottom{padding-bottom:30px}
.padding-large-left{padding-left:30px}
.padding-big{padding:20px}
.padding-big-top{padding-top:20px}
.padding-big-right{padding-right:20px}
.padding-big-bottom{padding-bottom:20px}
.padding-big-left{padding-left:20px}
.padding{padding:10px}
.padding-top{padding-top:10px}
.padding-right{padding-right:10px}
.padding-bottom{padding-bottom:10px}
.padding-left{padding-left:10px}
.padding-small{padding:5px}
.padding-small-top{padding-top:5px}
.padding-small-right{padding-right:5px}
.padding-small-bottom{padding-bottom:5px}
.padding-small-left{padding-left:5px}
.padding-little{padding:2px}
.padding-little-top{padding-top:2px}
.padding-little-right{padding-right:2px}
.padding-little-bottom{padding-bottom:2px}
.padding-little-left{padding-left:2px}
.margin-large{margin:30px}
.margin-large-top{margin-top:30px}
.margin-large-right{margin-right:30px}
.margin-large-bottom{margin-bottom:30px}
.margin-large-left{margin-left:30px}
.margin-big{margin:20px}
.margin-big-top{margin-top:20px}
.margin-big-right{margin-right:20px}
.margin-big-bottom{margin-bottom:20px}
.margin-big-left{margin-left:20px}
.margin{margin:10px}
.margin-top{margin-top:10px}
.margin-right{margin-right:10px}
.margin-bottom{margin-bottom:10px}
.margin-left{margin-left:10px}
.margin-small{margin:5px}
.margin-small-top{margin-top:5px}
.margin-small-right{margin-right:5px}
.margin-small-bottom{margin-bottom:5px}
.margin-small-left{margin-left:5px}
.margin-little{margin:2px}
.margin-little-top{margin-top:2px}
.margin-little-right{margin-right:2px}
.margin-little-bottom{margin-bottom:2px}
.margin-little-left{margin-left:2px}
.radius-none{border-radius:0}
.radius-small{border-radius:2px}
.radius{border-radius:4px}
.radius-big{border-radius:10px}
.radius-top-big{border-radius:10px 10px 0 0}
.radius-bottom-big{border-radius:0 0 10px 10px}
.radius-rounded{border-radius:2em;padding-left:1em;padding-right:1em}
.radius-top-rounded{border-radius:2em 2em 0 0;padding-left:1em;padding-right:1em}
.radius-bottom-rounded{border-radius:0 0 2em 2em;padding-left:1em;padding-right:1em}
.radius-circle{border-radius:50%}
.fixed-top{position:fixed;top:0;right:0;bottom:auto;left:0;width:100%;}
.fixed-bottom{position:fixed;top:auto;right:0;bottom:0;left:0;width:100%;}
.fixed-left{position:fixed;top:0;left:0;right:auto;bottom:0;height:100%;}
.fixed-right{position:fixed;top:0;right:0;bottom:0;left:auto;height:100%;}
.fixed-left-top,.fixed-top-left{position:fixed;top:0;right:auto;bottom:auto;left:0;}
.fixed-right-top,.fixed-top-right{position:fixed;top:0;right:0;bottom:auto;left:auto;}
.fixed-left-bottom,.fixed-bottom-left{position:fixed;top:auto;right:auto;bottom:0;left:0;}
.fixed-right-bottom{position:fixed;top:auto;right:0;bottom:0;left:auto;}
.fixed-top,.fixed-bottom,.fixed-left,.fixed-right,.fixed-left-top,.fixed-top-left,.fixed-right-top,.fixed-top-right,.fixed-left-bottom,.fixed-bottom-left,.fixed-right-bottom{z-index:var(--ui-z-sticky)}
/*effect*/
.fadein,.fadein-top,.fadein-bottom,.fadein-left,.fadein-right{opacity:0;transition:opacity var(--ui-transition-base),transform var(--ui-transition-base);}
.fadein-top{transform:translateY(-1rem);}
.fadein-bottom{transform:translateY(1rem);}
.fadein-left{transform:translateX(-1rem);}
.fadein-right{transform:translateX(1rem);}
.effect.active .fadein,.effect-hover:hover .fadein,.effect-hover.fadein:hover,.effect.fadein{opacity:1;transform:translate(0,0);}
.fadeout,.fadeout-top,.fadeout-bottom,.fadeout-left,.fadeout-right{transition:opacity var(--ui-transition-base),transform var(--ui-transition-base);}
.effect.active .fadeout,.effect-hover:hover .fadeout,.effect-hover.fadeout:hover,.effect.fadeout{opacity:0;}
.effect.active .fadeout-top,.effect-hover:hover .fadeout-top,.effect-hover.fadeout-top:hover,.effect.fadeout-top{transform:translateY(-1rem);}
.effect.active .fadeout-bottom,.effect-hover:hover .fadeout-bottom,.effect-hover.fadeout-bottom:hover,.effect.fadeout-bottom{transform:translateY(1rem);}
.effect.active .fadeout-left,.effect-hover:hover .fadeout-left,.effect-hover.fadeout-left:hover,.effect.fadeout-left{transform:translateX(-1rem);}
.effect.active .fadeout-right,.effect-hover:hover .fadeout-right,.effect-hover.fadeout-right:hover,.effect.fadeout-right{transform:translateX(1rem);}
.offset-top,.offset-bottom,.offset-left,.offset-right{transition:transform var(--ui-transition-base);}
.effect.active .offset-top,.effect-hover:hover .offset-top,.effect-hover.offset-top:hover,.effect.offset-top{transform:translateY(-1rem);}
.effect.active .offset-bottom,.effect-hover:hover .offset-bottom,.effect-hover.offset-bottom:hover,.effect.offset-bottom{transform:translateY(1rem);}
.effect.active .offset-left,.effect-hover:hover .offset-left,.effect-hover.offset-left:hover,.effect.offset-left{transform:translateX(-1rem);}
.effect.active .offset-right,.effect-hover:hover .offset-right,.effect-hover.offset-right:hover,.effect.offset-right{transform:translateX(1rem);}
.open-width{opacity:0;width:0;height:100%;transition:width var(--ui-transition-base),opacity var(--ui-transition-base);}
.open-height{opacity:0;height:0;width:100%;transition:height var(--ui-transition-base),opacity var(--ui-transition-base);}
.close-width{height:100%;width:100%;transition:width var(--ui-transition-base),opacity var(--ui-transition-base);}
.close-height{height:100%;width:100%;transition:height var(--ui-transition-base),opacity var(--ui-transition-base);}
.effect.active .open-width,.effect-hover:hover .open-width,.effect-hover.open-width:hover,.effect.open-width{width:100%!important;opacity:1;}
.effect.active .open-height,.effect-hover:hover .open-height,.effect-hover.open-height:hover,.effect.open-height{height:100%!important;opacity:1;}
.effect.active .close-width,.effect-hover:hover .close-width,.effect-hover.close-width:hover,.effect.close-width{width:0!important;opacity:0;}
.effect.active .close-height,.effect-hover:hover .close-height,.effect-hover.close-height:hover,.effect.close-height{height:0!important;opacity:0;}
.scale,.shrink{transition:transform var(--ui-transition-base);}
.effect.active .scale,.effect-hover:hover .scale,.effect-hover.scale:hover,.effect.scale{transform:scale(1.05);}
.effect.active .shrink,.effect-hover:hover .shrink,.effect-hover.shrink:hover,.effect.shrink{transform:scale(0.95);}
.effect.active .rotate-once,.effect-hover:hover .rotate-once,.effect-hover.rotate-once:hover,.effect.rotate-once{animation: rotate-effect 1s linear;}
.effect.active .rotate,.effect-hover:hover .rotate,.effect-hover.rotate:hover,.effect.rotate{animation: rotate-effect 1s infinite linear;}
@keyframes rotate-effect{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}
.change{transition:transform var(--ui-transition-base),opacity var(--ui-transition-base);}
.change:last-child{opacity:0;}
.effect.active .change:first-child,.effect-hover:hover .change:first-child{transform:translateY(-100%);opacity:0;}
.effect.active .change:last-child,.effect-hover:hover .change:last-child{transform:translateY(-100%);opacity:1;}
.bounce,.bounce-hover,.flash,.flash-hover,.shake,.shake-hover,.swing,.swing-hover,.wobble,.wobble-hover,.ring,.ring-hover{-webkit-animation:1s ease;-moz-animation:1s ease;-ms-animation:1s ease;animation:1s ease}
.fadein,.fadein-top,.fadein-right,.fadein-bottom,.fadein-left,.bouncein,.rotatein{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards}
.fadeout,.fadeout-top,.fadeout-right,.fadeout-bottom,.fadeout-left,.bounceout,.rotateout{-webkit-animation:1s ease-in forwards;-moz-animation:1s ease-in forwards;-ms-animation:1s ease-in forwards;animation:1s ease-in forwards}
.rotate,.rotate-hover{-webkit-animation:2s infinite linear;-moz-animation:2s infinite linear;-ms-animation:2s infinite linear;animation:2s infinite linear;display:inline-block}
.fadein{-webkit-animation-name:a-fadein;-moz-animation-name:a-fadein;-ms-animation-name:a-fadein;animation-name:a-fadein}
@-webkit-keyframes a-fadein{0%{opacity:0}
100%{opacity:1}
}@-moz-keyframes a-fadein{0%{opacity:0}
100%{opacity:1}
}@-ms-keyframes a-fadein{0%{opacity:0}
100%{opacity:1}
}@keyframes a-fadein{0%{opacity:0}
100%{opacity:1}
}.fadein-top{-webkit-animation-name:fadeinT;-moz-animation-name:fadeinT;-ms-animation-name:fadeinT;animation-name:fadeinT}
@-webkit-keyframes fadeinT{0%{opacity:0;-webkit-transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}@-moz-keyframes fadeinT{0%{opacity:0;-moz-transform:translateY(-50px)}
100%{opacity:1;-moz-transform:translateY(0)}
}@-ms-keyframes fadeinT{0%{opacity:0;-ms-transform:translateY(-50px)}
100%{opacity:1;-ms-transform:translateY(0)}
}@keyframes fadeinT{0%{opacity:0;transform:translateY(-50px)}
100%{opacity:1;transform:translateY(0)}
}.fadein-right{-webkit-animation-name:fadeinR;-moz-animation-name:fadeinR;-ms-animation-name:fadeinR;animation-name:fadeinR}
@-webkit-keyframes fadeinR{0%{opacity:0;-webkit-transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}@-moz-keyframes fadeinR{0%{opacity:0;-moz-transform:translateX(50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}@-ms-keyframes fadeinR{0%{opacity:0;-ms-transform:translateX(50px)}
100%{opacity:1;-ms-transform:translateX(0)}
}@keyframes fadeinR{0%{opacity:0;transform:translateX(50px)}
100%{opacity:1;transform:translateX(0)}
}.fadein-bottom{-webkit-animation-name:fadeinB;-moz-animation-name:fadeinB;-ms-animation-name:fadeinB;animation-name:fadeinB}
@-webkit-keyframes fadeinB{0%{opacity:0;-webkit-transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0)}
}@-moz-keyframes fadeinB{0%{opacity:0;-moz-transform:translateY(50px)}
100%{opacity:1;-moz-transform:translateY(0)}
}@-ms-keyframes fadeinB{0%{opacity:0;-ms-transform:translateY(50px)}
100%{opacity:1;-ms-transform:translateY(0)}
}@keyframes fadeinB{0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}.fadein-left{-webkit-animation-name:fadeinL;-moz-animation-name:fadeinL;-ms-animation-name:fadeinL;animation-name:fadeinL}
@-webkit-keyframes fadeinL{0%{opacity:0;-webkit-transform:translateX(-50px)}
100%{opacity:1;-webkit-transform:translateX(0)}
}@-moz-keyframes fadeinL{0%{opacity:0;-moz-transform:translateX(-50px)}
100%{opacity:1;-moz-transform:translateX(0)}
}@-ms-keyframes fadeinL{0%{opacity:0;-ms-transform:translateX(-50px)}
100%{opacity:1;-ms-transform:translateX(0)}
}@keyframes fadeinL{0%{opacity:0;transform:translateX(-50px)}
100%{opacity:1;transform:translateX(0)}
}.fadeout{-webkit-animation-name:a-fadeout;-moz-animation-name:a-fadeout;-ms-animation-name:a-fadeout;animation-name:a-fadeout}
@-webkit-keyframes a-fadeout{0%{opacity:1}
100%{opacity:0}
}@-moz-keyframes a-fadeout{0%{opacity:1}
100%{opacity:0}
}@-ms-keyframes a-fadeout{0%{opacity:1}
100%{opacity:0}
}@keyframes a-fadeout{0%{opacity:1}
100%{opacity:0}
}.fadeout-top{-webkit-animation-name:fadeoutT;-moz-animation-name:fadeoutT;-ms-animation-name:fadeoutT;animation-name:fadeoutT}
@-webkit-keyframes fadeoutT{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-100px)}
}@-moz-keyframes fadeoutT{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(-100px)}
}@-ms-keyframes fadeoutT{0%{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-transform:translateY(-100px)}
}@keyframes fadeoutT{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(-100px)}
}.fadeout-right{-webkit-animation-name:fadeoutR;-moz-animation-name:fadeoutR;-ms-animation-name:fadeoutR;animation-name:fadeoutR}
@-webkit-keyframes fadeoutR{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(100px)}
}@-moz-keyframes fadeoutR{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(100px)}
}@-ms-keyframes fadeoutR{0%{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-transform:translateX(100px)}
}@keyframes fadeoutR{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(100px)}
}.fadeout-bottom{-webkit-animation-name:fadeoutB;-moz-animation-name:fadeoutB;-ms-animation-name:fadeoutB;animation-name:fadeoutB}
@-webkit-keyframes fadeoutB{0%{opacity:1;-webkit-transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(100px)}
}@-moz-keyframes fadeoutB{0%{opacity:1;-moz-transform:translateY(0)}
100%{opacity:0;-moz-transform:translateY(100px)}
}@-ms-keyframes fadeoutB{0%{opacity:1;-ms-transform:translateY(0)}
100%{opacity:0;-ms-transform:translateY(100px)}
}@keyframes fadeoutB{0%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(100px)}
}.fadeout-left{-webkit-animation-name:fadeoutL;-moz-animation-name:fadeoutL;-ms-animation-name:fadeoutL;animation-name:fadeoutL}
@-webkit-keyframes fadeoutL{0%{opacity:1;-webkit-transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-100px)}
}@-moz-keyframes fadeoutL{0%{opacity:1;-moz-transform:translateX(0)}
100%{opacity:0;-moz-transform:translateX(-100px)}
}@-ms-keyframes fadeoutL{0%{opacity:1;-ms-transform:translateX(0)}
100%{opacity:0;-ms-transform:translateX(-100px)}
}@keyframes fadeoutL{0%{opacity:1;transform:translateX(0)}
100%{opacity:0;transform:translateX(-100px)}
}.bounce,.bounce-hover:hover{-webkit-animation-name:a-bounce;-moz-animation-name:a-bounce;-ms-animation-name:a-bounce;animation-name:a-bounce}
@-webkit-keyframes a-bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0)}
40%{-webkit-transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px)}
}@-moz-keyframes a-bounce{0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
40%{-moz-transform:translateY(-30px)}
60%{-moz-transform:translateY(-15px)}
}@-ms-keyframes a-bounce{0%,20%,50%,80%,100%{-ms-transform:translateY(0)}
40%{-ms-transform:translateY(-30px)}
60%{-ms-transform:translateY(-15px)}
}@keyframes a-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}
40%{transform:translateY(-30px)}
60%{transform:translateY(-15px)}
}.bouncein{-webkit-animation-name:a-bouncein;-moz-animation-name:a-bouncein;-ms-animation-name:a-bouncein;animation-name:a-bouncein}
@-webkit-keyframes a-bouncein{0%{opacity:0;-webkit-transform:scale(0.3)}
50%{opacity:1;-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(0.9)}
100%{-webkit-transform:scale(1)}
}@-moz-keyframes a-bouncein{0%{opacity:0;-moz-transform:scale(0.3)}
50%{opacity:1;-moz-transform:scale(1.05)}
70%{-moz-transform:scale(0.9)}
100%{-moz-transform:scale(1)}
}@-ms-keyframes a-bouncein{0%{opacity:0;-ms-transform:scale(0.3)}
50%{opacity:1;-ms-transform:scale(1.05)}
70%{-ms-transform:scale(0.9)}
100%{-ms-transform:scale(1)}
}@keyframes a-bouncein{0%{opacity:0;transform:scale(0.3)}
50%{opacity:1;transform:scale(1.05)}
70%{transform:scale(0.9)}
100%{transform:scale(1)}
}.bounceout{-webkit-animation-name:a-bounceout;-moz-animation-name:a-bounceout;-ms-animation-name:a-bounceout;animation-name:a-bounceout}
@-webkit-keyframes a-bounceout{0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(0.95)}
50%{opacity:1;-webkit-transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(0.3)}
}@-moz-keyframes a-bounceout{0%{-moz-transform:scale(1)}
25%{-moz-transform:scale(0.95)}
50%{opacity:1;-moz-transform:scale(1.1)}
100%{opacity:0;-moz-transform:scale(0.3)}
}@-ms-keyframes a-bounceout{0%{-ms-transform:scale(1)}
25%{-ms-transform:scale(0.95)}
50%{opacity:1;-ms-transform:scale(1.1)}
100%{opacity:0;-ms-transform:scale(0.3)}
}@keyframes a-bounceout{0%{transform:scale(1)}
25%{transform:scale(0.95)}
50%{opacity:1;transform:scale(1.1)}
100%{opacity:0;transform:scale(0.3)}
}.rotatein{-webkit-animation-name:a-rotatein;-moz-animation-name:a-rotatein;-ms-animation-name:a-rotatein;animation-name:a-rotatein}
@-webkit-keyframes a-rotatein{0%{opacity:0;-webkit-transform:rotate(-200deg)}
100%{opacity:1;-webkit-transform:rotate(0)}
}@-moz-keyframes a-rotatein{0%{opacity:0;-moz-transform:rotate(-200deg)}
100%{opacity:1;-moz-transform:rotate(0)}
}@-ms-keyframes a-rotatein{0%{opacity:0;-ms-transform:rotate(-200deg)}
100%{opacity:1;-ms-transform:rotate(0)}
}@keyframes a-rotatein{0%{opacity:0;transform:rotate(-200deg)}
100%{opacity:1;transform:rotate(0)}
}.rotateout{-webkit-animation-name:a-rotateout;-moz-animation-name:a-rotateout;-ms-animation-name:a-rotateout;animation-name:a-rotateout}
@-webkit-keyframes a-rotateout{0%{-webkit-transform-origin:center center;-webkit-transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-webkit-transform:rotate(200deg);opacity:0}
}@-moz-keyframes a-rotateout{0%{-moz-transform-origin:center center;-moz-transform:rotate(0);opacity:1}
100%{-moz-transform-origin:center center;-moz-transform:rotate(200deg);opacity:0}
}@-ms-keyframes a-rotateout{0%{-ms-transform-origin:center center;-ms-transform:rotate(0);opacity:1}
100%{-ms-transform-origin:center center;-ms-transform:rotate(200deg);opacity:0}
}@keyframes a-rotateout{0%{transform-origin:center center;transform:rotate(0);opacity:1}
100%{transform-origin:center center;transform:rotate(200deg);opacity:0}
}.flash,.flash-hover:hover{-webkit-animation-name:a-flash;-moz-animation-name:a-flash;-ms-animation-name:a-flash;animation-name:a-flash}
@-webkit-keyframes a-flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}@-moz-keyframes a-flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}@-ms-keyframes a-flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}@keyframes a-flash{0%,50%,100%{opacity:1}
25%,75%{opacity:0}
}.shake,.shake-hover:hover{-webkit-animation-name:a-shake;-moz-animation-name:a-shake;-ms-animation-name:a-shake;animation-name:a-shake}
@-webkit-keyframes a-shake{0%,100%{-webkit-transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px)}
}@-moz-keyframes a-shake{0%,100%{-moz-transform:translateX(0)}
10%,30%,50%,70%,90%{-moz-transform:translateX(-10px)}
20%,40%,60%,80%{-moz-transform:translateX(10px)}
}@-ms-keyframes a-shake{0%,100%{-ms-transform:translateX(0)}
10%,30%,50%,70%,90%{-ms-transform:translateX(-10px)}
20%,40%,60%,80%{-ms-transform:translateX(10px)}
}@keyframes a-shake{0%,100%{transform:translateX(0)}
10%,30%,50%,70%,90%{transform:translateX(-10px)}
20%,40%,60%,80%{transform:translateX(10px)}
}.swing,.swing-hover:hover{-webkit-animation-name:a-swing;-moz-animation-name:a-swing;-ms-animation-name:a-swing;animation-name:a-swing}
@-webkit-keyframes a-swing{20%{-webkit-transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0)}
}@-moz-keyframes a-swing{20%{-moz-transform:rotate(15deg)}
40%{-moz-transform:rotate(-10deg)}
60%{-moz-transform:rotate(5deg)}
80%{-moz-transform:rotate(-5deg)}
100%{-moz-transform:rotate(0)}
}@-ms-keyframes a-swing{20%{-ms-transform:rotate(15deg)}
40%{-ms-transform:rotate(-10deg)}
60%{-ms-transform:rotate(5deg)}
80%{-ms-transform:rotate(-5deg)}
100%{-ms-transform:rotate(0)}
}@keyframes a-swing{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
100%{transform:rotate(0)}
}.wobble,.wobble-hover:hover{-webkit-animation-name:a-wobble;-moz-animation-name:a-wobble;-ms-animation-name:a-wobble;animation-name:a-wobble}
@-webkit-keyframes a-wobble{0%{-webkit-transform:translateX(0)}
15%{-webkit-transform:translateX(-50px) rotate(-5deg)}
30%{-webkit-transform:translateX(40px) rotate(3deg)}
45%{-webkit-transform:translateX(-33px) rotate(-3deg)}
60%{-webkit-transform:translateX(10px) rotate(2deg)}
75%{-webkit-transform:translateX(-10px) rotate(-1deg)}
100%{-webkit-transform:translateX(0)}
}@-moz-keyframes a-wobble{0%{-moz-transform:translateX(0)}
15%{-moz-transform:translateX(-50px) rotate(-5deg)}
30%{-moz-transform:translateX(40px) rotate(3deg)}
45%{-moz-transform:translateX(-33px) rotate(-3deg)}
60%{-moz-transform:translateX(10px) rotate(2deg)}
75%{-moz-transform:translateX(-10px) rotate(-1deg)}
100%{-moz-transform:translateX(0)}
}@-ms-keyframes a-wobble{0%{-ms-transform:translateX(0)}
15%{-ms-transform:translateX(-50px) rotate(-5deg)}
30%{-ms-transform:translateX(40px) rotate(3deg)}
45%{-ms-transform:translateX(-33px) rotate(-3deg)}
60%{-ms-transform:translateX(10px) rotate(2deg)}
75%{-ms-transform:translateX(-10px) rotate(-1deg)}
100%{-ms-transform:translateX(0)}
}@keyframes a-wobble{0%{transform:translateX(0)}
15%{transform:translateX(-50px) rotate(-5deg)}
30%{transform:translateX(40px) rotate(3deg)}
45%{transform:translateX(-33px) rotate(-3deg)}
60%{transform:translateX(10px) rotate(2deg)}
75%{transform:translateX(-10px) rotate(-1deg)}
100%{transform:translateX(0)}
}.ring,.ring-hover:hover{-webkit-animation-name:a-ring;-moz-animation-name:a-ring;-ms-animation-name:a-ring;animation-name:a-ring}
@-webkit-keyframes a-ring{0%{-webkit-transform:scale(1)}
10%,20%{-webkit-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0)}
}@-moz-keyframes a-ring{0%{-moz-transform:scale(1)}
10%,20%{-moz-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-moz-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-moz-transform:scale(1.1) rotate(-3deg)}
100%{-moz-transform:scale(1) rotate(0)}
}@-ms-keyframes a-ring{0%{-ms-transform:scale(1)}
10%,20%{-ms-transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{-ms-transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-ms-transform:scale(1.1) rotate(-3deg)}
100%{-ms-transform:scale(1) rotate(0)}
}@keyframes a-ring{0%{transform:scale(1)}
10%,20%{transform:scale(0.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}
40%,60%,80%{transform:scale(1.1) rotate(-3deg)}
100%{transform:scale(1) rotate(0)}
}.rotate,.rotate-hover:hover{-webkit-animation-name:a-rotate;-moz-animation-name:a-rotate;-ms-animation-name:a-rotate;animation-name:a-rotate}
@-webkit-keyframes a-rotate{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(359deg)}
}@-moz-keyframes a-rotate{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(359deg)}
}@-ms-keyframes a-rotate{0%{-ms-transform:rotate(0deg)}
100%{-ms-transform:rotate(359deg)}
}@keyframes a-rotate{0%{transform:rotate(0deg)}
100%{transform:rotate(359deg)}
}.box-shadow-none{box-shadow:0 0 0 rgba(0,0,0,0.5)}
.box-shadow-small{box-shadow:0 3px 5px rgba(0,0,0,0.5)}
.box-shadow{box-shadow:0 3px 9px rgba(0,0,0,0.5)}
.box-shadow-big{box-shadow:0 6px 9px rgba(0,0,0,0.5)}
.text-black,a.text-black:link,a.text-black:visited,.button.border-black,blockquote.border-black strong,.pager.border-black a,.pager-prev.border-black,.pager-next.border-black{color:#000}
a.text-black:hover{color:var(--ui-text-secondary)}
.text-gray,a.text-gray:link,a.text-gray:visited,.button.border-gray,blockquote.border-gray strong,.pager.border-gray a,.pager-prev.border-gray,.pager-next.border-gray{color:var(--ui-text-muted)}
.text-white,a.text-white:link,a.text-white:visited,.button.border-white,blockquote.border-white,.pager.border-white a,.pager-prev.border-white,.pager-next.border-white{color:#fff}
.text-red,a.text-red:link,a.text-red:visited,.button.border-red,.button.bg-red-light,blockquote.border-red strong,.pager.border-red a,.pager-prev.border-red,.pager-next.border-red,.badge.bg-red-light,.alert-red,.check-error{color:var(--ui-danger)}
.text-yellow,a.text-yellow:link,a.text-yellow:visited,.button.border-yellow,.button.bg-yellow-light,blockquote.border-yellow strong,.pager.border-yellow a,.pager-prev.border-yellow,.pager-next.border-yellow,.badge.bg-yellow-light,.alert-yellow,.check-warning{color:var(--ui-warning)}
.text-blue,a.text-blue:link,a.text-blue:visited,.button.border-blue,.button.bg-blue-light,blockquote.border-blue strong,.pager.border-blue a,.pager-prev.border-blue,.pager-next.border-blue,.badge.bg-blue-light,.alert-blue{color:var(--ui-info)}
.text-green,a.text-green:link,a.text-green:visited,.button.border-green,.button.bg-green-light,blockquote.border-green strong,.pager.border-green a,.pager-prev.border-green,.pager-next.border-green,.badge.bg-green-light,.alert-green,.check-success{color:var(--ui-success)}
.text-red-light,a.text-red-light:link,a.text-red-light:visited,.button.border-red-light,blockquote.border-red-light strong,.pager.border-red-light a{color:var(--ui-danger)}
.text-yellow-light,a.text-yellow-light:link,a.text-yellow-light:visited,.button.border-yellow-light,blockquote.border-yellow-light strong,.pager.border-yellow-light a,.pager-prev.border-yellow-light,.pager-next.border-yellow-light{color:var(--ui-warning)}
.text-blue-light,a.text-blue-light:link,a.text-blue-light:visited,.button.border-blue-light,blockquote.border-blue-light strong,.pager.border-blue-light a,.pager-prev.border-blue-light,.pager-next.border-blue-light{color:var(--ui-info)}
.text-green-light,a.text-green-light:link,a.text-green-light:visited,.button.border-green-light,blockquote.border-green-light strong,.pager.border-green-light a,.pager-prev.border-green-light,.pager-next.border-green-light{color:var(--ui-success)}
.bg-inverse,.bg-inverse a{color:#fff}
a.text-white:hover,.bg-inverse a:hover{color:var(--ui-text-muted)}
.bg,.table .current,.table .current td,.table .current th,.button.active,.pointer.border .active,.nav-menu ul a:hover,.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav.nav-menu ul a:hover,.bg-inverse .nav.nav-menu .active ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav-menu.nav-inline.nav-big ul a:hover,.navbar-body .nav ul a:hover{background-color:var(--ui-bg-secondary)}
.bg-black,.border-black .button.active,.pointer.border-black .active,.nav-pills.border-black .active a,.nav-main.border-black .nav-head,.pagination.border-black .active{background-color:#000}
.bg-gray,.border-gray .button.active,.pointer.border-gray .active,.nav-pills.border-gray .active a,.nav-main.border-gray .nav-head,.pagination.border-gray .active{background-color:var(--ui-text-muted)}
.bg-white,.button.bg,.border-white .button.active,.pointer.border-white .active,.nav-pills.border-white .active a,.nav-main.border-white .nav-head,.pagination.border-white .active{background-color:#fff}
.bg-red,.border-red .button.active,.pointer.border-red .active,.nav-pills.border-red .active a,.nav-main.border-red .nav-head,.pagination.border-red .active{background-color:var(--ui-danger)}
.bg-yellow,.border-yellow .button.active,.pointer.border-yellow .active,.nav-pills.border-yellow .active a,.nav-main.border-yellow .nav-head,.pagination.border-yellow .active{background-color:var(--ui-warning)}
.bg-blue,.border-blue .button.active,.pointer.border-blue .active,.nav-pills.border-blue .active a,.nav-main.border-blue .nav-head,.pagination.border-blue .active{background-color:var(--ui-info)}
.bg-green,.border-green .button.active,.pointer.border-green .active,.nav-pills.border-green .active a,.pagination.border-green .active{background-color:var(--ui-success)}
.bg-red-light,.table .red,.table .red td,.table .red th,.alert-red,.border-red-light .button.active,.pointer.border-red-light .active,.nav-pills.border-red-light .active a,.nav-main.border-red-light .nav-head,.pagination.border-red-light .active{background-color:var(--ui-danger-light)}
.bg-yellow-light,.table .yellow,.table .yellow td,.table .yellow th,.alert-yellow,.border-yellow-light .button.active,.pointer.border-yellow-light .active,.nav-pills.border-yellow-light .active a,.nav-main.border-yellow-light .nav-head,.pagination.border-yellow-light .active{background-color:var(--ui-warning-light)}
.bg-blue-light,.table .blue,.table .blue td,.table .blue th,.alert-blue,.border-blue-light .button.active,.pointer.border-blue-light .active,.nav-pills.border-blue-light .active a,.nav-main.border-blue-light .nav-head,.pagination.border-blue-light .active{background-color:var(--ui-info-light)}
.bg-green-light,.table .green,.table .green td,.table .green th,.alert-green,.border-green-light .button.active,.pointer.border-green-light .active,.nav-pills.border-green-light .active a,.nav-main.border-green-light .nav-head,.pagination.border-green-light .active{background-color:var(--ui-success-light)}
.border-dashed{border-style:dashed}
.border-dotted{border-style:dotted}
.border-double{border-style:double}
.border-inset{border-style:inset}
.border-outset{border-style:outset}
.border-black,.border-black .button,.border-black .tab-nav li a,.border-black .tab-body,.button.bg-black,.selected.border-black,.pointer.border-black li,.nav.border-black .active a,.nav.nav-tabs.border-black,.nav-main.border-black a,.nav-main.border-black .nav-head,.pagination.border-black li,.pager.border-black a{border-color:#000}
.border-gray,.border-gray .button,.border-gray .tab-nav li a,.border-gray .tab-body,.button.bg-gray,.selected.border-gray,.pointer.border-gray li,.nav.border-gray .active a,.nav.nav-tabs.border-gray,.nav-main.border-gray a,.nav-main.border-gray .nav-head,.pagination.border-gray li,.pager.border-gray a{border-color:var(--ui-text-muted)}
.border-white,.border-white .button,.border-white .tab-nav li a,.border-white .tab-body,.button.bg-white,.selected.border-white,.pointer.border-white li,.nav.border-white .active a,.nav.nav-tabs.border-white,.nav-main.border-white a,.nav-main.border-white .nav-head,.pagination.border-white li,.pager.border-white a{border-color:#fff}
.border-red,.border-red .button,.border-red .tab-nav li a,.border-red .tab-body,.button.bg-red,.selected.border-red,.pointer.border-red li,.check-error .input,.nav.border-red .active a,.nav.nav-tabs.border-red,.nav-main.border-red a,.nav-main.border-red .nav-head,.pagination.border-red li,.pager.border-red a{border-color:var(--ui-danger)}
.border-yellow,.border-yellow .button,.border-yellow .tab-nav li a,.border-yellow .tab-body,.button.bg-yellow,.selected.border-yellow,.pointer.border-yellow li,.check-warning .input,.nav.border-yellow .active a,.nav.nav-tabs.border-yellow,.nav-main.border-yellow a,.nav-main.border-yellow .nav-head,.pagination.border-yellow li,.pager.border-yellow a{border-color:var(--ui-warning)}
.border-blue,.border-blue .button,.border-blue .tab-nav li a,.border-blue .tab-body,.button.bg-blue,.selected.border-blue,.pointer.border-blue li,.nav.border-blue .active a,.nav.nav-tabs.border-blue,.nav-main.border-blue a,.nav-main.border-blue .nav-head,.pagination.border-blue li,.pager.border-blue a{border-color:var(--ui-info)}
.border-green,.border-green .button,.border-green .tab-nav li a,.border-green .tab-body,.button.bg-green,.selected.border-green,.pointer.border-green li,.check-success .input,.nav.border-green .active a,.nav.nav-tabs.border-green,.nav-main.border-green a,.nav-main.border-green .nav-head,.pagination.border-green li,.pager.border-green a{border-color:var(--ui-success)}
.border-red-light,.border-red-light .button,.border-red-light .tab-nav li a,.border-red-light .tab-body,.button.bg-red-light,.selected.border-red-light,.alert-red,.pointer.border-red-light li,.nav.border-red-light .active a,.nav.nav-tabs.border-red-light,.nav-main.border-red-light a,.nav-main.border-red-light .nav-head,.pagination.border-red-light li,.pager.border-red-light a{border-color:var(--ui-danger-light)}
.border-yellow-light,.border-yellow-light .button,.border-yellow-light .tab-nav li a,.border-yellow-light .tab-body,.button.bg-yellow-light,.selected.border-yellow-light,.alert-yellow,.pointer.border-yellow-light li,.nav.border-yellow-light .active a,.nav.nav-tabs.border-yellow-light,.nav-main.border-yellow-light a,.nav-main.border-yellow-light .nav-head,.pagination.border-yellow-light li,.pager.border-yellow-light a{border-color:var(--ui-warning-light)}
.border-blue-light,.border-blue-light .button,.border-blue-light .tab-nav li a,.border-blue-light .tab-body,.button.bg-blue-light,.selected.border-blue-light,.alert-blue,.pointer.border-blue-light li,.nav.border-blue-light .active a,.nav.nav-tabs.border-blue-light,.nav-main.border-blue-light a,.nav-main.border-blue-light .nav-head,.pagination.border-blue-light li,.pager.border-blue-light a{border-color:var(--ui-info-light)}
.border-green-light,.border-green-light .button,.border-green-light .tab-nav li a,.border-green-light .tab-body,.button.bg-green-light,.selected.border-green-light,.alert-green,.pointer.border-green-light li,.nav.border-green-light .active a,.nav.nav-tabs.border-green-light,.nav-main.border-green-light a,.nav-main.border-green-light .nav-head,.pagination.border-green-light li,.pager.border-green-light a{border-color:var(--ui-success-light)}
.button:hover,.button:focus,.button.bg:hover,.button.bg:focus{background-color:var(--ui-bg-secondary)}
.button.border-black:hover,.button.border-black:focus,.button.bg-black:hover,.button.bg-black:focus{color:#fff;border-color:var(--ui-text-secondary);background-color:var(--ui-text-secondary)}
.button.border-gray:hover,.button.border-gray:focus,.button.bg-gray:hover,.button.bg-gray:focus{color:#fff;border-color:var(--ui-text-muted);background-color:var(--ui-text-muted)}
.button.border-white:hover,.button.border-white:focus,.button.bg-white:hover,.button.bg-white:focus{color:var(--ui-text);border-color:var(--ui-bg-secondary);background-color:var(--ui-bg-secondary)}
.button.border-red:hover,.button.border-red:focus,.button.bg-red:hover,.button.bg-red:focus{color:#fff;border-color:var(--ui-danger-hover);background-color:var(--ui-danger-hover)}
.button.border-yellow:hover,.button.border-yellow:focus,.button.bg-yellow:hover,.button.bg-yellow:focus{color:#fff;border-color:var(--ui-warning-hover);background-color:var(--ui-warning-hover)}
.button.border-blue:hover,.button.border-blue:focus,.button.bg-blue:hover,.button.bg-blue:focus{color:#fff;border-color:var(--ui-info-hover);background-color:var(--ui-info-hover)}
.button.border-green:hover,.button.border-green:focus,.button.bg-green:hover,.button.bg-green:focus{color:#fff;border-color:var(--ui-success-hover);background-color:var(--ui-success-hover)}
.button.border-red-light:hover,.button.border-red-light:focus,.button.bg-red-light:hover,.button.bg-red-light:focus,.alert-red:hover{color:var(--ui-danger);border-color:var(--ui-danger-light);background-color:var(--ui-danger)}
.button.border-yellow-light:hover,.button.border-yellow-light:focus,.button.bg-yellow-light:hover,.button.bg-yellow-light:focus,.alert-yellow:hover{color:var(--ui-warning);border-color:var(--ui-warning-light);background-color:var(--ui-warning)}
.button.border-blue-light:hover,.button.border-blue-light:focus,.button.bg-blue-light:hover,.button.bg-blue-light:focus,.alert-blue:hover{color:var(--ui-info);border-color:var(--ui-info-light);background-color:var(--ui-info)}
.button.border-green-light:hover,.button.border-green-light:focus,.button.bg-green-light:hover,.button.bg-green-light:focus,.alert-green:hover{color:var(--ui-success);border-color:var(--ui-success-light);background-color:var(--ui-success-light)}
.text-main,a.text-main:link,a.text-main:visited,.button.border-main,blockquote.border-main strong,.pager.border-main a,.pager-prev.border-main,.pager-next.border-main,.nav a:hover,.nav-menu.nav-pills .active ul a:hover,.bg-inverse .nav-menu ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs ul a:hover,.bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover,.bg-inverse .nav.nav-menu.nav-pills ul a:hover,.bg-inverse .nav.nav-menu.nav-pills .active ul a:hover{color:var(--ui-primary)}
.text-sub,a.text-sub:link,a.text-sub:visited,.button.border-sub,blockquote.border-sub strong,.pager.border-sub a,.pager-prev.border-sub,.pager-next.border-sub{color:var(--ui-info)}
.text-back,a.text-back:link,a.text-back:visited,.button.border-back,blockquote.border-back,.pager.border-back a,.pager-prev.border-back,.pager-next.border-back{color:var(--ui-bg-secondary)}
.text-mix,a.text-mix:link,a.text-mix:visited,.button.border-mix,blockquote.border-mix,.pager.border-mix a,.pager-prev.border-mix,.pager-next.border-mix{color:var(--ui-border)}
.text-dot,a.text-dot:link,a.text-dot:visited,.button.border-dot,blockquote.border-dot strong,.pager.border-dot a,.pager-prev.border-dot,.pager-next.border-dot{color:var(--ui-danger)}
.bg-main,.border-main .button.active,.pointer.border-main .active,.nav-pills.border-main .active a,.nav-main.border-main .nav-head,.pagination.border-main .active{background-color:var(--ui-primary)}
.bg-sub,.border-sub .button.active,.pointer.border-sub .active,.nav-pills.border-sub .active a,.nav-main.border-sub .nav-head,.pagination.border-sub .active{background-color:var(--ui-info)}
.bg-back,.border-back .button.active,.pointer.border-back .active,.nav-pills.border-back .active a,.nav-main.border-back .nav-head,.pagination.border-back .active{background-color:var(--ui-bg-secondary)}
.bg-mix,.border-mix .button.active,.pointer.border-mix .active,.nav-pills.border-mix .active a,.pagination.border-mix .active{background-color:var(--ui-border)}
.bg-dot,.border-dot .button.active,.pointer.border-dot .active,.nav-pills.border-dot .active a,.nav-main.border-dot .nav-head,.pagination.border-dot .active{background-color:var(--ui-danger)}
.border-main,.border-main .button,.border-main .tab-nav li a,.border-main .tab-body,.button.bg-main,.selected.border-main,.pointer.border-main li,.nav.border-main .active a,.nav.nav-tabs.border-main,.nav-main.border-main a,.nav-main.border-main .nav-head,.pagination.border-main li,.pager.border-main a{border-color:var(--ui-primary)}
.border-sub,.border-sub .button,.border-sub .tab-nav li a,.border-sub .tab-body,.button.bg-sub,.selected.border-sub,.pointer.border-sub li,.nav.border-sub .active a,.nav.nav-tabs.border-sub,.nav-main.border-sub a,.nav-main.border-sub .nav-head,.pagination.border-sub li,.pager.border-sub a{border-color:var(--ui-info)}
.border-back,.border-back .button,.border-back .tab-nav li a,.border-back .tab-body,.button.bg-back,.selected.border-back,.pointer.border-back li,.nav.border-back .active a,.nav.nav-tabs.border-back,.nav-main.border-back a,.nav-main.border-back .nav-head,.pagination.border-back li,.pager.border-back a{border-color:var(--ui-bg-secondary)}
.border-mix,.border-mix .button,.border-mix .tab-nav li a,.border-mix .tab-body,.button.bg-mix,.selected.border-mix,.pointer.border-mix li,.nav.border-mix .active a,.nav.nav-tabs.border-mix,.nav-main.border-mix a,.nav-main.border-mix .nav-head,.pagination.border-mix li,.pager.border-mix a{border-color:var(--ui-border)}
.border-dot,.border-dot .button,.border-dot .tab-nav li a,.border-dot .tab-body,.button.bg-dot,.selected.border-dot,.pointer.border-dot li,.nav.border-dot .active a,.nav.nav-tabs.border-dot,.nav-main.border-dot a,.nav-main.border-dot .nav-head,.pagination.border-dot li,.pager.border-dot a{border-color:var(--ui-danger)}
.button.border-main:hover,.button.border-main:focus,.button.bg-main:hover,.button.bg-main:focus{color:#fff;border-color:var(--ui-primary-hover);background-color:var(--ui-primary-hover)}
.button.border-sub:hover,.button.border-sub:focus,.button.bg-sub:hover,.button.bg-sub:focus{color:#fff;border-color:var(--ui-info-hover);background-color:var(--ui-info-hover)}
.button.border-back:hover,.button.border-back:focus,.button.bg-back:hover,.button.bg-back:focus{color:var(--ui-text);border-color:var(--ui-border);background-color:var(--ui-border)}
.button.border-mix:hover,.button.border-mix:focus,.button.bg-mix:hover,.button.bg-mix:focus{color:var(--ui-text);border-color:var(--ui-border);background-color:var(--ui-border)}
.button.border-dot:hover,.button.border-dot:focus,.button.bg-dot:hover,.button.bg-dot:focus{color:#fff;border-color:var(--ui-danger-hover);background-color:var(--ui-danger-hover)}
.text-lightpink,a.text-lightpink:link,a.text-lightpink:visited,.button.border-lightpink,blockquote.border-lightpink,.pager.border-lightpink a,.pager-prev.border-lightpink,.pager-next.border-lightpink{color:#ffb6c1}
.border-lightpink,.border-lightpink .button,.border-lightpink .tab-nav li a,.border-lightpink .tab-body,.button.bg-lightpink,.selected.border-lightpink,.pointer.border-lightpink li,.nav.border-lightpink .active a,.nav.nav-tabs.border-lightpink,.nav-main.border-lightpink a,.nav-main.border-lightpink .nav-head,.pagination.border-lightpink li,.pager.border-lightpink a{border-color:#ffb6c1}
.bg-lightpink,.border-lightpink .button.active,.pointer.border-lightpink .active,.nav-pills.border-lightpink .active a,.nav-lightpink.border-lightpink .nav-head,.pagination.border-lightpink .active{background-color:#ffb6c1}
/*小圆点*/
.rbadge{display:inline-block;padding:0.25em 0.5em;line-height:1;font-size:0.75rem;font-style:normal;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:var(--ui-danger);border-radius:2em}
.rbadge.badge-dot{width:0;padding:0;padding:0.25rem;font-size:0;border-radius:100%;}
.rbadge:not(.badge-dot):empty{display:none}
.rbadge-corner{position:relative;outline:none;}
.rbadge-corner>.rbadge{position:absolute;right:-0.5rem;top:-0.5rem;font-weight:normal;cursor:pointer;z-index:3;}
.rbadge-corner>.rbadge.badge-dot{right:-0.25rem;top:-0.25rem;}
/*utility*/
.img-auto{display:inline-block;max-width:100%;height:auto;}
.img-full{display:block;min-width:100%;min-height:100%;max-width:100%;max-height:100%;}
.width-mini{width:540px !important;}
.width-small{width:730px !important;}
.width-middle{width:980px !important;}
.width-big{width:1200px !important;}
.width-large{width:1600px !important;}
.em1{width:1em!important;}.em2{width:2em!important;}.em3{width:3em!important;}.em4{width:4em!important;}.em5{width:5em!important;}.em6{width:6em!important;}
.em7{width:7em!important;}.em8{width:8em!important;}.em9{width:9em!important;}.em10{width:10em!important;}.em11{width:11em!important;}.em12{width:12em!important;}
.ml1{margin-left:1em!important;}.ml2{margin-left:2em!important;}.ml3{margin-left:3em!important;}.ml4{margin-left:4em!important;}.ml5{margin-left:5em!important;}.ml6{margin-left:6em!important;}
.ml7{margin-left:7em!important;}.ml8{margin-left:8em!important;}.ml9{margin-left:9em!important;}.ml10{margin-left:10em!important;}.ml11{margin-left:11em!important;}.ml12{margin-left:12em!important;}
.quote{padding:1em;border-left:0.3125rem solid var(--ui-border);background-color:var(--ui-bg-secondary);border-radius:0.25rem;}
.float-none{float:none !important;}
.line-mini{line-height:1;}
.line-small{line-height:1.5;}
.line{line-height:1.75;}
.line-big{line-height:2;}
.line-large{line-height:2.5;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}
.align-justify{text-align:justify !important;}
.align-top{vertical-align:top !important;}
.align-middle{vertical-align:middle !important;}
.align-bottom{vertical-align:bottom !important;}
.word-indent{text-indent:2em;}
.word-more{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.word-break{word-break:break-all;word-wrap:break-word;}
.word-block{white-space:nowrap;}
.inline{display:inline-block !important;}
.block{display:block !important;}
.relative{position:relative !important;}
.absolute{position:absolute !important;}
.center{margin-left:auto !important;margin-right:auto !important;}
.overflow-hidden{overflow:hidden;}
.overflow-auto{overflow:auto;}
/* ========== CSS Custom Properties ========== */
:root{
--ui-primary:#6366f1;--ui-primary-hover:#4f46e5;--ui-primary-light:#eef2ff;
--ui-success:#22c55e;--ui-success-hover:#16a34a;--ui-success-light:#f0fdf4;
--ui-warning:#f59e0b;--ui-warning-hover:#d97706;--ui-warning-light:#fffbeb;
--ui-danger:#ef4444;--ui-danger-hover:#dc2626;--ui-danger-light:#fef2f2;
--ui-info:#3b82f6;--ui-info-hover:#2563eb;--ui-info-light:var(--ui-info-light)6ff;
--ui-dark:#1e293b;--ui-light:#f8fafc;
--ui-font-size-xs:0.75rem;--ui-font-size-sm:0.875rem;--ui-font-size-base:14px;--ui-font-size-lg:1.125rem;--ui-font-size-xl:1.5rem;--ui-font-size-2xl:2rem;
--ui-spacing-xs:0.25rem;--ui-spacing-sm:0.5rem;--ui-spacing-md:1rem;--ui-spacing-lg:1.5rem;--ui-spacing-xl:2rem;
--ui-radius-sm:0.25rem;--ui-radius-md:0.5rem;--ui-radius-lg:0.75rem;--ui-radius-xl:1rem;--ui-radius-round:50%;
--ui-shadow-sm:0 1px 2px rgba(0,0,0,0.05);--ui-shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--ui-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1);--ui-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);
--ui-transition-fast:0.15s ease;--ui-transition-base:0.3s ease;--ui-transition-slow:0.5s ease;
--ui-bg:#fff;--ui-bg-secondary:#f8fafc;--ui-text:#1e293b;--ui-text-secondary:#64748b;--ui-text-muted:#94a3b8;--ui-border:#e2e8f0;--ui-mask:rgba(15,23,42,0.5);
--ui-ring:rgba(99,102,241,0.15);--ui-switch-off:#cbd5e1;--ui-skeleton-hl:rgba(0,0,0,0.04);--ui-tooltip-bg:#1e293b;
--ui-tr-colors:background-color var(--ui-transition-fast),border-color var(--ui-transition-fast),color var(--ui-transition-fast),box-shadow var(--ui-transition-fast),transform var(--ui-transition-fast);
--ui-z-dropdown:100;--ui-z-sticky:500;--ui-z-dialog:1000;--ui-z-drawer:1000;--ui-z-drawer-panel:1001;--ui-z-tooltip:1050;--ui-z-toast:2000;
color-scheme:light
}
/* ========== Dark Mode ========== */
[data-theme="dark"]{
--ui-bg:#0f172a;--ui-bg-secondary:#1e293b;--ui-text:#e2e8f0;--ui-text-secondary:#94a3b8;--ui-text-muted:#64748b;--ui-border:#334155;
--ui-shadow-sm:0 1px 2px rgba(0,0,0,0.3);--ui-shadow-md:0 4px 6px -1px rgba(0,0,0,0.4);--ui-shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4);--ui-shadow-xl:0 20px 25px -5px rgba(0,0,0,0.5);
--ui-primary:#818cf8;--ui-primary-hover:#6366f1;--ui-primary-light:#1e1b4b;
--ui-success:#4ade80;--ui-success-hover:#22c55e;--ui-success-light:#052e16;
--ui-warning:#fbbf24;--ui-warning-hover:#f59e0b;--ui-warning-light:#422006;
--ui-danger:#f87171;--ui-danger-hover:#ef4444;--ui-danger-light:#450a0a;
--ui-info:#60a5fa;--ui-info-hover:#3b82f6;--ui-info-light:#172554;
--ui-dark:#e2e8f0;--ui-light:#0f172a;--ui-mask:rgba(0,0,0,0.7);
--ui-ring:rgba(129,140,248,0.25);--ui-switch-off:#475569;--ui-skeleton-hl:rgba(255,255,255,0.08);--ui-tooltip-bg:#334155;
color-scheme:dark
}
[data-theme="dark"] body{background:var(--ui-bg);color:var(--ui-text)}
[data-theme="dark"] .card,[data-theme="dark"] .panel,[data-theme="dark"] .dialog,[data-theme="dark"] .tab-body{background:var(--ui-bg-secondary);color:var(--ui-text);border-color:var(--ui-border)}
[data-theme="dark"] input,[data-theme="dark"] textarea,[data-theme="dark"] select{background:var(--ui-bg-secondary);color:var(--ui-text);border-color:var(--ui-border)}
[data-theme="dark"] input:focus,[data-theme="dark"] textarea:focus,[data-theme="dark"] select:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-ring)}
[data-theme="dark"] table,[data-theme="dark"] .table{border-color:var(--ui-border)}
[data-theme="dark"] th,[data-theme="dark"] .table th{background:var(--ui-bg-secondary);color:var(--ui-text);border-color:var(--ui-border)}
[data-theme="dark"] td,[data-theme="dark"] .table td{border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .nav,[data-theme="dark"] .tab-nav{background:var(--ui-bg-secondary);border-color:var(--ui-border)}
[data-theme="dark"] .nav a,[data-theme="dark"] .tab-nav li a{color:var(--ui-text-secondary)}
[data-theme="dark"] .quote{background:var(--ui-bg-secondary);border-color:var(--ui-border)}
[data-theme="dark"] .list-group,[data-theme="dark"] .list-link{border-color:var(--ui-border);background:var(--ui-bg-secondary)}
[data-theme="dark"] .list-group li,[data-theme="dark"] .list-link a{border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .list-group li:hover,[data-theme="dark"] .list-link a:hover{background:rgba(255,255,255,0.05)}
[data-theme="dark"] .drop-menu{background:var(--ui-bg-secondary);border-color:var(--ui-border);box-shadow:var(--ui-shadow-lg)}
[data-theme="dark"] .drop-menu a{color:var(--ui-text)}
[data-theme="dark"] .drop-menu a:hover{background:rgba(255,255,255,0.05)}
[data-theme="dark"] .progress{background:var(--ui-bg-secondary)}
[data-theme="dark"] .badge{background:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .alert{background:var(--ui-bg-secondary);border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .panel-head,[data-theme="dark"] .panel-foot{background:rgba(255,255,255,0.03);border-color:var(--ui-border)}
[data-theme="dark"] .dialog .dialog-head{background:var(--ui-bg-secondary);border-color:var(--ui-border)}
[data-theme="dark"] .dialog .dialog-foot{border-color:var(--ui-border)}
[data-theme="dark"] .tab .tab-nav .active{border-bottom-color:var(--ui-primary)}
[data-theme="dark"] .button{border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .button:hover{background:rgba(255,255,255,0.05)}
[data-theme="dark"] .addon{background:var(--ui-bg-secondary);border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .tip{background:var(--ui-bg-secondary);border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .tip .tip-body{background:var(--ui-bg-secondary);color:var(--ui-text)}
[data-theme="dark"] .pagination li{border-color:var(--ui-border)}
[data-theme="dark"] .pagination a{color:var(--ui-text)}
[data-theme="dark"] .pagination .active,[data-theme="dark"] .pagination a:hover{background:rgba(255,255,255,0.05)}
[data-theme="dark"] .bread{color:var(--ui-text-muted)}
[data-theme="dark"] blockquote{border-color:var(--ui-border);background:var(--ui-bg-secondary)}
[data-theme="dark"] hr{background:var(--ui-border);color:var(--ui-border)}
[data-theme="dark"] .selected-inline li{border-color:var(--ui-border);color:var(--ui-text)}
[data-theme="dark"] .selected-inline .selected{border-color:var(--ui-primary)}
[data-theme="dark"] .img-border{border-color:var(--ui-border)}
/* ========== Drawer ========== */
.drawer-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--ui-mask);z-index:var(--ui-z-drawer);opacity:0;visibility:hidden;transition:opacity var(--ui-transition-base),visibility var(--ui-transition-base)}
.drawer-mask.open{opacity:1;visibility:visible}
.drawer{position:fixed;z-index:var(--ui-z-drawer-panel);background:var(--ui-bg);transition:transform var(--ui-transition-slow) cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;box-shadow:var(--ui-shadow-xl)}
.drawer-left{top:0;left:0;bottom:0;width:300px;max-width:85vw;transform:translateX(-100%)}
.drawer-right{top:0;right:0;bottom:0;width:300px;max-width:85vw;transform:translateX(100%)}
.drawer-top{top:0;left:0;right:0;height:300px;max-height:60vh;transform:translateY(-100%)}
.drawer-bottom{bottom:0;left:0;right:0;height:300px;max-height:60vh;transform:translateY(100%)}
.drawer.open{transform:translate(0,0)}
.drawer-head{padding:1rem 1.25rem;border-bottom:1px solid var(--ui-border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:56px}
.drawer-head strong{font-size:1rem;font-weight:600}
.drawer-body{padding:1.25rem;flex:1;overflow:auto}
.drawer-foot{padding:1rem 1.25rem;border-top:1px solid var(--ui-border);flex-shrink:0;display:flex;justify-content:flex-end;gap:0.5rem}
.drawer-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--ui-text-secondary);cursor:pointer;border-radius:var(--ui-radius-md);transition:background-color var(--ui-transition-fast),color var(--ui-transition-fast);font-size:18px;line-height:1}
.drawer-close-btn:hover{background:var(--ui-bg-secondary);color:var(--ui-text)}
/* ========== Toast ========== */
.toast-container{position:fixed;top:1.5rem;right:1.5rem;z-index:var(--ui-z-toast);display:flex;flex-direction:column;gap:0.625rem;pointer-events:none}
.toast{display:flex;align-items:flex-start;padding:0.75rem 1rem;border-radius:var(--ui-radius-lg);background:var(--ui-bg);box-shadow:var(--ui-shadow-lg),0 0 0 1px rgba(0,0,0,0.05);pointer-events:auto;font-size:var(--ui-font-size-sm);max-width:420px;line-height:1.5;animation:toastSlideIn var(--ui-transition-base) forwards}
.toast.toast-out{animation:toastSlideOut var(--ui-transition-base) forwards}
.toast-icon{margin-right:0.625rem;font-style:normal;flex-shrink:0;font-size:1rem;line-height:1.5}
.toast-content{flex:1;word-break:break-word;color:var(--ui-text)}
.toast-close{margin-left:0.75rem;cursor:pointer;color:var(--ui-text-muted);flex-shrink:0;background:none;border:none;font-size:1.125rem;line-height:1;transition:color var(--ui-transition-fast);padding:0}
.toast-close:hover{color:var(--ui-text)}
.toast-success{border-left:4px solid var(--ui-success)}
.toast-success .toast-icon{color:var(--ui-success)}
.toast-warning{border-left:4px solid var(--ui-warning)}
.toast-warning .toast-icon{color:var(--ui-warning)}
.toast-danger{border-left:4px solid var(--ui-danger)}
.toast-danger .toast-icon{color:var(--ui-danger)}
.toast-info{border-left:4px solid var(--ui-info)}
.toast-info .toast-icon{color:var(--ui-info)}
@keyframes toastSlideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}
@keyframes toastSlideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}
/* ========== Skeleton ========== */
.skeleton{overflow:hidden}
.skeleton-line,.skeleton-circle,.skeleton-rect{background:linear-gradient(90deg,var(--ui-bg-secondary) 25%,var(--ui-skeleton-hl) 37%,var(--ui-bg-secondary) 63%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease infinite;border-radius:var(--ui-radius-md)}
.skeleton-line{height:0.875rem;margin-bottom:0.75rem;border-radius:var(--ui-radius-sm)}
.skeleton-line:last-child{width:60%}
.skeleton-circle{width:2.5rem;height:2.5rem;border-radius:var(--ui-radius-round)}
.skeleton-rect{height:6rem;border-radius:var(--ui-radius-md)}
@keyframes skeletonShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
/* ========== Switch ========== */
.switch{position:relative;display:inline-block;vertical-align:middle;cursor:pointer}
.switch-input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
.switch-slider{display:block;width:2.75rem;height:1.5rem;background:var(--ui-switch-off);border-radius:1.5rem;position:relative;transition:background var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}
.switch-slider::before{content:"";position:absolute;width:1.125rem;height:1.125rem;left:0.1875rem;top:0.1875rem;background:var(--ui-bg);border-radius:var(--ui-radius-round);transition:transform var(--ui-transition-fast) cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 3px rgba(0,0,0,0.15)}
.switch.active .switch-slider,.switch-input:checked+.switch-slider{background:var(--ui-primary)}
.switch.active .switch-slider::before,.switch-input:checked+.switch-slider::before{transform:translateX(1.125rem)}
.switch:hover .switch-slider{box-shadow:0 0 0 3px var(--ui-ring)}
.switch-small .switch-slider{width:2rem;height:1.125rem}
.switch-small .switch-slider::before{width:0.8125rem;height:0.8125rem}
.switch-small.active .switch-slider::before,.switch-small .switch-input:checked+.switch-slider::before{transform:translateX(0.8125rem)}
.switch-large .switch-slider{width:3.5rem;height:1.875rem}
.switch-large .switch-slider::before{width:1.5rem;height:1.5rem}
.switch-large.active .switch-slider::before,.switch-large .switch-input:checked+.switch-slider::before{transform:translateX(1.5rem)}
.switch-success.active .switch-slider,.switch-success .switch-input:checked+.switch-slider{background:var(--ui-success)}
.switch-warning.active .switch-slider,.switch-warning .switch-input:checked+.switch-slider{background:var(--ui-warning)}
.switch-danger.active .switch-slider,.switch-danger .switch-input:checked+.switch-slider{background:var(--ui-danger)}
.switch-info.active .switch-slider,.switch-info .switch-input:checked+.switch-slider{background:var(--ui-info)}
/* ========== Avatar ========== */
.avatar{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--ui-primary-light);color:var(--ui-primary);font-size:var(--ui-font-size-sm);font-weight:600;overflow:hidden;vertical-align:middle;text-align:center;border-radius:var(--ui-radius-lg)}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar-circle{border-radius:var(--ui-radius-round)}
.avatar-rounded{border-radius:var(--ui-radius-lg)}
.avatar-square{border-radius:var(--ui-radius-md)}
.avatar-xs{width:1.25rem;height:1.25rem;font-size:0.625rem}
.avatar-sm{width:1.875rem;height:1.875rem;font-size:0.75rem}
.avatar-md{width:2.5rem;height:2.5rem;font-size:0.875rem}
.avatar-lg{width:3.5rem;height:3.5rem;font-size:1.125rem}
.avatar-xl{width:4.5rem;height:4.5rem;font-size:1.375rem}
.avatar-group{display:inline-flex}
.avatar-group .avatar{margin-left:-0.625rem;border:2px solid var(--ui-bg);transition:transform var(--ui-transition-fast)}
.avatar-group .avatar:first-child{margin-left:0}
.avatar-group .avatar:hover{transform:translateY(-2px);z-index:1}
/* ========== Divider ========== */
.divider{display:flex;align-items:center;margin:1rem 0;border:0;color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm)}
.divider::before,.divider::after{content:"";flex:1;border-top:1px solid var(--ui-border)}
.divider::before{margin-right:0.75rem}
.divider::after{margin-left:0.75rem}
.divider-vertical{display:inline-block;width:1px;height:0.8em;margin:0 0.5rem;vertical-align:middle;background:var(--ui-border);border:0}
.divider-vertical::before,.divider-vertical::after{display:none}
.divider-text{display:flex;align-items:center;margin:1rem 0;border:0;color:var(--ui-text-secondary);font-size:var(--ui-font-size-sm)}
.divider-text::before,.divider-text::after{content:"";flex:1;border-top:1px solid var(--ui-border)}
.divider-text::before{margin-right:0.75rem}
.divider-text::after{margin-left:0.75rem}
/* ========== Tooltip ========== */
.tooltip{position:relative;display:inline-block}
.tooltip-text{position:absolute;padding:0.375rem 0.75rem;background:var(--ui-tooltip-bg);color:#fff;font-size:var(--ui-font-size-xs);border-radius:var(--ui-radius-sm);white-space:nowrap;opacity:0;display:none;z-index:var(--ui-z-tooltip);pointer-events:none;box-shadow:var(--ui-shadow-md);}
@keyframes tooltipIn{from{opacity:0}to{opacity:1}}
.tooltip-text::after{content:"";position:absolute;border:5px solid transparent}
.tooltip:hover .tooltip-text,.tooltip:focus-within .tooltip-text{opacity:1;display:block;animation:tooltipIn var(--ui-transition-fast)}
.tooltip-top .tooltip-text{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}
.tooltip-top .tooltip-text::after{top:100%;left:50%;margin-left:-5px;border-top-color:var(--ui-tooltip-bg)}
.tooltip-bottom .tooltip-text{top:calc(100% + 8px);left:50%;transform:translateX(-50%)}
.tooltip-bottom .tooltip-text::after{bottom:100%;left:50%;margin-left:-5px;border-bottom-color:var(--ui-tooltip-bg)}
.tooltip-left .tooltip-text{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}
.tooltip-left .tooltip-text::after{left:100%;top:50%;margin-top:-5px;border-left-color:var(--ui-tooltip-bg)}
.tooltip-right .tooltip-text{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}
.tooltip-right .tooltip-text::after{right:100%;top:50%;margin-top:-5px;border-right-color:var(--ui-tooltip-bg)}
/* ========== Badge Status ========== */
.badge-status{display:inline-flex;align-items:center;line-height:inherit}
.badge-status-dot{display:inline-block;width:6px;height:6px;border-radius:var(--ui-radius-round);margin-right:0.5rem;vertical-align:middle}
.badge-status-dot.dot-primary{background:var(--ui-primary)}
.badge-status-dot.dot-success{background:var(--ui-success)}
.badge-status-dot.dot-warning{background:var(--ui-warning)}
.badge-status-dot.dot-danger{background:var(--ui-danger)}
.badge-status-dot.dot-info{background:var(--ui-info)}
.badge-status-text{font-size:var(--ui-font-size-sm);color:var(--ui-text-secondary)}
/* ========== Spinner ========== */
.spinner{display:inline-block;vertical-align:middle;border-radius:50%}
.spinner-border{width:2rem;height:2rem;border:0.2em solid var(--ui-border);border-top-color:var(--ui-primary);animation:spinnerRotate 0.6s linear infinite}
.spinner-grow{width:2rem;height:2rem;background-color:var(--ui-primary);animation:spinnerGrow 0.75s ease infinite}
.spinner-sm{width:1rem;height:1rem}
.spinner-lg{width:3rem;height:3rem}
@keyframes spinnerRotate{to{transform:rotate(360deg)}}
@keyframes spinnerGrow{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}
/* ========== Image Lazy ========== */
.img-lazy{background:var(--ui-bg-secondary);min-height:1rem;position:relative;overflow:hidden}
.img-lazy::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:imgLazyShimmer 1.5s infinite}
@keyframes imgLazyShimmer{to{left:100%}}
/* ========== Gap & Order Utilities ========== */
.gap-0{gap:0!important}.gap-1{gap:0.25rem!important}.gap-2{gap:0.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:2rem!important}
.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-first{order:-1!important}.order-last{order:9999!important}
/* ========== CSS Grid ========== */
.grid{display:grid}
.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}
.grid-gap-0{gap:0}.grid-gap-1{gap:0.25rem}.grid-gap-2{gap:0.5rem}.grid-gap-3{gap:1rem}.grid-gap-4{gap:1.5rem}.grid-gap-5{gap:2rem}
/* ========== Transition Enhancements ========== */
.transition{transition:all var(--ui-transition-base)}
.transition-fast{transition:all var(--ui-transition-fast)}
.transition-slow{transition:all var(--ui-transition-slow)}
.hover-scale{transition:transform var(--ui-transition-base)}
.hover-scale:hover{transform:scale(1.05)}
.hover-shadow{transition:box-shadow var(--ui-transition-base)}
.hover-shadow:hover{box-shadow:var(--ui-shadow-lg)}
.hover-up{transition:transform var(--ui-transition-base),box-shadow var(--ui-transition-base)}
.hover-up:hover{transform:translateY(-4px);box-shadow:var(--ui-shadow-lg)}
/* ========== Scrollbar ========== */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;transition:background var(--ui-transition-fast)}
::-webkit-scrollbar-thumb:hover{background:#9ca3af}
[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#475569}
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:#64748b}
/* ========== Dialog Enhancements ========== */
.dialog-scale{animation:dialogScaleIn var(--ui-transition-base)}
@keyframes dialogScaleIn{from{opacity:0;transform:translateY(-50%) scale(0.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}
.dialog-slide-top{animation:dialogSlideTop var(--ui-transition-base)}
@keyframes dialogSlideTop{from{opacity:0;transform:translateY(calc(-50% - 2rem))}to{opacity:1;transform:translateY(-50%)}}
.dialog-slide-bottom{animation:dialogSlideBottom var(--ui-transition-base)}
@keyframes dialogSlideBottom{from{opacity:0;transform:translateY(calc(-50% + 2rem))}to{opacity:1;transform:translateY(-50%)}}
.dialog-slide-left{animation:dialogSlideLeft var(--ui-transition-base)}
@keyframes dialogSlideLeft{from{opacity:0;transform:translate(-2rem,-50%)}to{opacity:1;transform:translate(0,-50%)}}
.dialog-slide-right{animation:dialogSlideRight var(--ui-transition-base)}
@keyframes dialogSlideRight{from{opacity:0;transform:translate(2rem,-50%)}to{opacity:1;transform:translate(0,-50%)}}
/* ========== Form Enhancements ========== */
.floating-label{position:relative}
.floating-label input,.floating-label textarea,.floating-label select{width:100%;padding:1.25rem 0.75rem 0.375rem;border:1px solid var(--ui-border);border-radius:var(--ui-radius-md);background:var(--ui-bg);color:var(--ui-text);font-size:var(--ui-font-size-base);transition:border-color var(--ui-transition-fast),box-shadow var(--ui-transition-fast)}
.floating-label label{position:absolute;top:50%;left:0.75rem;transform:translateY(-50%);color:var(--ui-text-muted);font-size:var(--ui-font-size-base);pointer-events:none;transition:color var(--ui-transition-fast),transform var(--ui-transition-fast),top var(--ui-transition-fast);background:transparent;padding:0 0.25rem}
.floating-label input:focus~label,.floating-label input:not(:placeholder-shown)~label,.floating-label textarea:focus~label,.floating-label textarea:not(:placeholder-shown)~label{top:0.375rem;transform:translateY(0);font-size:var(--ui-font-size-xs);color:var(--ui-primary);background:var(--ui-bg)}
.floating-label input:focus,.floating-label textarea:focus,.floating-label select:focus{border-color:var(--ui-primary);outline:none;box-shadow:0 0 0 3px var(--ui-ring)}
/* ========== Input Focus Ring ========== */
.input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-ring);transition:all .15s ease}
/* ========== Button Enhancement ========== */
.button.bg-main,.button.bg-sub,.button.bg-dot,.button.bg-black,.button.bg-gray,.button.bg-red,.button.bg-yellow,.button.bg-blue,.button.bg-green{color:#fff}
.button{transition:all var(--ui-transition-fast)}
.button:active{transform:scale(0.97)}
/* ========== Card Enhancement ========== */
.card{box-shadow:var(--ui-shadow-sm);transition:box-shadow var(--ui-transition-base),transform var(--ui-transition-base)}
.card:hover{box-shadow:var(--ui-shadow-md)}
/* ========== Panel Enhancement ========== */
.panel{box-shadow:var(--ui-shadow-sm)}
/* ========== Bootstrap-style Enhancements ========== */
.pagination .active{background:var(--ui-primary);border-color:var(--ui-primary)}
.pagination .active a{color:#fff}
.pagination a:hover{color:var(--ui-primary)}
.nav-pills .active a,.nav-pills .active a:hover{background:var(--ui-primary);color:#fff}
.nav-pills .active ul a{background:var(--ui-bg);color:var(--ui-text)}
.alert{border-left:4px solid transparent}
.alert-red{border-left-color:var(--ui-danger)}
.alert-yellow{border-left-color:var(--ui-warning)}
.alert-blue{border-left-color:var(--ui-info)}
.alert-green{border-left-color:var(--ui-success)}
.bread li:after{content:"/";color:var(--ui-text-muted)}
.ratio{position:relative}
.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.ratio-1x1{padding-top:100%}
.ratio-4x3{padding-top:75%}
.ratio-16x9{padding-top:56.25%}
.ratio-21x9{padding-top:42.86%}
.text-muted{color:var(--ui-text-muted)}
.drop-meun-head,.drop-menu-head{display:block;padding:5px 20px;font-size:12px;color:var(--ui-text-muted)}
.list-group a:hover{background:var(--ui-bg-secondary)}
/* ========== Atomic Utilities (Tailwind-style) ========== */
.m-1{margin:.25rem}
.m-2{margin:.5rem}
.m-3{margin:.75rem}
.m-4{margin:1rem}
.m-5{margin:1.5rem}
.m-6{margin:2rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mt-4{margin-top:1rem}
.mt-5{margin-top:1.5rem}
.mt-6{margin-top:2rem}
.mr-1{margin-right:.25rem}
.mr-2{margin-right:.5rem}
.mr-3{margin-right:.75rem}
.mr-4{margin-right:1rem}
.mr-5{margin-right:1.5rem}
.mr-6{margin-right:2rem}
.mb-1{margin-bottom:.25rem}
.mb-2{margin-bottom:.5rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.5rem}
.mb-6{margin-bottom:2rem}
.ml-1{margin-left:.25rem}
.ml-2{margin-left:.5rem}
.ml-3{margin-left:.75rem}
.ml-4{margin-left:1rem}
.ml-5{margin-left:1.5rem}
.ml-6{margin-left:2rem}
.mx-1{margin-left:.25rem;margin-right:.25rem}
.mx-2{margin-left:.5rem;margin-right:.5rem}
.mx-3{margin-left:.75rem;margin-right:.75rem}
.mx-4{margin-left:1rem;margin-right:1rem}
.mx-5{margin-left:1.5rem;margin-right:1.5rem}
.mx-6{margin-left:2rem;margin-right:2rem}
.my-1{margin-top:.25rem;margin-bottom:.25rem}
.my-2{margin-top:.5rem;margin-bottom:.5rem}
.my-3{margin-top:.75rem;margin-bottom:.75rem}
.my-4{margin-top:1rem;margin-bottom:1rem}
.my-5{margin-top:1.5rem;margin-bottom:1.5rem}
.my-6{margin-top:2rem;margin-bottom:2rem}
.p-1{padding:.25rem}
.p-2{padding:.5rem}
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.5rem}
.p-6{padding:2rem}
.pt-1{padding-top:.25rem}
.pt-2{padding-top:.5rem}
.pt-3{padding-top:.75rem}
.pt-4{padding-top:1rem}
.pt-5{padding-top:1.5rem}
.pt-6{padding-top:2rem}
.pr-1{padding-right:.25rem}
.pr-2{padding-right:.5rem}
.pr-3{padding-right:.75rem}
.pr-4{padding-right:1rem}
.pr-5{padding-right:1.5rem}
.pr-6{padding-right:2rem}
.pb-1{padding-bottom:.25rem}
.pb-2{padding-bottom:.5rem}
.pb-3{padding-bottom:.75rem}
.pb-4{padding-bottom:1rem}
.pb-5{padding-bottom:1.5rem}
.pb-6{padding-bottom:2rem}
.pl-1{padding-left:.25rem}
.pl-2{padding-left:.5rem}
.pl-3{padding-left:.75rem}
.pl-4{padding-left:1rem}
.pl-5{padding-left:1.5rem}
.pl-6{padding-left:2rem}
.px-1{padding-left:.25rem;padding-right:.25rem}
.px-2{padding-left:.5rem;padding-right:.5rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.5rem;padding-right:1.5rem}
.px-6{padding-left:2rem;padding-right:2rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-4{padding-top:1rem;padding-bottom:1rem}
.py-5{padding-top:1.5rem;padding-bottom:1.5rem}
.py-6{padding-top:2rem;padding-bottom:2rem}
.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}
.text-xs{font-size:.75rem}
.text-sm{font-size:.875rem}
.text-base{font-size:1rem}
.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}
.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}
.font-thin{font-weight:100}
.font-normal{font-weight:400}
.font-medium{font-weight:500}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-extrabold{font-weight:800}
.text-primary{color:var(--ui-primary)}
.bg-primary{background-color:var(--ui-primary);color:#fff}
.border-primary{border-color:var(--ui-primary)}
.bg-primary-subtle{background-color:var(--ui-primary-light);color:var(--ui-primary)}
.text-success{color:var(--ui-success)}
.bg-success{background-color:var(--ui-success);color:#fff}
.border-success{border-color:var(--ui-success)}
.bg-success-subtle{background-color:var(--ui-success-light);color:var(--ui-success)}
.text-danger{color:var(--ui-danger)}
.bg-danger{background-color:var(--ui-danger);color:#fff}
.border-danger{border-color:var(--ui-danger)}
.bg-danger-subtle{background-color:var(--ui-danger-light);color:var(--ui-danger)}
.text-warning{color:var(--ui-warning)}
.bg-warning{background-color:var(--ui-warning);color:#fff}
.border-warning{border-color:var(--ui-warning)}
.bg-warning-subtle{background-color:var(--ui-warning-light);color:var(--ui-warning)}
.text-info{color:var(--ui-info)}
.bg-info{background-color:var(--ui-info);color:#fff}
.border-info{border-color:var(--ui-info)}
.bg-info-subtle{background-color:var(--ui-info-light);color:var(--ui-info)}
.text-secondary{color:var(--ui-text-secondary)}.text-body{color:var(--ui-text)}.text-light{color:#f8fafc}.text-dark{color:var(--ui-dark)}
.bg-secondary{background-color:var(--ui-bg-secondary);color:var(--ui-text)}.bg-light{background-color:var(--ui-bg-secondary);color:var(--ui-text)}.bg-dark{background-color:#1e293b;color:#f8fafc}
.border-light{border-color:rgba(255,255,255,.4)}.border-dark{border-color:var(--ui-dark)}
.w-25{width:25%}.h-25{height:25%}
.w-50{width:50%}.h-50{height:50%}
.w-75{width:75%}.h-75{height:75%}
.w-100{width:100%}.h-100{height:100%}
.w-auto{width:auto}.h-auto{height:auto}.mw-100{max-width:100%}.vw-100{width:100vw}.vh-100{height:100vh}.min-w-0{min-width:0}.min-h-0{min-height:0}
.rounded-0{border-radius:0}.rounded-sm{border-radius:2px}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}
.shadow-0{box-shadow:none}.shadow-sm{box-shadow:var(--ui-shadow-sm)}.shadow{box-shadow:var(--ui-shadow-md)}.shadow-lg{box-shadow:var(--ui-shadow-lg)}.shadow-xl{box-shadow:var(--ui-shadow-xl)}
.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}
.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-widest{letter-spacing:.1em}
.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{user-select:none}.overflow-scroll{overflow:scroll}

/* ========== Nav Dropdown Guards ========== */
.nav ul.drop-menu{display:none}
.nav .open .drop-menu{display:block}
.navbar-right .drop-menu,.navbar .navbar-right .drop-menu{left:auto;right:0}
.navbar-body .nav .drop-menu li,.navbar-body .nav .drop-menu a{border-bottom:0;margin:0}
.navbar-body .nav .drop-menu a{line-height:20px;padding:5px 20px;text-indent:0}
/* ========== Focus Ring (keyboard only) ========== */
:focus-visible{outline:2px solid var(--ui-primary);outline-offset:2px}
.input:focus-visible,.floating-label input:focus-visible,.floating-label textarea:focus-visible,.floating-label select:focus-visible{outline:none}
.switch-input:focus-visible+.switch-slider{box-shadow:0 0 0 3px var(--ui-ring)}
/* ========== Validation Help ========== */
.check-error .input-help ul{list-style:none;border:1px solid var(--ui-border);background:var(--ui-bg);border-radius:var(--ui-radius-sm);padding:6px 10px;margin-top:4px;box-shadow:var(--ui-shadow-sm);font-size:var(--ui-font-size-sm)}
.check-error .input-help li{line-height:1.6}
.check-success .input-help{display:none}
/* ========== Button Loading / Disabled ========== */
.button .spinner,.button .spinner-border,.button .spinner-grow{width:1em;height:1em;border-width:0.15em;margin-right:0.4em;vertical-align:-0.125em}
.button[disabled]:active{transform:none}
/* ========== Table Polish ========== */
.table th{font-weight:600;color:var(--ui-text-secondary)}
.table-sticky thead th{position:sticky;top:0;background:var(--ui-bg);z-index:2;box-shadow:inset 0 -2px 0 var(--ui-border)}
.table-fixed{table-layout:fixed}
.table-borderless th,.table-borderless td{border:0}
.table-middle th,.table-middle td{vertical-align:middle}
.table-nowrap td{white-space:nowrap}
.table>tbody>tr.active>td,.table>tbody>tr.active>th{background-color:var(--ui-primary-light)}
.table-actions{text-align:right;white-space:nowrap}
.table-actions .button+.button{margin-left:5px}
/* ========== Form Polish ========== */
select.input{-webkit-appearance:none;appearance:none;padding-right:28px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:14px}
.input[readonly]{background:transparent;box-shadow:none;cursor:default}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 1rem}
.form-grid .form-group{min-width:0}
.form-grid-2{grid-template-columns:repeat(2,1fr)}
.form-grid-3{grid-template-columns:repeat(3,1fr)}
.form-grid-4{grid-template-columns:repeat(4,1fr)}
@media(min-width:768px) and (max-width:991px){.form-grid-3,.form-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.form-grid,.form-grid-2,.form-grid-3,.form-grid-4{grid-template-columns:1fr}}
.form-help{color:var(--ui-text-muted);font-size:var(--ui-font-size-xs);margin-top:4px;line-height:1.5}
/* ========== List Polish ========== */
.list-group-flush{border:0;border-radius:0}
.list-group-flush li,.list-group-flush a{border-left:0;border-right:0;padding-left:0;padding-right:0}
.list-group .active,.list-group li.active,.list-link a.active{background:var(--ui-primary-light);color:var(--ui-primary)}
.list-group-numbered{counter-reset:uilist}
.list-group-numbered li{counter-increment:uilist;display:flex;align-items:baseline}
.list-group-numbered li::before{content:counter(uilist) '.';font-weight:600;color:var(--ui-text-muted);min-width:1.6em;flex-shrink:0}
.list-group-icon li{display:flex;align-items:center}
.list-group-icon .icon{margin-right:8px;color:var(--ui-text-secondary)}
/* ========== Responsive Utility Prefixes (xl:≥576 xs:≥768 xm:≥992 xb:≥1200 xt:≥1400) ========== */
@media(min-width:576px){
.xl\:m-1{margin:.25rem}
.xl\:m-2{margin:.5rem}
.xl\:m-3{margin:.75rem}
.xl\:m-4{margin:1rem}
.xl\:m-5{margin:1.5rem}
.xl\:m-6{margin:2rem}
.xl\:mt-1{margin-top:.25rem}
.xl\:mt-2{margin-top:.5rem}
.xl\:mt-3{margin-top:.75rem}
.xl\:mt-4{margin-top:1rem}
.xl\:mt-5{margin-top:1.5rem}
.xl\:mt-6{margin-top:2rem}
.xl\:mr-1{margin-right:.25rem}
.xl\:mr-2{margin-right:.5rem}
.xl\:mr-3{margin-right:.75rem}
.xl\:mr-4{margin-right:1rem}
.xl\:mr-5{margin-right:1.5rem}
.xl\:mr-6{margin-right:2rem}
.xl\:mb-1{margin-bottom:.25rem}
.xl\:mb-2{margin-bottom:.5rem}
.xl\:mb-3{margin-bottom:.75rem}
.xl\:mb-4{margin-bottom:1rem}
.xl\:mb-5{margin-bottom:1.5rem}
.xl\:mb-6{margin-bottom:2rem}
.xl\:ml-1{margin-left:.25rem}
.xl\:ml-2{margin-left:.5rem}
.xl\:ml-3{margin-left:.75rem}
.xl\:ml-4{margin-left:1rem}
.xl\:ml-5{margin-left:1.5rem}
.xl\:ml-6{margin-left:2rem}
.xl\:mx-1{margin-left:.25rem;margin-right:.25rem}
.xl\:mx-2{margin-left:.5rem;margin-right:.5rem}
.xl\:mx-3{margin-left:.75rem;margin-right:.75rem}
.xl\:mx-4{margin-left:1rem;margin-right:1rem}
.xl\:mx-5{margin-left:1.5rem;margin-right:1.5rem}
.xl\:mx-6{margin-left:2rem;margin-right:2rem}
.xl\:my-1{margin-top:.25rem;margin-bottom:.25rem}
.xl\:my-2{margin-top:.5rem;margin-bottom:.5rem}
.xl\:my-3{margin-top:.75rem;margin-bottom:.75rem}
.xl\:my-4{margin-top:1rem;margin-bottom:1rem}
.xl\:my-5{margin-top:1.5rem;margin-bottom:1.5rem}
.xl\:my-6{margin-top:2rem;margin-bottom:2rem}
.xl\:p-1{padding:.25rem}
.xl\:p-2{padding:.5rem}
.xl\:p-3{padding:.75rem}
.xl\:p-4{padding:1rem}
.xl\:p-5{padding:1.5rem}
.xl\:p-6{padding:2rem}
.xl\:pt-1{padding-top:.25rem}
.xl\:pt-2{padding-top:.5rem}
.xl\:pt-3{padding-top:.75rem}
.xl\:pt-4{padding-top:1rem}
.xl\:pt-5{padding-top:1.5rem}
.xl\:pt-6{padding-top:2rem}
.xl\:pr-1{padding-right:.25rem}
.xl\:pr-2{padding-right:.5rem}
.xl\:pr-3{padding-right:.75rem}
.xl\:pr-4{padding-right:1rem}
.xl\:pr-5{padding-right:1.5rem}
.xl\:pr-6{padding-right:2rem}
.xl\:pb-1{padding-bottom:.25rem}
.xl\:pb-2{padding-bottom:.5rem}
.xl\:pb-3{padding-bottom:.75rem}
.xl\:pb-4{padding-bottom:1rem}
.xl\:pb-5{padding-bottom:1.5rem}
.xl\:pb-6{padding-bottom:2rem}
.xl\:pl-1{padding-left:.25rem}
.xl\:pl-2{padding-left:.5rem}
.xl\:pl-3{padding-left:.75rem}
.xl\:pl-4{padding-left:1rem}
.xl\:pl-5{padding-left:1.5rem}
.xl\:pl-6{padding-left:2rem}
.xl\:px-1{padding-left:.25rem;padding-right:.25rem}
.xl\:px-2{padding-left:.5rem;padding-right:.5rem}
.xl\:px-3{padding-left:.75rem;padding-right:.75rem}
.xl\:px-4{padding-left:1rem;padding-right:1rem}
.xl\:px-5{padding-left:1.5rem;padding-right:1.5rem}
.xl\:px-6{padding-left:2rem;padding-right:2rem}
.xl\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.xl\:py-2{padding-top:.5rem;padding-bottom:.5rem}
.xl\:py-3{padding-top:.75rem;padding-bottom:.75rem}
.xl\:py-4{padding-top:1rem;padding-bottom:1rem}
.xl\:py-5{padding-top:1.5rem;padding-bottom:1.5rem}
.xl\:py-6{padding-top:2rem;padding-bottom:2rem}
.xl\:m-auto{margin:auto}
.xl\:mx-auto{margin-left:auto;margin-right:auto}
.xl\:my-auto{margin-top:auto;margin-bottom:auto}
.xl\:block{display:block!important;visibility:visible!important}
.xl\:inline{display:inline!important;visibility:visible!important}
.xl\:inline-block{display:inline-block!important;visibility:visible!important}
.xl\:flex{display:flex!important;visibility:visible!important}
.xl\:inline-flex{display:inline-flex!important;visibility:visible!important}
.xl\:grid{display:grid!important;visibility:visible!important}
.xl\:hidden{display:none!important}
.xl\:w-25{width:25%}
.xl\:w-50{width:50%}
.xl\:w-75{width:75%}
.xl\:w-100{width:100%}
.xl\:w-auto{width:auto}
.xl\:h-25{height:25%}
.xl\:h-50{height:50%}
.xl\:h-75{height:75%}
.xl\:h-100{height:100%}
.xl\:h-auto{height:auto}
.xl\:text-xs{font-size:.75rem}
.xl\:text-sm{font-size:.875rem}
.xl\:text-base{font-size:1rem}
.xl\:text-lg{font-size:1.125rem}
.xl\:text-xl{font-size:1.25rem}
.xl\:text-2xl{font-size:1.5rem}
.xl\:text-3xl{font-size:1.875rem}
.xl\:text-4xl{font-size:2.25rem}
.xl\:text-5xl{font-size:3rem}
.xl\:font-light{font-weight:100}
.xl\:font-normal{font-weight:400}
.xl\:font-medium{font-weight:500}
.xl\:font-semibold{font-weight:600}
.xl\:font-bold{font-weight:700}
.xl\:font-extrabold{font-weight:800}
.xl\:gap-0{gap:0}
.xl\:gap-1{gap:.25rem}
.xl\:gap-2{gap:.5rem}
.xl\:gap-3{gap:.75rem}
.xl\:gap-4{gap:1rem}
.xl\:gap-5{gap:1.5rem}
.xl\:text-left{text-align:left}
.xl\:text-center{text-align:center}
.xl\:text-right{text-align:right}
.xl\:text-justify{text-align:justify}
.xl\:float-left{float:left!important}
.xl\:float-right{float:right!important}
.xl\:float-none{float:none!important}
}
@media(min-width:768px){
.xs\:m-1{margin:.25rem}
.xs\:m-2{margin:.5rem}
.xs\:m-3{margin:.75rem}
.xs\:m-4{margin:1rem}
.xs\:m-5{margin:1.5rem}
.xs\:m-6{margin:2rem}
.xs\:mt-1{margin-top:.25rem}
.xs\:mt-2{margin-top:.5rem}
.xs\:mt-3{margin-top:.75rem}
.xs\:mt-4{margin-top:1rem}
.xs\:mt-5{margin-top:1.5rem}
.xs\:mt-6{margin-top:2rem}
.xs\:mr-1{margin-right:.25rem}
.xs\:mr-2{margin-right:.5rem}
.xs\:mr-3{margin-right:.75rem}
.xs\:mr-4{margin-right:1rem}
.xs\:mr-5{margin-right:1.5rem}
.xs\:mr-6{margin-right:2rem}
.xs\:mb-1{margin-bottom:.25rem}
.xs\:mb-2{margin-bottom:.5rem}
.xs\:mb-3{margin-bottom:.75rem}
.xs\:mb-4{margin-bottom:1rem}
.xs\:mb-5{margin-bottom:1.5rem}
.xs\:mb-6{margin-bottom:2rem}
.xs\:ml-1{margin-left:.25rem}
.xs\:ml-2{margin-left:.5rem}
.xs\:ml-3{margin-left:.75rem}
.xs\:ml-4{margin-left:1rem}
.xs\:ml-5{margin-left:1.5rem}
.xs\:ml-6{margin-left:2rem}
.xs\:mx-1{margin-left:.25rem;margin-right:.25rem}
.xs\:mx-2{margin-left:.5rem;margin-right:.5rem}
.xs\:mx-3{margin-left:.75rem;margin-right:.75rem}
.xs\:mx-4{margin-left:1rem;margin-right:1rem}
.xs\:mx-5{margin-left:1.5rem;margin-right:1.5rem}
.xs\:mx-6{margin-left:2rem;margin-right:2rem}
.xs\:my-1{margin-top:.25rem;margin-bottom:.25rem}
.xs\:my-2{margin-top:.5rem;margin-bottom:.5rem}
.xs\:my-3{margin-top:.75rem;margin-bottom:.75rem}
.xs\:my-4{margin-top:1rem;margin-bottom:1rem}
.xs\:my-5{margin-top:1.5rem;margin-bottom:1.5rem}
.xs\:my-6{margin-top:2rem;margin-bottom:2rem}
.xs\:p-1{padding:.25rem}
.xs\:p-2{padding:.5rem}
.xs\:p-3{padding:.75rem}
.xs\:p-4{padding:1rem}
.xs\:p-5{padding:1.5rem}
.xs\:p-6{padding:2rem}
.xs\:pt-1{padding-top:.25rem}
.xs\:pt-2{padding-top:.5rem}
.xs\:pt-3{padding-top:.75rem}
.xs\:pt-4{padding-top:1rem}
.xs\:pt-5{padding-top:1.5rem}
.xs\:pt-6{padding-top:2rem}
.xs\:pr-1{padding-right:.25rem}
.xs\:pr-2{padding-right:.5rem}
.xs\:pr-3{padding-right:.75rem}
.xs\:pr-4{padding-right:1rem}
.xs\:pr-5{padding-right:1.5rem}
.xs\:pr-6{padding-right:2rem}
.xs\:pb-1{padding-bottom:.25rem}
.xs\:pb-2{padding-bottom:.5rem}
.xs\:pb-3{padding-bottom:.75rem}
.xs\:pb-4{padding-bottom:1rem}
.xs\:pb-5{padding-bottom:1.5rem}
.xs\:pb-6{padding-bottom:2rem}
.xs\:pl-1{padding-left:.25rem}
.xs\:pl-2{padding-left:.5rem}
.xs\:pl-3{padding-left:.75rem}
.xs\:pl-4{padding-left:1rem}
.xs\:pl-5{padding-left:1.5rem}
.xs\:pl-6{padding-left:2rem}
.xs\:px-1{padding-left:.25rem;padding-right:.25rem}
.xs\:px-2{padding-left:.5rem;padding-right:.5rem}
.xs\:px-3{padding-left:.75rem;padding-right:.75rem}
.xs\:px-4{padding-left:1rem;padding-right:1rem}
.xs\:px-5{padding-left:1.5rem;padding-right:1.5rem}
.xs\:px-6{padding-left:2rem;padding-right:2rem}
.xs\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.xs\:py-2{padding-top:.5rem;padding-bottom:.5rem}
.xs\:py-3{padding-top:.75rem;padding-bottom:.75rem}
.xs\:py-4{padding-top:1rem;padding-bottom:1rem}
.xs\:py-5{padding-top:1.5rem;padding-bottom:1.5rem}
.xs\:py-6{padding-top:2rem;padding-bottom:2rem}
.xs\:m-auto{margin:auto}
.xs\:mx-auto{margin-left:auto;margin-right:auto}
.xs\:my-auto{margin-top:auto;margin-bottom:auto}
.xs\:block{display:block!important;visibility:visible!important}
.xs\:inline{display:inline!important;visibility:visible!important}
.xs\:inline-block{display:inline-block!important;visibility:visible!important}
.xs\:flex{display:flex!important;visibility:visible!important}
.xs\:inline-flex{display:inline-flex!important;visibility:visible!important}
.xs\:grid{display:grid!important;visibility:visible!important}
.xs\:hidden{display:none!important}
.xs\:w-25{width:25%}
.xs\:w-50{width:50%}
.xs\:w-75{width:75%}
.xs\:w-100{width:100%}
.xs\:w-auto{width:auto}
.xs\:h-25{height:25%}
.xs\:h-50{height:50%}
.xs\:h-75{height:75%}
.xs\:h-100{height:100%}
.xs\:h-auto{height:auto}
.xs\:text-xs{font-size:.75rem}
.xs\:text-sm{font-size:.875rem}
.xs\:text-base{font-size:1rem}
.xs\:text-lg{font-size:1.125rem}
.xs\:text-xl{font-size:1.25rem}
.xs\:text-2xl{font-size:1.5rem}
.xs\:text-3xl{font-size:1.875rem}
.xs\:text-4xl{font-size:2.25rem}
.xs\:text-5xl{font-size:3rem}
.xs\:font-light{font-weight:100}
.xs\:font-normal{font-weight:400}
.xs\:font-medium{font-weight:500}
.xs\:font-semibold{font-weight:600}
.xs\:font-bold{font-weight:700}
.xs\:font-extrabold{font-weight:800}
.xs\:gap-0{gap:0}
.xs\:gap-1{gap:.25rem}
.xs\:gap-2{gap:.5rem}
.xs\:gap-3{gap:.75rem}
.xs\:gap-4{gap:1rem}
.xs\:gap-5{gap:1.5rem}
.xs\:text-left{text-align:left}
.xs\:text-center{text-align:center}
.xs\:text-right{text-align:right}
.xs\:text-justify{text-align:justify}
.xs\:float-left{float:left!important}
.xs\:float-right{float:right!important}
.xs\:float-none{float:none!important}
}
@media(min-width:992px){
.xm\:m-1{margin:.25rem}
.xm\:m-2{margin:.5rem}
.xm\:m-3{margin:.75rem}
.xm\:m-4{margin:1rem}
.xm\:m-5{margin:1.5rem}
.xm\:m-6{margin:2rem}
.xm\:mt-1{margin-top:.25rem}
.xm\:mt-2{margin-top:.5rem}
.xm\:mt-3{margin-top:.75rem}
.xm\:mt-4{margin-top:1rem}
.xm\:mt-5{margin-top:1.5rem}
.xm\:mt-6{margin-top:2rem}
.xm\:mr-1{margin-right:.25rem}
.xm\:mr-2{margin-right:.5rem}
.xm\:mr-3{margin-right:.75rem}
.xm\:mr-4{margin-right:1rem}
.xm\:mr-5{margin-right:1.5rem}
.xm\:mr-6{margin-right:2rem}
.xm\:mb-1{margin-bottom:.25rem}
.xm\:mb-2{margin-bottom:.5rem}
.xm\:mb-3{margin-bottom:.75rem}
.xm\:mb-4{margin-bottom:1rem}
.xm\:mb-5{margin-bottom:1.5rem}
.xm\:mb-6{margin-bottom:2rem}
.xm\:ml-1{margin-left:.25rem}
.xm\:ml-2{margin-left:.5rem}
.xm\:ml-3{margin-left:.75rem}
.xm\:ml-4{margin-left:1rem}
.xm\:ml-5{margin-left:1.5rem}
.xm\:ml-6{margin-left:2rem}
.xm\:mx-1{margin-left:.25rem;margin-right:.25rem}
.xm\:mx-2{margin-left:.5rem;margin-right:.5rem}
.xm\:mx-3{margin-left:.75rem;margin-right:.75rem}
.xm\:mx-4{margin-left:1rem;margin-right:1rem}
.xm\:mx-5{margin-left:1.5rem;margin-right:1.5rem}
.xm\:mx-6{margin-left:2rem;margin-right:2rem}
.xm\:my-1{margin-top:.25rem;margin-bottom:.25rem}
.xm\:my-2{margin-top:.5rem;margin-bottom:.5rem}
.xm\:my-3{margin-top:.75rem;margin-bottom:.75rem}
.xm\:my-4{margin-top:1rem;margin-bottom:1rem}
.xm\:my-5{margin-top:1.5rem;margin-bottom:1.5rem}
.xm\:my-6{margin-top:2rem;margin-bottom:2rem}
.xm\:p-1{padding:.25rem}
.xm\:p-2{padding:.5rem}
.xm\:p-3{padding:.75rem}
.xm\:p-4{padding:1rem}
.xm\:p-5{padding:1.5rem}
.xm\:p-6{padding:2rem}
.xm\:pt-1{padding-top:.25rem}
.xm\:pt-2{padding-top:.5rem}
.xm\:pt-3{padding-top:.75rem}
.xm\:pt-4{padding-top:1rem}
.xm\:pt-5{padding-top:1.5rem}
.xm\:pt-6{padding-top:2rem}
.xm\:pr-1{padding-right:.25rem}
.xm\:pr-2{padding-right:.5rem}
.xm\:pr-3{padding-right:.75rem}
.xm\:pr-4{padding-right:1rem}
.xm\:pr-5{padding-right:1.5rem}
.xm\:pr-6{padding-right:2rem}
.xm\:pb-1{padding-bottom:.25rem}
.xm\:pb-2{padding-bottom:.5rem}
.xm\:pb-3{padding-bottom:.75rem}
.xm\:pb-4{padding-bottom:1rem}
.xm\:pb-5{padding-bottom:1.5rem}
.xm\:pb-6{padding-bottom:2rem}
.xm\:pl-1{padding-left:.25rem}
.xm\:pl-2{padding-left:.5rem}
.xm\:pl-3{padding-left:.75rem}
.xm\:pl-4{padding-left:1rem}
.xm\:pl-5{padding-left:1.5rem}
.xm\:pl-6{padding-left:2rem}
.xm\:px-1{padding-left:.25rem;padding-right:.25rem}
.xm\:px-2{padding-left:.5rem;padding-right:.5rem}
.xm\:px-3{padding-left:.75rem;padding-right:.75rem}
.xm\:px-4{padding-left:1rem;padding-right:1rem}
.xm\:px-5{padding-left:1.5rem;padding-right:1.5rem}
.xm\:px-6{padding-left:2rem;padding-right:2rem}
.xm\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.xm\:py-2{padding-top:.5rem;padding-bottom:.5rem}
.xm\:py-3{padding-top:.75rem;padding-bottom:.75rem}
.xm\:py-4{padding-top:1rem;padding-bottom:1rem}
.xm\:py-5{padding-top:1.5rem;padding-bottom:1.5rem}
.xm\:py-6{padding-top:2rem;padding-bottom:2rem}
.xm\:m-auto{margin:auto}
.xm\:mx-auto{margin-left:auto;margin-right:auto}
.xm\:my-auto{margin-top:auto;margin-bottom:auto}
.xm\:block{display:block!important;visibility:visible!important}
.xm\:inline{display:inline!important;visibility:visible!important}
.xm\:inline-block{display:inline-block!important;visibility:visible!important}
.xm\:flex{display:flex!important;visibility:visible!important}
.xm\:inline-flex{display:inline-flex!important;visibility:visible!important}
.xm\:grid{display:grid!important;visibility:visible!important}
.xm\:hidden{display:none!important}
.xm\:w-25{width:25%}
.xm\:w-50{width:50%}
.xm\:w-75{width:75%}
.xm\:w-100{width:100%}
.xm\:w-auto{width:auto}
.xm\:h-25{height:25%}
.xm\:h-50{height:50%}
.xm\:h-75{height:75%}
.xm\:h-100{height:100%}
.xm\:h-auto{height:auto}
.xm\:text-xs{font-size:.75rem}
.xm\:text-sm{font-size:.875rem}
.xm\:text-base{font-size:1rem}
.xm\:text-lg{font-size:1.125rem}
.xm\:text-xl{font-size:1.25rem}
.xm\:text-2xl{font-size:1.5rem}
.xm\:text-3xl{font-size:1.875rem}
.xm\:text-4xl{font-size:2.25rem}
.xm\:text-5xl{font-size:3rem}
.xm\:font-light{font-weight:100}
.xm\:font-normal{font-weight:400}
.xm\:font-medium{font-weight:500}
.xm\:font-semibold{font-weight:600}
.xm\:font-bold{font-weight:700}
.xm\:font-extrabold{font-weight:800}
.xm\:gap-0{gap:0}
.xm\:gap-1{gap:.25rem}
.xm\:gap-2{gap:.5rem}
.xm\:gap-3{gap:.75rem}
.xm\:gap-4{gap:1rem}
.xm\:gap-5{gap:1.5rem}
.xm\:text-left{text-align:left}
.xm\:text-center{text-align:center}
.xm\:text-right{text-align:right}
.xm\:text-justify{text-align:justify}
.xm\:float-left{float:left!important}
.xm\:float-right{float:right!important}
.xm\:float-none{float:none!important}
}
@media(min-width:1200px){
.xb\:m-1{margin:.25rem}
.xb\:m-2{margin:.5rem}
.xb\:m-3{margin:.75rem}
.xb\:m-4{margin:1rem}
.xb\:m-5{margin:1.5rem}
.xb\:m-6{margin:2rem}
.xb\:mt-1{margin-top:.25rem}
.xb\:mt-2{margin-top:.5rem}
.xb\:mt-3{margin-top:.75rem}
.xb\:mt-4{margin-top:1rem}
.xb\:mt-5{margin-top:1.5rem}
.xb\:mt-6{margin-top:2rem}
.xb\:mr-1{margin-right:.25rem}
.xb\:mr-2{margin-right:.5rem}
.xb\:mr-3{margin-right:.75rem}
.xb\:mr-4{margin-right:1rem}
.xb\:mr-5{margin-right:1.5rem}
.xb\:mr-6{margin-right:2rem}
.xb\:mb-1{margin-bottom:.25rem}
.xb\:mb-2{margin-bottom:.5rem}
.xb\:mb-3{margin-bottom:.75rem}
.xb\:mb-4{margin-bottom:1rem}
.xb\:mb-5{margin-bottom:1.5rem}
.xb\:mb-6{margin-bottom:2rem}
.xb\:ml-1{margin-left:.25rem}
.xb\:ml-2{margin-left:.5rem}
.xb\:ml-3{margin-left:.75rem}
.xb\:ml-4{margin-left:1rem}
.xb\:ml-5{margin-left:1.5rem}
.xb\:ml-6{margin-left:2rem}
.xb\:mx-1{margin-left:.25rem;margin-right:.25rem}
.xb\:mx-2{margin-left:.5rem;margin-right:.5rem}
.xb\:mx-3{margin-left:.75rem;margin-right:.75rem}
.xb\:mx-4{margin-left:1rem;margin-right:1rem}
.xb\:mx-5{margin-left:1.5rem;margin-right:1.5rem}
.xb\:mx-6{margin-left:2rem;margin-right:2rem}
.xb\:my-1{margin-top:.25rem;margin-bottom:.25rem}
.xb\:my-2{margin-top:.5rem;margin-bottom:.5rem}
.xb\:my-3{margin-top:.75rem;margin-bottom:.75rem}
.xb\:my-4{margin-top:1rem;margin-bottom:1rem}
.xb\:my-5{margin-top:1.5rem;margin-bottom:1.5rem}
.xb\:my-6{margin-top:2rem;margin-bottom:2rem}
.xb\:p-1{padding:.25rem}
.xb\:p-2{padding:.5rem}
.xb\:p-3{padding:.75rem}
.xb\:p-4{padding:1rem}
.xb\:p-5{padding:1.5rem}
.xb\:p-6{padding:2rem}
.xb\:pt-1{padding-top:.25rem}
.xb\:pt-2{padding-top:.5rem}
.xb\:pt-3{padding-top:.75rem}
.xb\:pt-4{padding-top:1rem}
.xb\:pt-5{padding-top:1.5rem}
.xb\:pt-6{padding-top:2rem}
.xb\:pr-1{padding-right:.25rem}
.xb\:pr-2{padding-right:.5rem}
.xb\:pr-3{padding-right:.75rem}
.xb\:pr-4{padding-right:1rem}
.xb\:pr-5{padding-right:1.5rem}
.xb\:pr-6{padding-right:2rem}
.xb\:pb-1{padding-bottom:.25rem}
.xb\:pb-2{padding-bottom:.5rem}
.xb\:pb-3{padding-bottom:.75rem}
.xb\:pb-4{padding-bottom:1rem}
.xb\:pb-5{padding-bottom:1.5rem}
.xb\:pb-6{padding-bottom:2rem}
.xb\:pl-1{padding-left:.25rem}
.xb\:pl-2{padding-left:.5rem}
.xb\:pl-3{padding-left:.75rem}
.xb\:pl-4{padding-left:1rem}
.xb\:pl-5{padding-left:1.5rem}
.xb\:pl-6{padding-left:2rem}
.xb\:px-1{padding-left:.25rem;padding-right:.25rem}
.xb\:px-2{padding-left:.5rem;padding-right:.5rem}
.xb\:px-3{padding-left:.75rem;padding-right:.75rem}
.xb\:px-4{padding-left:1rem;padding-right:1rem}
.xb\:px-5{padding-left:1.5rem;padding-right:1.5rem}
.xb\:px-6{padding-left:2rem;padding-right:2rem}
.xb\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.xb\:py-2{padding-top:.5rem;padding-bottom:.5rem}
.xb\:py-3{padding-top:.75rem;padding-bottom:.75rem}
.xb\:py-4{padding-top:1rem;padding-bottom:1rem}
.xb\:py-5{padding-top:1.5rem;padding-bottom:1.5rem}
.xb\:py-6{padding-top:2rem;padding-bottom:2rem}
.xb\:m-auto{margin:auto}
.xb\:mx-auto{margin-left:auto;margin-right:auto}
.xb\:my-auto{margin-top:auto;margin-bottom:auto}
.xb\:block{display:block!important;visibility:visible!important}
.xb\:inline{display:inline!important;visibility:visible!important}
.xb\:inline-block{display:inline-block!important;visibility:visible!important}
.xb\:flex{display:flex!important;visibility:visible!important}
.xb\:inline-flex{display:inline-flex!important;visibility:visible!important}
.xb\:grid{display:grid!important;visibility:visible!important}
.xb\:hidden{display:none!important}
.xb\:w-25{width:25%}
.xb\:w-50{width:50%}
.xb\:w-75{width:75%}
.xb\:w-100{width:100%}
.xb\:w-auto{width:auto}
.xb\:h-25{height:25%}
.xb\:h-50{height:50%}
.xb\:h-75{height:75%}
.xb\:h-100{height:100%}
.xb\:h-auto{height:auto}
.xb\:text-xs{font-size:.75rem}
.xb\:text-sm{font-size:.875rem}
.xb\:text-base{font-size:1rem}
.xb\:text-lg{font-size:1.125rem}
.xb\:text-xl{font-size:1.25rem}
.xb\:text-2xl{font-size:1.5rem}
.xb\:text-3xl{font-size:1.875rem}
.xb\:text-4xl{font-size:2.25rem}
.xb\:text-5xl{font-size:3rem}
.xb\:font-light{font-weight:100}
.xb\:font-normal{font-weight:400}
.xb\:font-medium{font-weight:500}
.xb\:font-semibold{font-weight:600}
.xb\:font-bold{font-weight:700}
.xb\:font-extrabold{font-weight:800}
.xb\:gap-0{gap:0}
.xb\:gap-1{gap:.25rem}
.xb\:gap-2{gap:.5rem}
.xb\:gap-3{gap:.75rem}
.xb\:gap-4{gap:1rem}
.xb\:gap-5{gap:1.5rem}
.xb\:text-left{text-align:left}
.xb\:text-center{text-align:center}
.xb\:text-right{text-align:right}
.xb\:text-justify{text-align:justify}
.xb\:float-left{float:left!important}
.xb\:float-right{float:right!important}
.xb\:float-none{float:none!important}
}
@media(min-width:1400px){
.xt\:m-1{margin:.25rem}
.xt\:m-2{margin:.5rem}
.xt\:m-3{margin:.75rem}
.xt\:m-4{margin:1rem}
.xt\:m-5{margin:1.5rem}
.xt\:m-6{margin:2rem}
.xt\:mt-1{margin-top:.25rem}
.xt\:mt-2{margin-top:.5rem}
.xt\:mt-3{margin-top:.75rem}
.xt\:mt-4{margin-top:1rem}
.xt\:mt-5{margin-top:1.5rem}
.xt\:mt-6{margin-top:2rem}
.xt\:mr-1{margin-right:.25rem}
.xt\:mr-2{margin-right:.5rem}
.xt\:mr-3{margin-right:.75rem}
.xt\:mr-4{margin-right:1rem}
.xt\:mr-5{margin-right:1.5rem}
.xt\:mr-6{margin-right:2rem}
.xt\:mb-1{margin-bottom:.25rem}
.xt\:mb-2{margin-bottom:.5rem}
.xt\:mb-3{margin-bottom:.75rem}
.xt\:mb-4{margin-bottom:1rem}
.xt\:mb-5{margin-bottom:1.5rem}
.xt\:mb-6{margin-bottom:2rem}
.xt\:ml-1{margin-left:.25rem}
.xt\:ml-2{margin-left:.5rem}
.xt\:ml-3{margin-left:.75rem}
.xt\:ml-4{margin-left:1rem}
.xt\:ml-5{margin-left:1.5rem}
.xt\:ml-6{margin-left:2rem}
.xt\:mx-1{margin-left:.25rem;margin-right:.25rem}
.xt\:mx-2{margin-left:.5rem;margin-right:.5rem}
.xt\:mx-3{margin-left:.75rem;margin-right:.75rem}
.xt\:mx-4{margin-left:1rem;margin-right:1rem}
.xt\:mx-5{margin-left:1.5rem;margin-right:1.5rem}
.xt\:mx-6{margin-left:2rem;margin-right:2rem}
.xt\:my-1{margin-top:.25rem;margin-bottom:.25rem}
.xt\:my-2{margin-top:.5rem;margin-bottom:.5rem}
.xt\:my-3{margin-top:.75rem;margin-bottom:.75rem}
.xt\:my-4{margin-top:1rem;margin-bottom:1rem}
.xt\:my-5{margin-top:1.5rem;margin-bottom:1.5rem}
.xt\:my-6{margin-top:2rem;margin-bottom:2rem}
.xt\:p-1{padding:.25rem}
.xt\:p-2{padding:.5rem}
.xt\:p-3{padding:.75rem}
.xt\:p-4{padding:1rem}
.xt\:p-5{padding:1.5rem}
.xt\:p-6{padding:2rem}
.xt\:pt-1{padding-top:.25rem}
.xt\:pt-2{padding-top:.5rem}
.xt\:pt-3{padding-top:.75rem}
.xt\:pt-4{padding-top:1rem}
.xt\:pt-5{padding-top:1.5rem}
.xt\:pt-6{padding-top:2rem}
.xt\:pr-1{padding-right:.25rem}
.xt\:pr-2{padding-right:.5rem}
.xt\:pr-3{padding-right:.75rem}
.xt\:pr-4{padding-right:1rem}
.xt\:pr-5{padding-right:1.5rem}
.xt\:pr-6{padding-right:2rem}
.xt\:pb-1{padding-bottom:.25rem}
.xt\:pb-2{padding-bottom:.5rem}
.xt\:pb-3{padding-bottom:.75rem}
.xt\:pb-4{padding-bottom:1rem}
.xt\:pb-5{padding-bottom:1.5rem}
.xt\:pb-6{padding-bottom:2rem}
.xt\:pl-1{padding-left:.25rem}
.xt\:pl-2{padding-left:.5rem}
.xt\:pl-3{padding-left:.75rem}
.xt\:pl-4{padding-left:1rem}
.xt\:pl-5{padding-left:1.5rem}
.xt\:pl-6{padding-left:2rem}
.xt\:px-1{padding-left:.25rem;padding-right:.25rem}
.xt\:px-2{padding-left:.5rem;padding-right:.5rem}
.xt\:px-3{padding-left:.75rem;padding-right:.75rem}
.xt\:px-4{padding-left:1rem;padding-right:1rem}
.xt\:px-5{padding-left:1.5rem;padding-right:1.5rem}
.xt\:px-6{padding-left:2rem;padding-right:2rem}
.xt\:py-1{padding-top:.25rem;padding-bottom:.25rem}
.xt\:py-2{padding-top:.5rem;padding-bottom:.5rem}
.xt\:py-3{padding-top:.75rem;padding-bottom:.75rem}
.xt\:py-4{padding-top:1rem;padding-bottom:1rem}
.xt\:py-5{padding-top:1.5rem;padding-bottom:1.5rem}
.xt\:py-6{padding-top:2rem;padding-bottom:2rem}
.xt\:m-auto{margin:auto}
.xt\:mx-auto{margin-left:auto;margin-right:auto}
.xt\:my-auto{margin-top:auto;margin-bottom:auto}
.xt\:block{display:block!important;visibility:visible!important}
.xt\:inline{display:inline!important;visibility:visible!important}
.xt\:inline-block{display:inline-block!important;visibility:visible!important}
.xt\:flex{display:flex!important;visibility:visible!important}
.xt\:inline-flex{display:inline-flex!important;visibility:visible!important}
.xt\:grid{display:grid!important;visibility:visible!important}
.xt\:hidden{display:none!important}
.xt\:w-25{width:25%}
.xt\:w-50{width:50%}
.xt\:w-75{width:75%}
.xt\:w-100{width:100%}
.xt\:w-auto{width:auto}
.xt\:h-25{height:25%}
.xt\:h-50{height:50%}
.xt\:h-75{height:75%}
.xt\:h-100{height:100%}
.xt\:h-auto{height:auto}
.xt\:text-xs{font-size:.75rem}
.xt\:text-sm{font-size:.875rem}
.xt\:text-base{font-size:1rem}
.xt\:text-lg{font-size:1.125rem}
.xt\:text-xl{font-size:1.25rem}
.xt\:text-2xl{font-size:1.5rem}
.xt\:text-3xl{font-size:1.875rem}
.xt\:text-4xl{font-size:2.25rem}
.xt\:text-5xl{font-size:3rem}
.xt\:font-light{font-weight:100}
.xt\:font-normal{font-weight:400}
.xt\:font-medium{font-weight:500}
.xt\:font-semibold{font-weight:600}
.xt\:font-bold{font-weight:700}
.xt\:font-extrabold{font-weight:800}
.xt\:gap-0{gap:0}
.xt\:gap-1{gap:.25rem}
.xt\:gap-2{gap:.5rem}
.xt\:gap-3{gap:.75rem}
.xt\:gap-4{gap:1rem}
.xt\:gap-5{gap:1.5rem}
.xt\:text-left{text-align:left}
.xt\:text-center{text-align:center}
.xt\:text-right{text-align:right}
.xt\:text-justify{text-align:justify}
.xt\:float-left{float:left!important}
.xt\:float-right{float:right!important}
.xt\:float-none{float:none!important}
}


/* ========== Extra Responsive Variants (table-cell / form-grid) ========== */
@media(min-width:576px){
.xl\:table-cell{display:table-cell!important;visibility:visible!important}
.xl\:form-grid-2{grid-template-columns:repeat(2,1fr)}
.xl\:form-grid-3{grid-template-columns:repeat(3,1fr)}
.xl\:form-grid-4{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:768px){
.xs\:table-cell{display:table-cell!important;visibility:visible!important}
.xs\:form-grid-2{grid-template-columns:repeat(2,1fr)}
.xs\:form-grid-3{grid-template-columns:repeat(3,1fr)}
.xs\:form-grid-4{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:992px){
.xm\:table-cell{display:table-cell!important;visibility:visible!important}
.xm\:form-grid-2{grid-template-columns:repeat(2,1fr)}
.xm\:form-grid-3{grid-template-columns:repeat(3,1fr)}
.xm\:form-grid-4{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1200px){
.xb\:table-cell{display:table-cell!important;visibility:visible!important}
.xb\:form-grid-2{grid-template-columns:repeat(2,1fr)}
.xb\:form-grid-3{grid-template-columns:repeat(3,1fr)}
.xb\:form-grid-4{grid-template-columns:repeat(4,1fr)}
}
@media(min-width:1400px){
.xt\:table-cell{display:table-cell!important;visibility:visible!important}
.xt\:form-grid-2{grid-template-columns:repeat(2,1fr)}
.xt\:form-grid-3{grid-template-columns:repeat(3,1fr)}
.xt\:form-grid-4{grid-template-columns:repeat(4,1fr)}
}

/* ========== Responsive Typography ========== */
html{font-size:14px}
@media(min-width:768px){html{font-size:15px}}
@media(min-width:992px){html{font-size:16px}}
@media(min-width:1200px){html{font-size:16px}}
/* ========== Responsive Spacing ========== */
@media(max-width:767px){
  .container{padding-left:0.75rem;padding-right:0.75rem}
  .padding{padding:0.75rem}
  .padding-big{padding:1rem}
  .padding-large{padding:1.25rem}
  .padding-small{padding:0.5rem}
  .padding-little{padding:0.25rem}
  .margin{margin:0.75rem}
  .margin-big{margin:1rem}
  .margin-large{margin:1.25rem}
  .margin-small{margin:0.5rem}
  .margin-little{margin:0.25rem}
  .margin-top{margin-top:0.75rem}
  .margin-bottom{margin-bottom:0.75rem}
  .margin-left{margin-left:0.75rem}
  .margin-right{margin-right:0.75rem}
  .padding-top{padding-top:0.75rem}
  .padding-bottom{padding-bottom:0.75rem}
  .padding-left{padding-left:0.75rem}
  .padding-right{padding-right:0.75rem}
  .card-body{padding:0.75rem}
  .panel-body{padding:0.75rem}
  .dialog .dialog-body{padding:0.875rem}
  .drawer-body{padding:0.875rem}
  .drawer-head{padding:0.75rem 1rem}
  .drawer-foot{padding:0.75rem 1rem}
}
@media(min-width:768px) and (max-width:991px){
  .container{padding-left:1rem;padding-right:1rem}
}
/* ========== Responsive Grid Gaps ========== */
@media(max-width:767px){
  .grid-cols-2,.grid-cols-3,.grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(2,1fr)}
  .grid-cols-12{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:768px) and (max-width:991px){
  .grid-cols-4,.grid-cols-5,.grid-cols-6{grid-template-columns:repeat(3,1fr)}
  .grid-cols-12{grid-template-columns:repeat(4,1fr)}
}
/* ========== Responsive Components ========== */
@media(max-width:767px){
  .drawer-left,.drawer-right{width:85vw;max-width:85vw}
  .drawer-top,.drawer-bottom{height:50vh;max-height:50vh}
  .toast-container{top:0.75rem;right:0.75rem;left:0.75rem}
  .toast{max-width:100%}
  .avatar-group .avatar{margin-left:-0.375rem}
  .button-group .button,.button-group button{padding-left:0.625rem;padding-right:0.625rem;font-size:var(--ui-font-size-sm)}
  .tab-nav{overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
  .tab-nav li{flex-shrink:0}
  .nav-inline{flex-wrap:wrap}
  .form-x .form-group .label{display:block;text-align:left;padding:0 0 0.25rem 0;width:100%!important;float:none}
  .form-x .form-group .field{margin-left:0!important;width:100%!important}
  .form-x .form-group .addon{display:block}
  .pagination{flex-wrap:wrap}
  .table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(max-width:575px){
  .hidden-xs{display:none!important}
}
@media(min-width:576px){
  .hidden-sm-up{display:none!important}
}
@media(min-width:576px) and (max-width:767px){
  .hidden-sm{display:none!important}
}
@media(min-width:768px) and (max-width:991px){
  .hidden-md{display:none!important}
}
@media(min-width:992px) and (max-width:1199px){
  .hidden-lg{display:none!important}
}
@media(min-width:1200px){
  .hidden-xl{display:none!important}
}
/* ========== Responsive Font Sizes ========== */
@media(max-width:767px){
  h1{font-size:1.75rem}
  h2{font-size:1.5rem}
  h3{font-size:1.25rem}
  h4{font-size:1.125rem}
  h5{font-size:1rem}
  h6{font-size:0.875rem}
  .text-big{font-size:1.25rem}
  .text-large{font-size:1.5rem}
  .text-small{font-size:0.8125rem}
  .text-little{font-size:0.6875rem}
}
/* ========== Responsive Dialog ========== */
@media(max-width:767px){
  .dialog{max-width:92vw!important}
  .dialog .dialog-head{padding:0.75rem 1rem}
  .dialog .dialog-body{padding:0.875rem 1rem}
  .dialog .dialog-foot{padding:0.75rem 1rem}
}
/* ========== Responsive Navbar ========== */
@media(max-width:767px){
  .navbar{padding:0.5rem 0.75rem}
  .navbar .nav a{padding:0.5rem 0.75rem}
}
/* ========== Responsive Card Grid ========== */
@media(max-width:767px){
  .card{margin-bottom:0.75rem}
}
/* ========== Responsive Table ========== */
@media(max-width:767px){
  th,td{padding:0.5rem 0.375rem;font-size:var(--ui-font-size-sm)}
}
/* ========== Responsive Form ========== */
@media(max-width:767px){
  input,select,textarea{font-size:1rem}
  .button{padding:0.5rem 0.875rem}
  .button-big{padding:0.625rem 1.25rem}
  .button-large{padding:0.75rem 1.5rem}
  .button-small{padding:0.25rem 0.625rem}
  .button-little{padding:0.125rem 0.5rem}
/* ========== SX 移植层组件：ui-pop 轻提示 / ui-alert 模态确认（独立命名，不与文档 .alert 组件冲突） ========== */
@keyframes uiPopIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ui-pop{position:fixed;left:50%;bottom:48px;transform:translateX(-50%);z-index:var(--ui-z-toast,1080);background:var(--ui-bg-primary,#171717);color:var(--ui-text-inverse,#fff);border-radius:var(--ui-radius,8px);box-shadow:var(--ui-shadow-lg,0 12px 32px rgba(0,0,0,.22));min-width:180px;max-width:80vw;pointer-events:none}
.ui-pop .ui-pop-title{padding:12px 22px;font-size:14px;text-align:center;line-height:1.6}
.ui-pop.ani-up-in,.ui-alert-box.ani-up-in{animation:uiPopIn .25s ease}
.ui-alert{position:fixed;inset:0;z-index:var(--ui-z-modal,1090);display:flex;align-items:center;justify-content:center;padding:20px}
.ui-alert .ui-alert-bg{position:absolute;inset:0;background:var(--ui-mask,rgba(0,0,0,.45))}
.ui-alert .ui-alert-box{position:relative;background:var(--ui-bg,#fff);color:var(--ui-text,#171717);border-radius:var(--ui-radius-lg,12px);box-shadow:var(--ui-shadow-lg,0 20px 50px rgba(0,0,0,.25));width:360px;max-width:88vw;overflow:hidden}
.ui-alert .ui-alert-title{padding:18px 22px 0;font-size:16px;font-weight:700}
.ui-alert .ui-alert-content{padding:16px 22px;font-size:14px;line-height:1.8;color:var(--ui-text-secondary,#525252)}
.ui-alert .ui-alert-footer{display:flex;border-top:1px solid var(--ui-border,#e5e5e5)}
.ui-alert .ui-alert-confirm,.ui-alert .ui-alert-cancel{flex:1;padding:13px 0;text-align:center;font-size:14px;cursor:pointer;transition:background-color .15s}
.ui-alert .ui-alert-confirm{color:var(--ui-primary,#171717);font-weight:600}
.ui-alert .ui-alert-confirm:hover,.ui-alert .ui-alert-cancel:hover{background:var(--ui-hover,#f5f5f5)}