@font-face {
	font-family: "Trebuchet MS";
	font-size: 16px;
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: -0.45px;
	word-spacing: 0.4px;
}
@font-face {
	font-family: "Lato-fallback";
	size-adjust: 97.38%;
	ascent-override: 99%;
	src: local("Arial");
}
:root{
   --header-height: 80px;
   --grid-gap:16px;
	--header-background:#fff;
	--a-color: #1a5bc1;
	--a-color-hover: #000;
	--text-color: #333;
	--button-color: #1a5bc1;
	--button-hover-color: #2577dd;
	--bgimage: #fff url();
	--logo-color: #fff;
	--navigation-color-a: #fff;
	--navigation-color-menu: #fff;
	--navigation-color-dropmenu-a: #333;
	--aside-color-a: #fff;
	--aside-color-a-hover: #2577dd;
	--aside-color-li-hover:#f5f6f8;
	--aside-width: 230px;
}
@media only screen and (max-width: 768px) {
	:root{
		--navigation-color-a: #333;
		--aside-color-li-hover:none
	}
	body{
      -webkit-tap-highlight-color: transparent;
      -webkit-touch-callout: none; 
      -webkit-user-select: none;   
      user-select: none;   
   }
}body, html{
   background: var(--bgimage);
   background-size: cover;
   background-attachment: fixed;
   background-position: center center;
   margin:0;
   padding:0;
   font-family:"Lato",  "Lato-fallback", Tahoma;
   font-display:swap;
   font-size:20px;
   margin:0 auto;
}
body:has(.main-min){
   background: #f7f7f8
}
:root {
   --visual-vh: 100vh;
   --keyboard-offset: 0px;
 }
header{
   background:var(--header-background);
   color:#000;
   position:fixed;
   left:0;
   top:0;
   right:0;
   height:var(--header-height);
   padding:0 20px;
   z-index:100000000;
   border-bottom: 1px #f0f0f0 solid;
   display:flex; align-items:stretch; align-content:center; gap:40px;
}
#inviteModal{
   z-index:100000000000 !important;
}
#mbody{
   padding:var(--grid-gap);
}
.user header li a{
   color: #fff;
   background:#4A4A4A;
   border-radius:100px;
   display:flex;
   align-items:center;
   justify-content: center;
   width:32px;
   height:32px;
}
.user .navigation-inline{
   gap:8px;
}
@media only screen and (min-width: 768px) {
   .user header{
      left:var(--aside-width)
   }
}
main{
   min-height:400px
}
main:not(.main-min){
   top:var(--header-height);
}
main.main-min .main-head{
   position:sticky;
   background:#fff;
   z-index: 10000000;
   top:0;
   padding:0 12px;
   border-bottom:1px #eee solid;
   height:var(--header-height);
}
main.main-min .inner{
   max-width:900px;
   padding:24px 20px 60px;
}
main.main-min .detail-tabs{
   background:#f7f7f8
}
main.main-min .exit{
   margin-right:24px;
}
main.main-min{
}
.inner{
   width: calc(100vw - 40px);
   margin-left:auto;
   margin-right:auto;
   padding-top:30px;
   max-width:900px
}
ul, li{
   margin:0;
 }
a{
	color: var(--a-color);
	text-decoration:underline;
   -webkit-user-drag: none;
}
a:hover{
	color: var(--a-color-hover);
}
hr{
   border: none;
   border-bottom: 5px solid #f0f1f4 !important;
   margin-top: 20px;
   margin-bottom: 20px;
   width:100%;
   position: relative;
}
h1,h2,h3,h4,h5,h6{
   margin:0 0 .75em;
   padding:0;
   line-height:1.5em;
   color:var(--text-color);
}
p{
   margin:0;
   padding:0;
   font-size:inherit;
   color:var(--text-color);
   line-height:1.5em;
}
li{
   font-size:inherit;
   color:var(--text-color);
}
article p:not(:empty){
   margin-bottom:20px;
}
.material-symbols-outlined{
   vertical-align: bottom;
   font-size: 1.2em !important;
   top: 0px;
   position: relative;
   text-align:center;
}
@media print {
	@page {size: landscape}
	header{
		display: none;
	}
}
.inner{
   max-width:1200px;
   margin:0 auto;
   box-sizing: border-box;
   width:100%
}
.hidden{
   display:none !important
}
.main-head{
   display:flex; 
   gap:20px; 
   align-items: center; 
   padding-bottom:16px;
   justify-content: space-between;
}
.main-head h1{
   margin:0;
   padding:0
}
.main-head > *{
   width:auto !important
}
.main-head .create{
   height:36px;
}
.main-head .create:before{
   content: "add";
   font-family: "Material Symbols Outlined";
   top: 1px !important;
   position: relative;
}
aside + main{
   max-width:calc(100vw - var(--aside-width)); 
   margin-left: var(--aside-width);
   margin-top: var(--header-height);
}
aside{
   display: block;
   align-items: flex-start;
   position: fixed; 
   left: 0; 
   top: 0; 
   width: var(--aside-width); 
   height:100%; 
   padding:16px; 
   box-sizing: border-box; 
   z-index:100;
   z-index:1000000000;
   overflow-y: auto;
   overflow-x: hidden;
   background:linear-gradient(90deg, #ffffff, #fafafa);
   border-right:1px #eee solid;
}
aside .logo{
   padding:6px;
   margin-bottom:12px;
}
@media only screen and (max-width: 768px) {
   .desktop-only{
      display:none !important
   }
   header{
      justify-content: space-between;
      align-items:center
   }
   .mobile-browser-only{
      display:flex !important
   }
   main{
      max-width:none !important;
      margin-left:auto !important;
   }
   aside{
      display:none !important;
      width: 100% !important;
      position:fixed;
      left:0;
      right:0;
      align-items:unset
   }
   .aside-open aside{
      display:grid !important;
      padding-top:60px !important
   }
}
button,
input[type='submit'],
input[type='button'],
.button{
   background:var(--button-color);
   border:none;
   color:#fff;
   padding:10px 15px;
   border-radius:6px;
   cursor:pointer;
   font-size:16px;
   line-height:16px;
   font-family:inherit;
   height:40px;
   align-items:center;
   text-decoration:none;
   box-sizing:border-box;
   text-align:center;
   white-space:nowrap;
   width:100%;
   display:inline-grid;
   justify-content: center;
   grid-auto-flow: column;
   gap:5px;
   position:relative
}
button:hover, 
input[type='submit']:hover, 
.button:hover
{
   background:var(--button-hover-color);
   color:#fff;
}
input[type=submit][disabled=disabled] {
   opacity: .5
}
a.button{
   padding:0 12px
}
form{
   padding:0;
   font-family:inherit;
   margin:0 auto;
   display:grid;
   gap:var(--grid-gap);
}
input[type=text],
input[type=email],
input[type=url],
input[type=date],
input[type=password],
input[type=number],
input[type=tel],
input[type=range],
input[type=datetime-local],
input[type=time],
input[type=search],
input:-webkit-autofill,
select,
textarea,
.textarea,
.input,
.fake-input{
   padding:0 12px;
   border-radius:3px;
   width:100%;
   height:40px;
   display:grid;
   font-family:inherit;
   font-size:16px;
   line-height:16px;
   resize:none;
   box-sizing: border-box;
   grid-auto-flow: column;
   justify-content: space-between;
   outline:none;
   background:#fff !important;
   border:1px #ccc solid;
   cursor:pointer;
}
form input[type=date]{
   appearance: none;
   background:#fff;
   color:inherit
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}
input[readonly], input[readonly]:focus{
   cursor:default;
   background:#ebebeb;
   border:1px #e1e1e1 solid !important;
}
input[type=password] + div{
   display: none;
   position: absolute;
   right: 10px;
   top: -14px;
   height: 15px;
   padding: 5px 8px;
   font-size: 12px;
   background: #fcfcfc;
   border: 1px solid #333;
   border-radius: 12px;
}
label:has(input[type=password]):hover > div{
   display:block
}
input[type=password] + div:empty{
   display: none !important;
}
a[onclick] ~ input[type=text]{
   padding-right:75px
}
form input[type=text]:focus,
form input[type=number]:focus,
form input[type=password]:focus,
form input[type=date]:focus,
form select:focus, 
form textarea:focus{
   border:1px #5b5b5b solid
}
#mkninput{
   width:0;
   height:0;
   overflow:hidden;
}
form input[type=text]:disabled{
   background-color: #f6f6f6;
   cursor:not-allowed
}
select{
   background: #fff url(https://d1b21banxzhuc6.cloudfront.net/images/arrows.png) no-repeat right 10px center !important;
   -webkit-appearance: none;
   -moz-appearance: none;
   padding-right:30px;
}
form input[type='radio']{
   display: inline-block;
   width: 20px;
   height: 20px;
   vertical-align: middle;
}
select[multiple]{
   min-height:100px;
   background-image:none;
   padding:8px !important
}
@media only screen and (max-width: 768px) and (hover: none) {
   form select[multiple]{
      min-height: auto;
   }
}
@media only screen and (max-width: 400px){
   form select[multiple]{
      min-height: auto;
   }
}
textarea{
   min-height:88px;
   padding:12px;
   height:auto
}
form label{
   display:block;
   position:relative;
   font-size:16px;
}
form > label:last-child{
   padding-bottom:0
}
form label > span{
   display:block;
   font-size:16px;
   padding-bottom:8px;
}
form label span{}
form label span:empty{
   padding:0;
}
form label span:after{
   content: attr(data-name);
   font-size: 9px;
   position: absolute;
   color: rgba(0, 0, 0, .65);
   transition: all 0.1s ease;
   font-size: 16px;
   left: 13px;
   top: 10px;
   opacity:1;
   white-space:nowrap;
   cursor:pointer;
   max-width: calc(100% - 26px);
   overflow: hidden;
}
form label:has(span:empty) input::placeholder{
   opacity:0
}
form label span:empty:has(+ input:not(:placeholder-shown)):after,
form label span:empty:has(+ .fake-input > input:not(:placeholder-shown)):after,
form label span:empty:has(+ .fake-input > .clicktoremove):after
{
   font-size:9px;
   left: 10px;
   padding: 0 4px;
   background: none;
   top: -5px;
   display:block;
   opacity:1;
   position:absolute;
   background:#fff 
}
.error-message{
   color:red;
}
.error-message:empty{
   display:none
}
.button-floater {
   position: absolute;
   right: 0;
   border-radius: 0;
   top:28px;
}
.input-drop{
   position: absolute;
   left: 0;
   top: auto;
   background: #fff;
   z-index: 1000;
   width: 100%;
   box-shadow: 0 8px 24px rgba(0,0,0,0.1);
   max-height: 320px;
   overflow-y: auto;
   border: 1px solid #e0e0e0;
   border-radius:12px;
}
.input-drop:empty{
   display:none !important
}
.input-drop .dd-item {
   display: block;
   padding: 8px;
   font-weight: 400;
   border-bottom: 1px solid #eee;
   color: var(--a-color);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 16px;
   cursor: pointer;
   user-select: none
}
.disabled,.input-drop .dd-item.active,.selector .dropdown a:hover {
   background: #eee
}
.input-drop .dd-item:hover {
   background: #fafafa
}
div.input {
   height: auto;
   display: block
}
.popup-messages{
	display: block;
	position: fixed;
	bottom: 40px;
	left: 0;
	right:0;
	max-width:480px;
	margin:0 auto;
	z-index: 10000000;
	padding: 20px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.4);
	border-radius: 10px;
	color: #fff;
	text-align: center
}
.popup-messages p{
	padding:10px;
	font-size:20px;
   margin:0
}
.collapsible{
   transition: all 100ms ease-in-out;
}
.collapsed .collapsible{
   height:0px;
   overflow: hidden;
}
.fake-input{
	display: flex;
	align-items: center;
	padding: 4px 12px !important;
	white-space: normal;
	height: auto;
	flex-flow: wrap;
	line-height: 1.4em;
	min-height: 40px;
	gap:4px;
   justify-content: flex-start;
}
.fake-input:has(input[data-multiple="false"]){
   white-space: nowrap;
   overflow: hidden;
   max-width:calc(100vw - 40px);
}
.fake-input > .clicktoremove ~ input[data-multiple="false"] {
   display:none
}
.fake-input input{
	margin:0;
	border: 0;
	background: none !important;
	padding:0 !important;
	margin:0 !important;
	height: 22px;
	overflow: visible;
	box-sizing:border-box;
	width: auto;
	min-width: 120px;
   border:none !important;
}
.fake-input input:first-child{
   text-indent:0
}
.fake-input > a,
.fake-input > span{
	text-decoration: none;
	display: inline-block;
	font-weight: 700;
	cursor:pointer;
   overflow:hidden;
	text-overflow:ellipsis
}
.fake-input .hover-placeholder{
	display: inline-block;
	font-weight: 700;
	background: #f2f2f2;
	padding: 3px 6px;
	border: 1px #dcdcdc solid;
	border-radius: 3px;
	opacity:.5
}
.fake-input .sort-target{
	text-decoration:none !important;
	box-shadow:0 0 0 3px rgba(0, 0, 0, 0.432);
	cursor:pointer !important
}
.fake-input > a:hover,
.fake-input > span:hover{
	text-decoration: line-through;
}
[data-get] > *,
[data-post] > * {
    pointer-events: none;
}
.navigation li{
   position:relative
}
.navigation a .material-symbols-outlined{
   font-size: 22px;
   vertical-align: top;
   padding-right:5px;
}
.navigation{
   display:none;
   position:absolute;
   right:0;
   top:var(--header-height);
   background:#fff;
   margin:0;
   padding:0;
   z-index:1000;
   max-height:calc(100vh - var(--header-height));
   overflow-y: auto;
   box-sizing: border-box;
}
.navigation::-webkit-scrollbar {
   display:none
}
.navopen .navigation{
   display:block;
   box-shadow:0 0 30px rgba(0,0,0,.1)
}
.navigation{
   left:0;
   padding:20px;
   border-bottom-left-radius:20px;
}
.navigation li{
   display:block;
}
.navigation li a{
   display:block;
   padding:6px;
   text-decoration:none;
   font-size:18px;
   padding-left:0
}
.navigation > li > ul{
   padding-left:0px;
   margin-bottom:20px;
}
.navigation > li > ul ul{
   padding-left:31px;
}
.navigation > li > ul ul a{
   padding:0px
}
.navigation li b{
   color:#4A4A4A;
   font-size:13px;
}
.navigation-inline{
   display: grid;
   grid-auto-flow: column;
   gap: 16px;
   align-items: center;
   margin:0;
   padding:0;
   height:100%
}
.navigation-inline > li{
   display:flex;
   height:100%;
   align-items:center;
}
.navigation-inline li a,
.navigation-inline li > span{
   display:block;
   text-decoration:none;
   font-size:16px;
   font-weight:bold;
   white-space: nowrap;
   color:var(--navigation-color-a);
}
.navigation-inline li ul a{
   color:var(--navigation-color-dropmenu-a)
}
.navigation-sub-inline-sticky{
   position:sticky;
   top:var(--header-height);
   background:#fff;
   z-index: 10000;
}
.navigation-sub-inline{
   gap:0px;
   justify-content:start;
   padding-bottom:0
}
.navigation-sub-inline li{
   text-align:center
}
.navigation-sub-inline li a{
   padding:6px 12px;
   border-radius:6px;
   display:grid;
   gap:4px;
   justify-content: center;
   align-items:center
}
.navigation-inline li a.active{
   color:var(--button-color)
}
.navigation-inline li a.active small{
   color:#fff
}
.navigation-inline li > span{
   cursor:default
}
.navigation-inline ul{
   display:none;
   position:absolute;
   margin:0;
   padding:0;
   top:var(--header-height);
   background:#fff;
   padding:30px;
   border-radius:6px;
   box-shadow: 0 5px 30px #00000014;
   gap:16px;
   column-gap:40px;
   max-height: 380px; 
   overflow: hidden;
   column-count: auto;
   column-width: 200px; 
   column-gap: 40px;
   max-height: 30vh;
   overflow: hidden;
   flex-flow: column wrap;
   min-width:120px
}
.navigation-inline small{
   display:block;
   font-size:14px;
   color:#4A4A4A
}
.navigation-inline li{
   display:grid;
   grid-auto-flow: row;
}
.navigation-trigger{
   display:flex;
   align-items: center;
}
.navigation-floater{
   display:flex;
   justify-content:space-between;
   width:100%;
}
.navigation-aside{
   margin:0; padding:0;
   display:grid;
}
.navigation-aside li{
   display:block;
   margin:0;
   padding:0;
}
.navigation-aside ul{
   margin:0;
   padding:0;
   display:none
}
.navigation-aside li a,
.navigation-aside li > span{
   padding:6px;
   border-radius:6px;
   color:#555;
   font-weight:400;
   text-decoration: none;
   font-size:16px;
   display:flex;
   align-items:center;
   gap:10px;
   justify-content: start;
   align-items: center;
}
.navigation-aside li a.active{
   color:var(--aside-color-a-hover);
}
.navigation-aside a:hover{
   background:var(--aside-color-li-hover);
}
.navigation-aside .nav-badge{
    background: #ebebeb;
    color: #000000;
    font-size: 10px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 19px;
    border-radius: 4px;
    margin-left:auto
}
.navigation-aside li.active ul{
   display:block;
}
.navigation-aside ul{
   padding-left:29px;
}
.navigation-aside li .material-symbols-outlined{
   font-size: 18px !important;
   top:1px
}
.grid-column{
   display:grid;
   gap:var(--grid-gap);
   grid-template-columns: 1fr 1fr;
}
.grid-row{
   display:grid;
   gap:var(--grid-gap);
   grid-auto-flow:row;
}
.grid-desktop{
   display:grid;
   gap:var(--grid-gap);
   grid-auto-flow:column;
}
@media only screen and (min-width: 768px) {
   .navigation{
      max-width:265px;
      margin-left:auto
   }
   .navigation-trigger{
      display:none
   }
   .navigation-inline li:hover ul{
      display:flex;
   }
   .mobile-browser-only{
      display:none !important
   }
}
@media only screen and (max-width: 768px) {
   body:not(.user) .navigation-floater{
      display:none
   }
   .navigation-open .navigation-floater{
      display: flex !important;
      position: fixed;
      left: 0;
      right: 0;
      top: var(--header-height);
      background: #fff;
      height: calc( 100vh - var(--header-height) );
      padding: 20px;
      overflow: auto;
      z-index: 100000000000000;
      box-sizing: border-box;
      flex-direction:column;
      justify-content: flex-start;
   }
   .navigation-aside-open aside{
      display: flex !important;
      position: fixed;
      left: 0;
      right: 0;
      top: var(--header-height);
      background: #fff;
      height: calc( 100vh - var(--header-height) );
      padding: 10px;
      overflow: auto;
      z-index: 100000000000000;
      box-sizing: border-box;
      flex-direction:column;
      justify-content: flex-start;
      --aside-color-a: #000 !important
   }
   body:not(.user) .navigation-inline{
      grid-auto-flow: row;
      height:auto
   }
   .navigation-sub-inline{
      grid-auto-flow: column;
   }
   .navigation-inline li{
      height:auto
   }
   .navigation-inline ul{
      display:grid;
      position:relative;
      padding:0;
      top:auto;
      background:none;
      box-shadow:none;
      grid-auto-flow: row !important;
   }
   .navigation-inline li > span{
      font-size:14px;
      margin-bottom:10px;
      color:#4A4A4A
   }
}
table{
   width: 100%;
   border-collapse: separate; 
   border: 0;
   border-spacing: 0;
   border-radius: 20px;
   background: #fff;
   text-align:left;
   font-size:16px;
}
table td,
table th{
   color: #3a3a3a;
   background-clip: padding-box;
   scroll-snap-align: start;
   padding:8px 10px;
   overflow: hidden;
   text-wrap:pretty
}
table thead th{
   font-weight:bold;
   white-space:nowrap;
   background:#fff;
}
table tbody td,
table thead th,
table tbody tr:last-child td{
   border-bottom:1px #eee solid;
}
table tfoot td{
   padding:16px 0;
}
tr.loading td{
   position:relative
}
tr.loading td:not([class]):after{
   background:#ddd;
   color:#ddd;
   content:"loading_text_here";
}
tr.loading td:not([class]):before{
   display: block;
   content: "";
   position: absolute;
   width: 100px;
   height: 100%;
   z-index: 10;
   animation: 1s ease-in-out infinite bgslide;
   background: linear-gradient(90deg,rgba(0,0,0,0),#ffffff34 50%,rgba(0,0,0,0))
}
@keyframes bgslide {
   0% {
       left: -100px
   }
   100% {
       left: 100px
   }
}
.table-overflow{
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
@media only screen and (max-width: 768px) {
   table tbody td{
		font-size:16px;
      padding-right:10px
	}
   .table-overflow {
      overflow: hidden;
      overflow-x: scroll;
      max-width: fit-content;
      overflow: auto;
      scroll-snap-type: both mandatory;
      min-width: 100%;
  }
  .table-overflow td{
   scroll-snap-align: start;
  }
   .table-overflow {
      scrollbar-width: none;
   }
}
.action-menu{
   position:sticky;
   right:-1px;
   background:transparent;
   padding:0 10px;
   white-space:nowrap;
   text-align:center;
   overflow:visible !important;
   scroll-snap-align:none;
   cursor:pointer;
   width:20px;
}
.action-menu > .material-symbols-outlined{
   opacity:0;
   transition:opacity 0.15s;
}
table tr:hover > .action-menu{
   background:#fff;
}
table tr:hover > .action-menu > .material-symbols-outlined{
   opacity:1;
}
@media(hover:none){
   .action-menu{
      background:#fff;
   }
   .action-menu > .material-symbols-outlined{
      opacity:1;
   }
}
.action-menu ul{
   display:flex;
   gap:2px;
   list-style:none;
   margin:0;
   padding:4px;
   align-items:center;
   position:absolute;
   right:6px;
   top:50%;
   transform:translateY(-50%);
   background:#fff;
   border:1px solid #eee;
   border-radius:8px;
   box-shadow:0 2px 8px rgba(0,0,0,0.08);
   opacity:0;
   visibility:hidden;
   transition:opacity 0.12s, visibility 0.12s;
   z-index:10000;
}
.action-menu ul:empty{
   display:none !important;
   pointer-events: none;
}
.action-menu:not(:has(li)){
   border-bottom:1px #eee solid;
   background:inherit !important
}
.action-menu:not(:has(li)):after{
   display:none !important
}
.action-menu:not(:has(li)) .material-symbols-outlined{
   display:none !important
}
.action-menu:hover ul{
   opacity:1;
   visibility:visible;
}
.action-menu:hover > .material-symbols-outlined{
   opacity:0;
}
.action-menu li a,
.action-menu li > span{
   display:flex !important;
   align-items:center;
   justify-content:center;
   width:30px;
   height:30px;
   border-radius:6px;
   text-decoration:none;
   color:#555;
   font-size:0;
   transition:background 0.12s, color 0.12s;
   position:relative;
}
.action-menu li a .material-symbols-outlined,
.action-menu li > span .material-symbols-outlined{
   font-size:18px !important;
}
@media(hover:hover){
   .action-menu li a:hover{
      background:#f0f0f0;
      color:#111;
   }
   .action-menu li a[style*="color:#d9534f"]:hover,
   .action-menu li a[style*="color: #d9534f"]:hover{
      background:rgba(217,83,79,0.08);
   }
   .action-menu li *[title]:hover:after{
      content:attr(title);
      position:absolute;
      bottom:calc(100% + 6px);
      left:50%;
      transform:translateX(-50%);
      background:#333;
      color:#fff;
      font-size:11px;
      font-weight:500;
      padding:4px 8px;
      border-radius:4px;
      white-space:nowrap;
      pointer-events:none;
      z-index:10000;
   }
   .action-menu li:last-child *[title]:hover:after{
      left:auto;
      transform:none;
      right:0;
   }
}
.action-menu:after{
   position:absolute;
   left:0px;
   height:100%;
   background:#eee;
   top:0;
   content:" ";
   width:2px;
   display:none;
}
table tr:hover > .action-menu:after{
   display:block;
}
table tr:hover{
   z-index:1000
}
table tr td:hover{
   z-index:10000
}
table td span{
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   overflow: hidden;
}
table td > a{
   text-decoration:underline
}
.action-menu span{
   display:inline !important;
   -webkit-line-clamp:unset !important;
   -webkit-box-orient:unset !important;
   overflow:visible !important;
}
.pagination{
   display:flex;
   justify-content:space-between;
   align-items:center;
   padding:16px 0;
   font-size:13px;
}
.pagination-info{
   opacity:0.5;
}
.pagination-links{
   display:flex;
   gap:12px;
}
.pagination-links a{
   font-weight:700;
}
activity-*/monthly-*/spark-* dashboard kit, detail-*,
   .form-section/.form-row/.form-card.
   Every block here exists (same selector) in >=4 sites; most are
   byte-identical in 5-8 sites. Site css loads AFTER framework css,
   so existing per-site copies keep winning until they are removed
   site-by-site.
   ============================================================ */
:root{
	--app-theme-color:#1a5bc1;
	--app-theme-dark:color-mix(in srgb, var(--app-theme-color) 78%, #000);
	--app-theme-soft:color-mix(in srgb, var(--app-theme-color) 10%, #fff);
}
.impersonate-banner{
	background:#ff9800;
	color:#fff;
	margin:8px 12px 12px;
	padding:10px 12px;
	border-radius:8px;
	display:flex;
	align-items:center;
	gap:8px;
	font-size:12px;
	line-height:1.3;
}
.impersonate-banner strong{ display:block; font-size:11px; word-break:break-all }
.impersonate-banner a{
	margin-left:auto;
	flex-shrink:0;
	color:#fff;
	background:rgba(0,0,0,0.2);
	padding:4px 10px;
	border-radius:6px;
	text-decoration:none;
	font-size:11px;
	font-weight:600;
}
.dash-cards{
	display:flex;
	gap:var(--grid-gap);
	margin-bottom:24px;
	overflow-x:auto;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
}
.dash-cards > *{
	flex:1 0 0;
	min-width:160px;
	scroll-snap-align:start;
}
.dash-card{
	background:#fff;
	border:1px solid #eee;
	border-radius:12px;
	padding:20px;
	display:flex;
	align-items:center;
	gap:14px;
	text-decoration:none;
	color:inherit;
}
.dash-card-body{
	display:flex;
	flex-direction:column;
}
.dash-card-value{
	font-size:28px;
	font-weight:900;
	line-height:1.1;
	letter-spacing:-0.5px;
}
.dash-card-label{
	font-size:13px;
	font-weight:500;
	color:#888;
	margin-top:2px;
}
.dash-card-sub{
	font-size:11px;
	margin-top:4px;
	line-height:1.3;
}
.dash-cards-small{
	display:flex;
	gap:16px;
	margin-bottom:24px;
	overflow-x:auto;
	scrollbar-width:none;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
}
.dash-cards-small > *{
	flex:1 0 0;
	min-width:120px;
	scroll-snap-align:start;
}
.dash-card-small{
	background:#fff;
	border-radius:10px;
	padding:16px;
	border:1px solid #f0f0f0;
}
.dash-card-small-value{
	font-size:22px;
	font-weight:800;
	letter-spacing:-0.3px;
}
.dash-card-small-label{
	font-size:12px;
	color:#888;
	margin-top:2px;
}
.dash-section{
	margin-bottom:18px;
}
.dash-section-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:12px;
}
.dash-section-head:has(+ .detail-card){
	margin-bottom:0;
	padding:12px 16px 10px;
	background:#fff;
	border:1px solid #f0f0f0;
	border-bottom:none;
	border-top-left-radius:12px;
	border-top-right-radius:12px;
}
.dash-section-head:has(+ .detail-card) h2{
	font-size:14px;
	font-weight:700;
}
.dash-section-head:has(+ .detail-card) + .detail-card{
	border-top:none;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.dash-section-head h2{
	font-size:16px;
	font-weight:700;
	margin:0;
}
.dash-section-head a{
	font-size:13px;
	color:var(--app-theme-color);
	text-decoration:none;
	font-weight:600;
}
.dash-columns-half{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:var(--grid-gap);
}
.dash-insights-card{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:var(--grid-gap);
	max-height:200px;
	overflow:hidden;
	transition:max-height .3s ease;
}
.dash-insights-card.expanded{
	max-height:none;
}
.dash-insights-toggle{
	text-align:center;
	margin-top:8px;
}
.dash-insights-toggle button{
	background:none;
	border:none;
	color:var(--app-theme-color);
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	padding:4px 12px;
	display:inline-flex;
	align-items:center;
	gap:2px;
}
.dash-insight-row{
	display:flex;
	align-items:flex-start;
	gap:14px;
	padding:16px 18px;
	border-radius:12px;
	text-decoration:none;
	color:inherit;
	transition:box-shadow .15s, transform .15s;
	border:1px solid #f0f0f0;
	background:#fff;
}
.dash-insight-icon{
	width:40px;
	height:40px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.dash-insight-icon .material-symbols-outlined{
	font-size:22px;
}
.dash-insight-body{
	flex:1;
	min-width:0;
}
.dash-insight-title{
	font-size:14px;
	font-weight:700;
	line-height:1.3;
	color:#1a1a1a;
	margin-bottom:3px;
}
.dash-insight-detail{
	font-size:12px;
	line-height:1.5;
	color:#888;
}
.dash-insight-action{
	flex-shrink:0;
	align-self:center;
	font-size:12px;
	font-weight:700;
	padding:6px 14px;
	border-radius:8px;
	white-space:nowrap;
	transition:opacity .15s;
}
.dash-insight-action:hover{ opacity:.85 }
.dash-insight-row.severity-critical{ border-color:rgba(217,83,79,.2); background:rgba(217,83,79,.03) }
.dash-insight-row.severity-critical .dash-insight-icon{ background:rgba(217,83,79,.1); color:#d9534f }
.dash-insight-row.severity-critical .dash-insight-action{ background:rgba(217,83,79,.1); color:#d9534f }
.dash-insight-row.severity-warning{ border-color:rgba(230,126,34,.2); background:rgba(230,126,34,.03) }
.dash-insight-row.severity-warning .dash-insight-icon{ background:rgba(230,126,34,.1); color:#e67e22 }
.dash-insight-row.severity-warning .dash-insight-action{ background:rgba(230,126,34,.1); color:#e67e22 }
.dash-insight-row.severity-info{ border-color:color-mix(in srgb, var(--app-theme-color) 15%, transparent); background:color-mix(in srgb, var(--app-theme-color) 2%, transparent) }
.dash-insight-row.severity-info .dash-insight-icon{ background:color-mix(in srgb, var(--app-theme-color) 10%, transparent); color:var(--app-theme-color) }
.dash-insight-row.severity-info .dash-insight-action{ background:color-mix(in srgb, var(--app-theme-color) 10%, transparent); color:var(--app-theme-color) }
.dash-insight-row.severity-positive{ border-color:rgba(34,139,34,.2); background:rgba(34,139,34,.03) }
.dash-insight-row.severity-positive .dash-insight-icon{ background:rgba(34,139,34,.1); color:#228b22 }
.dash-insight-row.severity-positive .dash-insight-action{ background:rgba(34,139,34,.1); color:#228b22 }
.chip-filters{
	margin-bottom:16px;
}
.chip-bar{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
	width:stretch;
	justify-content: space-between;
}
.chip-bar-left{
	display:flex;
	align-items:center;
	gap:6px;
	flex:1;
	min-width:0;
	flex-wrap:wrap;
}
.chip-bar-right{
	display:flex;
	align-items:center;
	gap:10px;
	flex-shrink:0;
	margin-left:auto;
}
.chip-filter{
	position:relative;
}
.chip-btn{
	display:inline-flex;
	align-items:center;
	gap:2px;
	height:34px;
	padding:0 10px 0 12px;
	border:1px solid #ddd;
	border-radius:18px;
	background:#fff;
	font-size:13px;
	font-weight:600;
	color:#555;
	cursor:pointer;
	white-space:nowrap;
	transition:all 0.15s;
}
.chip-btn:hover{
	border-color:#bbb;
	background:#fafafa;
}
.chip-btn.active{
	background:var(--app-theme-color);
	color:#fff;
	border-color:var(--app-theme-color);
}
.chip-btn.active:hover{
	opacity:0.9;
}
.chip-arrow{
	font-size:16px !important;
	transition:transform 0.15s;
}
.chip-filter.open .chip-arrow{
	transform:rotate(180deg);
}
.chip-dropdown{
	display:none;
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	min-width:180px;
	max-height:260px;
	overflow-y:auto;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:10px;
	box-shadow:0 8px 24px rgba(0,0,0,0.1);
	z-index:100;
}
.chip-filter.open .chip-dropdown{
	display:block;
}
.chip-dropdown a{
	display:block;
	padding:8px 14px;
	font-size:13px;
	color:#333;
	text-decoration:none;
	transition:background 0.1s;
}
.chip-dropdown a:hover{
	background:#f5f5f5;
}
.chip-dropdown a.selected{
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:var(--app-theme-color);
	font-weight:700;
	background:color-mix(in srgb, var(--app-theme-color) 6%, transparent);
}
.chip-dropdown a.selected::after{
	content:"✓";
	font-size:14px;
	margin-left:8px;
}
.chip-search{
	display:flex;
	align-items:center;
	gap:0;
	background:#fff;
	border:1px solid #ddd;
	border-radius:18px;
	padding:0;
	height:34px;
	width:34px;
	justify-content:center;
	cursor:pointer;
	transition:width 0.2s,padding 0.2s,gap 0.2s;
	overflow:hidden;
}
.chip-search.open{
	width:auto;
	min-width:180px;
	max-width:260px;
	padding:0 12px;
	gap:6px;
	cursor:default;
}
.chip-search .material-symbols-outlined{
	font-size:18px;
	color:#aaa;
	flex-shrink:0;
}
.chip-search form{
	width:0;
	overflow:hidden;
}
.chip-search.open form{
	width:auto;
	flex:1;
}
.chip-search input{
	border:none;
	outline:none;
	font-size:13px;
	background:transparent;
	width:0;
	height:100%;
	padding:0;
	opacity:0;
	transition:width 0.2s, opacity 0.15s;
}
.chip-search.open input{
	width:100%;
	opacity:1;
}
.chip-tag{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:4px 8px 4px 12px;
	background:color-mix(in srgb, var(--app-theme-color) 8%, transparent);
	color:var(--app-theme-color);
	border-radius:14px;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	transition:background 0.15s;
}
.chip-tag:hover{
	background:color-mix(in srgb, var(--app-theme-color) 15%, transparent);
}
.chip-tag .material-symbols-outlined{
	font-size:14px;
}
main.main-min{
	background:#f7f7f8;
}
main.main-min .main-head{
	background:#fff;
	border-bottom:1px solid #eee;
	padding:0 20px;
	margin-bottom:0;
}
main.main-min .main-head h1{
	font-size:18px;
	font-weight:600;
	color:#1a1a1a;
	white-space:nowrap
}
main.main-min .main-head .exit{
	width:36px;
	height:36px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	color:#666;
	transition:background 0.15s, color 0.15s;
	text-decoration:none;
}
main.main-min .main-head .exit:hover{
	background:#f0f0f0;
	color:#1a1a1a;
}
form.processing button[type="submit"]{
	pointer-events:none;
}
form.processing button[type="submit"]::after{
	content:"";
	width:18px;
	height:18px;
	border:2.5px solid rgba(255,255,255,0.3);
	border-top-color:#fff;
	border-radius:50%;
	animation:btn-spin 0.6s linear infinite;
}
form.saved button[type="submit"]{
	color:transparent !important;
	background:#27ae60 !important;
	pointer-events:none;
	min-width:110px;
}
form.saved button[type="submit"]::after{
	content:"\2713  Saved!" !important;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-size:13px;
	font-weight:700;
	letter-spacing:0.5px;
	animation:btn-pop 0.3s ease;
}
.form-section{
	margin-bottom:28px;
}
.form-section:last-of-type{
	margin-bottom:0;
}
.form-section-head{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:12px;
}
.form-section-head .material-symbols-outlined{
	font-size:20px !important;
	color:var(--app-theme-color);
	opacity:0.8;
}
.form-section-head h3{
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:700;
	color:#1a1a1a;
}
.form-card{
	position:relative;
	padding:20px;
	background:#fff;
	border:1px solid #e8e8eb;
	border-radius:12px;
}
.form-card > .remove-btn{
	position:absolute;
	top:8px;
	right:8px;
	height:auto !important;
	z-index:2;
}
.form-row{
	display:grid;
	grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
	gap:12px;
	margin-bottom:12px;
}
.form-row-3{
	grid-template-columns:repeat(3, 1fr);
}
.form-row-4{
	grid-template-columns:repeat(4, 1fr);
}
.form-row label{
	font-size:13px;
	font-weight:600;
	color:#555;
	display:block;
	margin-bottom:4px;
}
.form-row input,
.form-row select,
.form-row textarea{
	width:100%;
	height:38px;
	padding:0 12px;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:14px;
	background:#fff;
	transition:border-color 0.15s;
}
.form-row textarea{
	height:80px;
	padding:10px 12px;
	resize:vertical;
}
.form-row input:focus,
.form-row select:focus,
.form-row textarea:focus{
	border-color:var(--app-theme-color);
	outline:none;
}
.prop-row{
	cursor:pointer;
	transition:background 0.1s;
}
.prop-row.expanded{
	background:color-mix(in srgb, var(--app-theme-color) 4%, transparent);
}
.prop-detail{
	display:none;
}
.prop-detail.open{
	display:table-row;
}
.prop-detail td{
	padding:0 !important;
	border-top:none !important;
}
.prop-detail-inner{
	padding:16px 20px 20px;
	background:color-mix(in srgb, var(--app-theme-color) 3%, #fff);
	border-top:1px dashed color-mix(in srgb, var(--app-theme-color) 15%, transparent);
}
.prop-detail-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));
	gap:14px 24px;
}
.prop-detail-grid > div{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.prop-detail-grid > div > span:first-child,
.prop-detail-notes > span:first-child{
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	color:#999;
	letter-spacing:0.3px;
}
.prop-detail-grid > div > span:last-child{
	font-size:14px;
	font-weight:600;
	color:#333;
}
.prop-detail-notes{
	margin-top:14px;
	padding-top:14px;
	border-top:1px solid rgba(0,0,0,0.06);
}
.prop-detail-notes p{
	margin:4px 0 0;
	font-size:14px;
	line-height:1.5;
	color:#555;
}
.detail-header{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin-bottom:20px;
	gap:16px;
}
.detail-header-left{
	flex:1;
}
.detail-header h1{
	font-size:22px;
	font-weight:800;
	margin:0 0 4px;
	color:#1a1a1a;
}
.detail-header-meta{
	font-size:14px;
	color:#888;
	display:flex;
	gap:12px;
	align-items:center;
	flex-wrap:wrap;
}
.detail-header-actions{
	display:flex;
	gap:8px;
}
.detail-header-actions a,
.detail-header-actions button{
	height:36px;
	padding:0 16px;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	display:inline-flex;
	align-items:center;
	gap:4px;
	text-decoration:none;
	border:1px solid #ddd;
	background:#fff;
	color:#333;
	cursor:pointer;
	transition:all 0.15s;
	white-space: nowrap;
}
.detail-header-actions .btn-primary{
	background:var(--app-theme-color);
	color:#fff;
	border-color:var(--app-theme-color);
	white-space: nowrap;
}
.detail-header-actions .btn-primary:hover{
	opacity:0.9;
}
.detail-header-actions .btn-danger{
	color:#d9534f;
	border-color:#d9534f;
}
.detail-tabs{
	display:flex;
	gap:0;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	position:sticky;
	top:var(--header-height);
	background:#fff;
	z-index:9999;
}
.detail-tabs::-webkit-scrollbar{ display:none; }
.detail-tabs a{
	padding:10px 18px;
	font-size:14px;
	font-weight:600;
	color:#888;
	text-decoration:none;
	border-bottom:2px solid transparent;
	transition:all 0.15s;
	white-space:nowrap;
}
.detail-tabs a:hover{
	color:#333;
}
.detail-tabs a.active{
	color:var(--app-theme-color);
	border-bottom-color:var(--app-theme-color);
}
.detail-tabs a.tab-error{
	color:#d9534f;
	border-bottom-color:#d9534f;
	animation:tab-error-pulse 0.3s ease 2;
}
.detail-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	margin-bottom:24px;
}
.detail-card{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:20px;
	overflow-x: auto;
	scrollbar-width: none;
}
.detail-card h3{
	font-size:14px;
	font-weight:700;
	margin:0 0 12px;
	color:#1a1a1a;
	display:flex;
	align-items:center;
	gap:6px;
}
.detail-card h3 .material-symbols-outlined{
	font-size:18px;
	color:var(--app-theme-color);
}
.detail-field{
	display:flex;
	justify-content:space-between;
	padding:6px 0;
	border-bottom:1px solid #f5f5f5;
	font-size:13px;
}
.detail-field:last-child{ border-bottom:none; }
.detail-field-label{ color:#888; }
.detail-field-value{ font-weight:600; color:#1a1a1a; }
.detail-card-full{
	grid-column:1/-1;
}
.org-select{
	max-width:480px;
	margin:60px auto;
	text-align:center;
}
.org-select h1{
	font-size:22px;
	font-weight:800;
	margin-bottom:8px;
}
.org-select p{
	color:#888;
	margin-bottom:24px;
}
.org-list{
	display:grid;
	gap:10px;
	text-align:left;
}
.org-list a{
	display:flex;
	align-items:center;
	gap:12px;
	padding:16px 20px;
	background:#fff;
	border:1px solid #eee;
	border-radius:10px;
	text-decoration:none;
	color:#333;
	transition:all 0.15s;
}
.org-list a:hover{
	border-color:var(--app-theme-color);
	box-shadow:0 2px 8px color-mix(in srgb, var(--app-theme-color) 8%, transparent);
}
.org-setup{
	max-width:520px;
	margin:60px auto;
	padding:40px 0;
}
.org-setup h1{
	font-size:22px;
	font-weight:800;
	margin-bottom:24px;
	text-align:center;
}
@media(max-width:900px){
	.dash-insights-card{ grid-template-columns:1fr; }
	.dash-columns-half{ grid-template-columns:1fr; }
	.detail-grid{ grid-template-columns:1fr !important; }
	.form-row-3, .form-row-4{ grid-template-columns:repeat(2,1fr); }
}
@media(max-width:768px){
	.dash-card{ padding:14px; gap:10px; }
	.dash-card-value{ font-size:22px; }
	.dash-card-label{ font-size:12px; }
}
@media(max-width:700px){
	.detail-header{ flex-direction:column; }
	.detail-header-actions{ width:100%; }
	.detail-header-actions a,
		.detail-header-actions button{ flex:1; justify-content:center; }
}
@media(max-width:500px){
	.form-row, .form-row-3, .form-row-4{ grid-template-columns:1fr; }
	.dash-card{ padding:12px; gap:8px; }
	.dash-card-value{ font-size:20px; }
	.dash-card-small-value{ font-size:18px; }
}
#mbody a.button,
#mbody button.button,
#mbody .button,
#mbody button[type="submit"],
#mbody button[type="button"],
.main-min a.button,
.main-min button.button,
.main-min .button,
.main-min button[type="submit"],
.main-min button[type="button"]{
	width:auto;
	display:inline-flex;
	border-radius:20px;
}
@media print{
	#mbody{ padding:0 !important; }
}
.page-dashboard #mbody{ display:flex; flex-direction:column; gap:20px; }
.dash-hero{ display:grid; grid-template-columns:2fr 1fr; gap:20px; }
.dash-hero-main{
	background:linear-gradient(135deg, var(--app-theme-dark) 0%, var(--app-theme-color) 100%);
	color:#fff;
	border-radius:18px;
	padding:28px 32px 24px;
	box-shadow:0 12px 32px color-mix(in srgb, var(--app-theme-color) 22%, transparent);
	position:relative;
	overflow:hidden;
}
.dash-hero-main::before{
	content:""; position:absolute; inset:0;
	background:radial-gradient(ellipse at top right, rgba(255,255,255,0.18), transparent 60%);
	pointer-events:none;
}
.dash-hero-main > *{ position:relative; z-index:1; }
.dash-hero-main small{ font-size:11px; text-transform:uppercase; letter-spacing:0.6px; color:rgba(255,255,255,0.78); font-weight:700; }
.dash-hero-main h1{ font-size:48px; font-weight:900; letter-spacing:-1.2px; margin:6px 0 8px; line-height:1; color:#fff; }
.dash-hero-meta{ display:flex; align-items:center; gap:14px; font-size:13px; flex-wrap:wrap; }
.dash-hero-meta > span{ color:rgba(255,255,255,0.85); }
.dash-yoy{ display:inline-flex; align-items:center; gap:4px; background:rgba(255,255,255,0.18); padding:4px 12px; border-radius:14px; font-weight:700; }
.dash-yoy .material-symbols-outlined{ font-size:16px; }
.dash-yoy.up{ background:rgba(70, 200, 130, 0.32); }
.dash-yoy.down{ background:rgba(255, 130, 130, 0.32); }
.dash-sparkline{ margin-top:22px; display:flex; align-items:flex-end; gap:6px; height:64px; }
.spark-bar{ flex:1; background:rgba(255,255,255,0.42); border-radius:4px 4px 0 0; min-height:2px; transition:background 0.2s; }
.spark-bar.current{ background:#fff; }
.spark-bar:hover{ background:rgba(255,255,255,0.85); }
.dash-sparkline-labels{ display:flex; gap:6px; margin-top:6px; }
.dash-sparkline-labels span{ flex:1; text-align:center; font-size:10px; color:rgba(255,255,255,0.65); font-weight:600; }
.dash-hero-side{ display:flex; }
.dash-actions-card{
	background:#fff;
	border:1px solid #eee;
	border-radius:14px;
	padding:18px 20px;
	width:100%;
	display:flex; flex-direction:column; gap:10px;
}
.dash-actions-card h3{
	margin:0 0 4px;
	font-size:13px; font-weight:800;
	text-transform:uppercase; letter-spacing:0.5px;
	color:#555;
	display:flex; align-items:center; gap:6px;
}
.dash-actions-card h3 .material-symbols-outlined{ font-size:18px; color:var(--app-theme-color); }
.dash-actions-count{
	margin-left:auto;
	background:var(--app-theme-color);
	color:#fff;
	font-size:11px; font-weight:800;
	padding:2px 9px; border-radius:10px;
}
.dash-action{
	display:flex; align-items:center; gap:10px;
	padding:8px 12px; border-radius:8px;
	background:#fafafa; color:#333;
	text-decoration:none; font-size:13px;
	transition:background 0.15s, transform 0.1s;
}
.dash-action:hover{ background:var(--app-theme-soft); transform:translateX(2px); }
.dash-action .material-symbols-outlined{ font-size:18px; flex-shrink:0; }
.dash-action-label{ flex:1; font-weight:600; }
.dash-action-count{
	background:#fff; border:1px solid #e0e0e0;
	font-size:12px; font-weight:700;
	padding:2px 9px; border-radius:10px;
	min-width:24px; text-align:center;
}
.dash-action-danger .material-symbols-outlined{ color:#c62828; }
.dash-action-danger .dash-action-count{ background:#fdecea; color:#c62828; border-color:#f5c2c0; }
.dash-action-warning .material-symbols-outlined{ color:#e65100; }
.dash-action-warning .dash-action-count{ background:#fff3e0; color:#e65100; border-color:#ffe0b2; }
.dash-action-info .material-symbols-outlined{ color:var(--app-theme-color); }
.dash-actions-empty{ align-items:center; justify-content:center; text-align:center; padding:24px; }
.dash-actions-empty .material-symbols-outlined{ font-size:36px; color:#1e7e34; }
.dash-actions-empty h3{ font-size:15px; text-transform:none; letter-spacing:0; color:#333; display:block; margin-top:6px; }
.dash-actions-empty p{ font-size:12px; color:#888; margin:0; }
.dash-kpi-strip{ display:grid; grid-template-columns:repeat(6, 1fr); gap:12px; }
.dash-kpi{
	background:#fff; border:1px solid #eee; border-radius:12px;
	padding:14px 16px;
	display:flex; flex-direction:column; gap:2px;
	border-left:3px solid #ddd;
}
.dash-kpi small{ font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color:#888; font-weight:700; }
.dash-kpi strong{ font-size:22px; font-weight:800; letter-spacing:-0.4px; }
.dash-kpi span{ font-size:11px; color:#999; }
.dash-kpi-good{ border-left-color:#1e7e34; }
.dash-kpi-good strong{ color:#1e7e34; }
.dash-kpi-bad{ border-left-color:#c62828; }
.dash-kpi-bad strong{ color:#c62828; }
.dash-kpi-warn{ border-left-color:#e65100; }
.dash-kpi-warn strong{ color:#e65100; }
.dash-row-2{ display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.dash-panel{
	background:#fff; border:1px solid #eee; border-radius:14px;
	padding:18px 22px;
}
.dash-panel-head{
	display:flex; justify-content:space-between; align-items:center;
	margin-bottom:14px;
}
.dash-panel-head h3{
	margin:0; font-size:13px; font-weight:800;
	text-transform:uppercase; letter-spacing:0.5px;
	color:#555;
	display:flex; align-items:center; gap:6px;
}
.dash-panel-head h3 .material-symbols-outlined{ font-size:18px; color:var(--app-theme-color); }
.dash-panel-link{ font-size:12px; color:#888; text-decoration:none; font-weight:600; }
.dash-panel-link:hover{ color:var(--app-theme-color); }
.monthly-chart{ display:flex; align-items:flex-end; gap:8px; height:160px; padding:0 4px; }
.month-col{ flex:1; display:flex; flex-direction:column; align-items:center; height:100%; gap:4px; }
.month-bars{ flex:1; display:flex; align-items:flex-end; gap:3px; width:100%; min-height:0; }
.month-bar{ flex:1; border-radius:3px 3px 0 0; min-height:2px; transition:opacity 0.15s; }
.month-bar.income{ background:linear-gradient(to top, #1e7e34, #4caf50); }
.month-bar.expense{ background:linear-gradient(to top, #c62828, #ef6e6a); }
.month-col:hover .month-bar{ opacity:0.85; }
.month-label{ font-size:11px; color:#888; font-weight:600; }
.monthly-legend{ display:flex; gap:16px; margin-top:14px; font-size:12px; color:#666; justify-content:center; }
.legend-dot{ display:inline-block; width:10px; height:10px; border-radius:2px; margin-right:6px; vertical-align:middle; }
.legend-dot.income{ background:#4caf50; }
.legend-dot.expense{ background:#c62828; }
.activity-feed{ display:flex; flex-direction:column; }
.activity-row{
	display:grid; grid-template-columns:36px 1fr auto auto;
	align-items:center; gap:12px;
	padding:8px 0;
	border-bottom:1px solid #f5f5f5;
	color:#333; text-decoration:none;
	transition:background 0.15s;
}
.activity-row:hover{ background:#fafafa; }
.activity-row:last-child{ border-bottom:none; }
.activity-icon{
	width:32px; height:32px; border-radius:8px;
	display:flex; align-items:center; justify-content:center;
	flex-shrink:0;
}
.activity-icon .material-symbols-outlined{ font-size:18px; }
.activity-icon.good{ background:#e6f4ea; color:#1e7e34; }
.activity-icon.bad{ background:#fdecea; color:#c62828; }
.activity-icon.neutral{ background:#f0f0f0; color:#666; }
.activity-meta strong{ display:block; font-size:13px; font-weight:600; }
.activity-meta small{ display:block; font-size:11px; color:#999; margin-top:2px; }
.activity-amount{ font-size:14px; font-weight:700; white-space:nowrap; }
.activity-time{ font-size:11px; color:#999; white-space:nowrap; }
@keyframes btn-spin{
	to{ transform:rotate(360deg); }
}
@keyframes btn-pop{
	0%{ transform:scale(0.8); opacity:0; }
	50%{ transform:scale(1.05); }
	100%{ transform:scale(1); opacity:1; }
}
@keyframes tab-error-pulse{
	0%,100%{ background:transparent }
	50%{ background:rgba(217,83,79,0.08) }
}
button .material-symbols-outlined,
a.btn-primary .material-symbols-outlined,
a.button-secondary .material-symbols-outlined,
a.button .material-symbols-outlined,
.btn-primary .material-symbols-outlined,
.button-secondary .material-symbols-outlined,
.action-menu .material-symbols-outlined{
	font-size:16px !important;
}
.btn-primary{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 18px;
	border-radius:8px;
	font-size:14px;
	font-weight:600;
	background:var(--app-theme-color);
	color:#fff;
	border:1px solid var(--app-theme-color);
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap;
	transition:opacity 0.15s;
}
.btn-primary:hover{ opacity:0.9; color:#fff; }
.btn-danger{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 18px;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	background:#e53e3e;
	color:#fff;
	border:1px solid #e53e3e;
	text-decoration:none;
	cursor:pointer;
	white-space:nowrap;
	transition:opacity 0.15s;
}
.btn-danger:hover{ opacity:0.9; color:#fff; }
select.select-sm{
}
table td select.select-sm{
	height:auto;
	font-size:13px;
	padding:4px 28px 4px 8px;
	border:1px solid #ddd;
	border-radius:6px;
	background-color:#fff;
	width:auto;
}
.navigation-aside .nav-section-header{
	display:block;
	padding:10px 8px 6px;
	margin-top:10px;
	border-top:1px solid #efefef;
	font-size:10px;
	line-height:1.4;
	font-weight:800;
	letter-spacing:0.45px;
	text-transform:uppercase;
	color:#999;
}
.navigation-aside li:first-child .nav-section-header{
	margin-top:0;
	border-top:none;
	padding-top:0;
}
.status-badge{
	display:inline-block;
	padding:3px 10px;
	border-radius:20px;
	font-size:12px;
	font-weight:700;
	white-space:nowrap;
	background:#eee;
}
.status-active,.status-occupied,.status-paid,
.status-signed,.status-closed,.status-approved{ background:#e8f5e9; color:#228b22; }
.status-pending,.status-sent,.status-viewed,
.status-in_progress,.status-scheduled,
.status-open,.status-under_review{ background:color-mix(in srgb, var(--app-theme-color) 9%, #fff); color:var(--app-theme-color); }
.status-draft,.status-vacant,.status-expired,
.status-voided,.status-void,.status-withdrawn{ background:#f0f0f0; color:#6c757d; }
.status-overdue,.status-emergency,
.status-terminated,.status-denied{ background:#fde8e8; color:#d9534f; }
.status-partial,.status-pending_signature,
.status-waiting_vendor,.status-waiting_tenant,
.status-maintenance,.status-submitted{ background:#fff3e0; color:#e67e22; }
.status-month_to_month,.status-waived{ background:color-mix(in srgb, var(--app-theme-color) 10%, transparent); color:var(--app-theme-color); }
.status-converted{ background:#ede7f6; color:#7b68ee; }
.priority-label{
	display:inline-block;
	padding:3px 10px;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	white-space:nowrap;
}
.priority-label.priority-emergency{ background:#fde8e8; }
.priority-label.priority-high{ background:#fff3e0; }
.priority-label.priority-medium{ background:color-mix(in srgb, var(--app-theme-color) 9%, #fff); }
.priority-label.priority-low{ background:#f0f0f0; }
.priority-emergency{ color:#d9534f; font-weight:700; }
.priority-high{ color:#e67e22; font-weight:600; }
.priority-medium{ color:var(--app-theme-color); }
.priority-low{ color:#6c757d; }
.dynamic-row{
	display:grid;
	gap:10px;
	align-items:end;
	padding:10px 0;
	border-bottom:1px solid #f0f0f0;
}
.add-row-btn{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:6px 12px;
	font-size:13px;
	font-weight:600;
	color:var(--app-theme-color);
	border:1px dashed var(--app-theme-color);
	border-radius:8px;
	background:none;
	cursor:pointer;
	transition:background 0.15s;
	margin-top:8px;
}
.add-row-btn:hover{
	background:color-mix(in srgb, var(--app-theme-color) 4%, transparent);
}
.media-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
	gap:12px;
}
.media-item{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:8px;
	overflow:hidden;
	transition:box-shadow 0.15s;
}
.media-item:hover{
	box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.media-item > img{
	width:100%;
	height:160px;
	object-fit:cover;
	cursor:pointer;
	display:block;
}
.media-item-actions{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:8px 10px;
	gap:8px;
}
.media-item-name{
	font-size:12px;
	color:#666;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	flex:1;
	min-width:0;
}
.file-upload-zone{
	border:2px dashed #ddd;
	border-radius:12px;
	padding:24px;
	text-align:center;
	cursor:pointer;
	transition:border-color .15s;
}
.file-upload-zone:hover{ border-color:#bbb; }
.file-upload-zone.dragover{
	border-color:var(--app-theme-color) !important;
	background:color-mix(in srgb, var(--app-theme-color) 3%, transparent);
}
.file-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(120px, 1fr));
	gap:12px;
	margin-top:12px;
}
.file-item{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:8px;
	padding:12px;
	text-align:center;
	position:relative;
	transition:box-shadow 0.15s;
}
.file-item:hover{
	box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.action-dropdown-wrap{ position:relative }
.action-dropdown-btn{
	background:none;
	color:#000;
	border:1px solid #ddd;
	border-radius:8px;
	padding:0;
	width:36px;
	height:36px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
}
.action-dropdown{
	display:none;
	position:absolute;
	right:0;
	top:40px;
	background:#fff;
	border:1px solid #e2e8f0;
	border-radius:8px;
	box-shadow:0 4px 12px rgba(0,0,0,.12);
	z-index:100;
	min-width:180px;
	overflow:hidden;
	z-index:10000
}
.action-dropdown.show{ display:block }
.action-dropdown a{
	display:flex;
	align-items:center;
	gap:8px;
	padding:10px 16px;
	font-size:13px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #f1f1f1;
}
.action-dropdown a:last-child{ border-bottom:none }
.action-dropdown a:hover{ background:#f5f5f5 }
.empty-state{
	text-align:center;
	padding:60px 20px;
	color:#888;
}
.empty-state .material-symbols-outlined{
	font-size:48px;
	color:#ddd;
}
.empty-state h3{
	font-size:16px;
	font-weight:700;
	color:#333;
	margin:0 0 4px;
}
.empty-state p{
	font-size:14px;
	margin:0 0 16px;
}
.empty-state a{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:8px 20px;
	background:var(--app-theme-color);
	color:#fff;
	border-radius:8px;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
}
.pagination{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:4px;
}
.pagination a,
.pagination span{
	height:34px;
	min-width:34px;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 10px;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	color:#555;
	transition:all 0.15s;
}
.pagination a:hover{
	background:#f0f0f0;
}
.pagination .current{
	background:var(--app-theme-color);
	color:#fff;
}
.add-row-btn,
.remove-btn{
	width:auto !important;
	display:inline-flex !important;
	background:none !important;
	color:#888;
	border:1px dashed #ddd !important;
	border-radius:8px;
	padding:6px 14px;
	font-size:13px;
	font-weight:500;
	cursor:pointer;
	align-items:center;
	gap:4px;
}
.add-row-btn:hover{ border-color:var(--app-theme-color) !important; color:var(--app-theme-color); }
.remove-btn{
	border:none !important;
	padding:4px;
	border-radius:50%;
	color:#999;
}
.remove-btn:hover{ color:#d9534f; background:#ffeaea !important; }
.line-items{ width:100%; border-collapse:collapse; table-layout:fixed; }
.line-items th{ font-size:11px; text-transform:uppercase; letter-spacing:0.5px; color:#888; font-weight:700; padding:6px 8px; text-align:left; border-bottom:1px solid #eee; }
.line-items td{ padding:4px 4px; vertical-align:middle; }
.line-items tr.dynamic-row{ display:table-row !important; }
.line-items tfoot td{ border-top:2px solid #eee; padding-top:8px; }
.toggle-switch{
	position:relative;
	width:44px;
	height:24px;
	flex-shrink:0;
}
.button-secondary{
	display:inline-flex;
	align-items:center;
	gap:4px;
	border-radius:6px;
 	background:#f5f5f5;
	color:#333;
	border:1px solid #ddd;
	cursor:pointer;
	text-decoration:none;
	white-space:nowrap;
	height:auto;
	width:auto;
}
.button-secondary:hover{ background:#eee; }
.btn-outline{
	display:inline-flex; align-items:center; justify-content:center; gap:6px;
	padding:10px 20px; border-radius:8px; font-size:14px; font-weight:700;
	background:#fff; color:var(--app-theme-color);
	border:1px solid var(--app-theme-color); cursor:pointer;
	text-decoration:none; white-space:nowrap; line-height:1;
	transition:background .15s, color .15s;
}
.btn-outline:hover{ background:var(--app-theme-color); color:#fff; }
.modal-overlay{
	position:fixed; inset:0; background:rgba(15,23,42,.55);
	display:flex; align-items:center; justify-content:center;
	z-index:1000000000; padding:20px;
}
.modal-head{
	display:flex; align-items:center; justify-content:space-between;
	margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid #e5e7eb;
}
.modal-head h3{ margin:0; font-size:18px; }
.modal-actions{
	display:flex; justify-content:flex-end; gap:10px;
	margin-top:20px; padding-top:16px; border-top:1px solid #e5e7eb;
}
main.main-min form > .main-head + .inner,
main.main-min form > .main-head + input[type=hidden] + .inner,
main.main-min form > .main-head + input[type=hidden] + input[type=hidden] + .inner{
	margin-top:-16px;
}
main.main-min .inner > .detail-tabs:first-child,
main.main-min .inner > input[type=hidden] + .detail-tabs,
main.main-min .inner > input[type=hidden] + input[type=hidden] + .detail-tabs,
main.main-min .inner > input[type=hidden] + input[type=hidden] + input[type=hidden] + .detail-tabs{
	margin-top:-8px;
}
h1{
   font-size:26px
}
article ul li{
   font-weight:inherit
}
:root{
	--header-height:60px;
	--button-color:#AD6A37;
	--a-color:#3B7EC9;
	--aside-color-a-hover:#AD6A37;
	--button-hover-color:#AD6A37;
	--app-theme-color:#AD6A37;
	--aside-width: 220px
}
.table-empty-cell{
	text-align:center;
	padding:40px 10px;
	opacity:0.4;
}
.td-accent{
	font-weight:700;
	color:var(--app-theme-color);
}
.text-muted{
	font-size:14px;
	color:#888;
}
select{
	width:100%;
}
.header-left{
	display:flex;
	align-items:center;
	gap:10px;
}
.logo{
	display:flex;
	align-items:center;
	gap:8px;
	font-weight:900;
	font-size:17px;
	color:var(--text-color);
	text-decoration:none;
	letter-spacing:-0.3px;
}
.logo .material-symbols-outlined{
	font-size:26px;
	color:var(--app-theme-color);
}
.logo > span{
	font-weight:300;
	white-space:nowrap;
}
.dash-tabs{
	display:flex;
	gap:2px;
	background:#f0f0f0;
	border-radius:10px;
	overflow:hidden;
	padding:3px;
	margin-bottom:24px;
	width:fit-content;
}
.dash-tab{
	padding:8px 20px;
	border:none;
	background:transparent;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	color:#888;
	transition:all 0.15s;
	border-radius:8px;
	text-decoration:none;
}
.dash-tab.active{
	background:var(--app-theme-color);
	color:#fff;
	box-shadow:0 2px 6px rgba(173,106,55,0.25);
}
.dash-tab:hover:not(.active){
	color:#333;
	background:rgba(0,0,0,0.04);
}
.dash-tab-content{
	display:none;
}
.dash-tab-content.active{
	display:block;
}
.dash-cards{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
	gap:var(--grid-gap);
	margin-bottom:24px;
}
.dash-card{
	background:#fff;
	border-radius:12px;
	padding:22px 20px;
	display:flex;
	align-items:center;
	gap:16px;
	border:1px solid #f0f0f0;
	border-top:3px solid #e0e0e0;
	transition:transform 0.15s, box-shadow 0.15s;
}
.dash-card:hover{
	transform:translateY(-2px);
	box-shadow:0 4px 12px rgba(0,0,0,0.06);
}
.dash-card:nth-child(1){
	border-top-color:var(--app-theme-color);
	background:linear-gradient(to bottom, rgba(173,106,55,0.03), #fff);
}
.dash-card:nth-child(2){
	border-top-color:#d9534f;
	background:linear-gradient(to bottom, rgba(217,83,79,0.03), #fff);
}
.dash-card:nth-child(3){
	border-top-color:#1a5bc1;
	background:linear-gradient(to bottom, rgba(26,91,193,0.03), #fff);
}
.dash-card:nth-child(4){
	border-top-color:#333;
	background:linear-gradient(to bottom, rgba(0,0,0,0.02), #fff);
}
.dash-card-icon{
	width:48px;
	height:48px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.dash-card-icon .material-symbols-outlined{
	font-size:24px;
}
.dash-card-value{
	font-size:28px;
	font-weight:900;
	line-height:1;
	letter-spacing:-0.5px;
}
.dash-card-label{
	font-size:11px;
	opacity:0.45;
	margin-top:4px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:600;
}
.dash-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.dash-panel{
	background:#fff;
	border-radius:12px;
	border:1px solid #f0f0f0;
	overflow:hidden;
	transition:box-shadow 0.15s;
}
.dash-panel:hover{
	box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.dash-panel-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:16px 20px;
	border-bottom:1px solid #f0f0f0;
	background:#fafafa;
}
.dash-panel-head h2{
	font-size:14px;
	margin:0;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.3px;
	color:#555;
}
.year-select{
	padding:6px 28px 6px 12px;
	font-size:14px;
	font-weight:700;
	border:1.5px solid #ddd;
	border-radius:8px;
	background:#fff;
	color:#333;
	cursor:pointer;
	appearance:auto;
}
.year-select:focus{
	outline:none;
	border-color:var(--app-theme-color);
}
.dash-panel-body{
	padding:20px;
}
.dash-panel .table-overflow{
	margin:0;
}
.dash-panel table{
	border-radius:0;
	border:0;
}
.dash-panel thead th{
	top:0;
}
.rank-panel .dash-panel-body{
	padding:24px 20px 20px;
}
.rank-hero{
	text-align:center;
	margin-bottom:20px;
}
.rank-number{
	font-size:56px;
	font-weight:900;
	color:var(--app-theme-color);
	line-height:1;
	letter-spacing:-2px;
}
.rank-hash{
	font-size:32px;
	opacity:0.5;
	vertical-align:top;
	margin-right:2px;
}
.rank-label{
	font-size:13px;
	color:#888;
	margin-top:4px;
}
.rank-label strong{
	color:#555;
}
.rank-rivals{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-bottom:14px;
}
.rank-rival{
	display:flex;
	align-items:center;
	gap:10px;
	padding:10px 12px;
	border-radius:8px;
	border:1px solid #f0f0f0;
	background:#fafafa;
}
.rank-rival-pos{
	display:flex;
	align-items:center;
	gap:3px;
	font-size:13px;
	font-weight:800;
	min-width:42px;
}
.rank-behind .rank-rival-pos{
	color:#228b22;
}
.rank-behind .rank-rival-pos .material-symbols-outlined{
	font-size:16px;
	color:#228b22;
}
.rank-ahead .rank-rival-pos{
	color:var(--app-theme-color);
}
.rank-ahead .rank-rival-pos .material-symbols-outlined{
	font-size:16px;
	color:var(--app-theme-color);
}
.rank-rival-info{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
}
.rank-rival-name{
	font-size:13px;
	font-weight:700;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.rank-rival-amt{
	font-size:12px;
	color:#888;
}
.rank-rival-tag{
	font-size:10px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.5px;
	padding:3px 8px;
	border-radius:4px;
	white-space:nowrap;
}
.behind-tag{
	background:rgba(34,139,34,0.08);
	color:#228b22;
}
.ahead-tag{
	background:rgba(173,106,55,0.08);
	color:var(--app-theme-color);
}
.rank-gap{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px 14px;
	border-radius:8px;
	background:linear-gradient(135deg,rgba(173,106,55,0.06),rgba(173,106,55,0.02));
	border:1px solid rgba(173,106,55,0.12);
	font-size:13px;
	color:#555;
}
.rank-gap .material-symbols-outlined{
	font-size:18px;
	color:var(--app-theme-color);
}
.rank-gap strong{
	color:var(--app-theme-color);
	font-weight:800;
}
.rank-layout{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.rank-layout > .rank-panel:first-child{
	grid-row:1 / 3;
}
.rank-percentile{
	margin-top:8px;
}
.rank-pct-badge{
	display:inline-block;
	font-size:11px;
	font-weight:800;
	text-transform:uppercase;
	letter-spacing:0.5px;
	padding:4px 12px;
	border-radius:12px;
}
.rank-pct-top{
	background:rgba(34,139,34,0.1);
	color:#228b22;
}
.rank-pct-mid{
	background:rgba(230,126,34,0.1);
	color:#e67e22;
}
.rank-pct-low{
	background:rgba(217,83,79,0.1);
	color:#d9534f;
}
.rank-stats{
	display:flex;
	flex-direction:column;
	gap:16px;
}
.rank-stat-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:12px 14px;
	border-radius:10px;
	background:#fafafa;
	border:1px solid #f0f0f0;
}
.rank-stat-item > .material-symbols-outlined{
	font-size:22px;
}
.rank-stat-info{
	display:flex;
	flex-direction:column;
}
.rank-stat-value{
	font-size:18px;
	font-weight:800;
	color:#222;
	line-height:1.2;
}
.rank-stat-label{
	font-size:11px;
	color:#888;
	text-transform:uppercase;
	letter-spacing:0.3px;
	font-weight:600;
}
.rank-compare{
	display:flex;
	flex-direction:column;
	gap:18px;
}
.rank-compare-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:8px;
}
.rank-compare-label{
	font-size:13px;
	font-weight:700;
	color:#333;
}
.rank-compare-diff{
	font-size:11px;
	font-weight:800;
	padding:2px 8px;
	border-radius:8px;
}
.rank-diff-up{
	color:#228b22;
	background:rgba(34,139,34,0.08);
}
.rank-diff-down{
	color:#d9534f;
	background:rgba(217,83,79,0.08);
}
.rank-compare-bars{
	display:flex;
	flex-direction:column;
	gap:6px;
}
.rank-bar-row{
	display:flex;
	align-items:center;
	gap:8px;
}
.rank-bar-who{
	font-size:11px;
	font-weight:700;
	color:#888;
	min-width:28px;
}
.rank-bar-track{
	flex:1;
	height:10px;
	background:#f0f0f0;
	border-radius:5px;
	overflow:hidden;
}
.rank-bar-fill{
	height:100%;
	border-radius:5px;
	transition:width 0.5s ease;
}
.rank-bar-mine{
	background:var(--app-theme-color);
}
.rank-bar-avg{
	background:#ccc;
}
.rank-bar-val{
	font-size:12px;
	font-weight:700;
	color:#555;
	min-width:70px;
	text-align:right;
}
.dash-hero{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	background:#fff;
	border-radius:12px;
	border:1px solid #eee;
	overflow:hidden;
	margin-bottom:24px;
}
.dash-kpi{
	padding:28px 20px;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	border-right:1px solid #f0f0f0;
}
.dash-kpi:last-child{
	border-right:none;
}
.dash-kpi-value{
	font-size:32px;
	font-weight:900;
	color:#1a1a1a;
	line-height:1;
	letter-spacing:-1px;
}
.dash-kpi-accent{
	color:var(--app-theme-color);
}
.dash-kpi-label{
	font-size:11px;
	text-transform:uppercase;
	color:#888;
	font-weight:700;
	letter-spacing:0.5px;
	margin-top:8px;
}
.dash-dual{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-bottom:24px;
}
.perf-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.perf-item{
	display:flex;
	flex-direction:column;
}
.perf-value{
	font-size:22px;
	font-weight:800;
	color:#1a1a1a;
	line-height:1.1;
}
.perf-label{
	font-size:11px;
	text-transform:uppercase;
	color:#888;
	font-weight:700;
	letter-spacing:0.3px;
	margin-top:4px;
}
.perf-sub{
	font-size:12px;
	color:#aaa;
	margin-top:2px;
}
.goal-list{
	display:flex;
	flex-direction:column;
	gap:20px;
}
.goal-item-head{
	display:flex;
	justify-content:space-between;
	align-items:baseline;
	margin-bottom:6px;
}
.goal-item-name{
	font-size:13px;
	font-weight:700;
}
.goal-item-nums{
	font-size:13px;
	font-weight:800;
}
.goal-item-pct{
	display:block;
	text-align:right;
	font-size:11px;
	color:#888;
	margin-top:3px;
	font-weight:700;
}
.stat-panel{
	background:#fff;
	border-radius:12px;
	border:1px solid #eee;
	overflow:hidden;
}
.stat-panel-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:20px 20px 16px;
	border-bottom:1px solid #f0f0f0;
}
.stat-panel-total{
	display:block;
	font-size:32px;
	font-weight:900;
	color:var(--app-theme-color);
	line-height:1;
}
.stat-panel-label{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	font-weight:700;
	margin-top:4px;
}
.stat-panel-sub{
	font-size:13px;
	font-weight:700;
	color:#888;
	white-space:nowrap;
}
.stat-list{
	padding:4px 0;
}
.stat-row{
	display:flex;
	align-items:center;
	gap:10px;
	padding:9px 20px;
	font-size:13px;
	transition:background 0.1s;
	border-bottom:1px solid #f8f8f8;
}
.stat-row:last-child{
	border-bottom:none;
}
.stat-row:hover{
	background:#faf8f6;
}
.stat-name{
	flex:1;
	font-weight:600;
	color:#333;
}
.stat-count{
	font-weight:800;
	font-size:15px;
	color:#222;
	min-width:24px;
	text-align:right;
}
.stat-sub{
	font-size:11px;
	color:#999;
	font-weight:600;
	min-width:52px;
	text-align:right;
}
.status-dot{
	width:10px;
	height:10px;
	border-radius:50%;
	flex-shrink:0;
}
.btn-primary{
	display:inline-flex;
	align-items:center;
	padding:8px 18px;
	border-radius:6px;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	color:#fff;
	background:var(--app-theme-color);
	border:2px solid var(--app-theme-color);
	transition:all 0.15s;
	white-space: nowrap;
}
.btn-primary:hover{
	opacity:0.85;
}
#mbody .btn-primary{
	border-radius:18px;
	width:auto
}
.btn-secondary{
	display:inline-flex;
	align-items:center;
	padding:8px 18px;
	border-radius:6px;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	color:var(--app-theme-color);
	border:2px solid var(--app-theme-color);
	background:transparent;
	transition:all 0.15s;
}
.btn-secondary:hover{
	background:var(--app-theme-color);
	color:#fff;
}
.btn-back{
	font-size:14px;
	font-weight:600;
	color:#888;
	text-decoration:none;
}
.btn-back:hover{
	color:var(--app-theme-color);
}
.chip-bar{
	display:flex;
	align-items:center;
	gap:10px;
	flex-wrap:wrap;
}
.chip-btn:hover{
	border-color:#bbb;
	background:#fafafa;
	color:inherit !important;
}
.chip-dropdown{
	display:none;
	position:absolute;
	top:calc(100% + 6px);
	left:0;
	min-width:180px;
	max-height:360px;
	overflow-y:auto;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:10px;
	box-shadow:0 8px 24px rgba(0,0,0,0.1);
	z-index:100;
}
.chip-dropdown a.selected{
	display:flex;
	align-items:center;
	justify-content:space-between;
	color:var(--app-theme-color);
	font-weight:700;
	background:rgba(173,106,55,0.06);
}
.status-active{
	background:#fef9e7;
	color:#d4a017;
}
.status-pending{
	background:#e8f4fd;
	color:#5bc0de;
}
.status-closed{
	background:#e8f5e9;
	color:#228b22;
}
.status-estimate{
	background:#fff3e0;
	color:#e67e22;
}
.status-accounted{
	background:#e8f5e9;
	color:#228b22;
}
main.main-min .main-head h1{
	font-size:18px;
	font-weight:600;
	color:#1a1a1a;
}
main.main-min .main-head button[type="submit"]{
	height:36px;
	padding:0 20px;
	border-radius:18px;
	font-size:14px;
	font-weight:600;
	letter-spacing:0.3px;
}
.form-section-head h3{
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:600;
	color:#1a1a1a;
	letter-spacing:0.2px;
}
.form-card{
	background:#fff;
	border:1px solid #e8e8eb;
	border-radius:12px;
	padding:24px;
	display:grid;
	gap:20px;
}
.team-card{
	background:#fff;
	border:1px solid #e8e8eb;
	border-radius:12px;
	padding:16px 20px;
	margin-bottom:10px;
}
.team-card-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.team-card-head > div{
	display:flex;
	align-items:center;
	gap:8px;
}
.team-card-head strong{
	font-size:15px;
}
.team-icon{
	font-size:20px;
	color:var(--app-theme-color);
}
.team-count{
	font-size:13px;
	color:#999;
}
.team-role-badge{
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	padding:2px 4px;
	border-radius:6px;
	letter-spacing:0.3px;
	display:inline-block
}
.team-role-owner{
	background:rgba(173,106,55,0.12);
	color:var(--app-theme-color);
}
.team-role-member{
	background:#f0f0f0;
	color:#888;
}
.team-card-actions{
	margin-top:12px;
	padding-top:12px;
	border-top:1px solid #f0f0f0;
}
.team-add-form{
	display:flex;
	gap:8px;
}
.team-add-form input[type="email"]{
	flex:1;
	padding:8px 12px;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:13px;
}
.team-add-form button{
	padding:8px 16px;
	background:var(--app-theme-color);
	color:#fff;
	border:none;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
}
.team-members-table{
	width:100%;
	border-collapse:collapse;
	font-size:13px;
	margin:12px 0 4px;
}
.team-members-table th{
	text-align:left;
	padding:6px 10px;
	font-weight:600;
	color:#888;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	border-bottom:1px solid #eee;
}
.team-members-table td{
	padding:8px 10px;
	border-bottom:1px solid #f5f5f5;
}
.team-members-table tr:last-child td{
	border-bottom:none;
}
.team-remove-btn{
	font-size:12px;
	color:#d9534f;
	cursor:pointer;
	font-weight:600;
}
.team-remove-btn:hover{
	text-decoration:underline;
}
.team-leave-btn{
	font-size:13px;
	color:#d9534f;
	cursor:pointer;
	font-weight:600;
}
.team-leave-btn:hover{
	text-decoration:underline;
}
.team-create-form{
	display:flex;
	gap:8px;
	margin-top:16px;
}
.team-create-form input[type="text"]{
	flex:1;
	padding:10px 14px;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:14px;
}
.team-create-form button{
	padding:10px 20px;
	background:#fff;
	color:var(--app-theme-color);
	border:1px solid var(--app-theme-color);
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	white-space:nowrap;
}
.team-create-form button:hover{
	background:var(--app-theme-color);
	color:#fff;
}
.team-switcher{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:16px 20px;
	margin-bottom:20px;
}
.team-switcher-label{
	font-size:12px;
	font-weight:700;
	color:#888;
	text-transform:uppercase;
	letter-spacing:0.5px;
	margin-bottom:10px;
	display:block;
}
.team-switcher-options{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.team-switcher-opt{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 16px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	color:#555;
	cursor:pointer;
	transition:all 0.15s;
}
.team-switcher-opt:hover{
	border-color:var(--app-theme-color);
	color:var(--app-theme-color);
}
.team-switcher-opt.active{
	background:var(--app-theme-color);
	border-color:var(--app-theme-color);
	color:#fff;
	cursor:default;
}
.team-switcher-opt .material-symbols-outlined{
	font-size:18px;
}
.team-card-active{
	border-color:var(--app-theme-color);
	box-shadow:0 0 0 1px var(--app-theme-color);
}
.team-active-badge{
	display:inline-block;
	padding:2px 8px;
	border-radius:10px;
	font-size:11px;
	font-weight:700;
	background:#e8f4fd;
	color:var(--app-theme-color);
}
main.main-min label{
	font-size:13px;
	font-weight:600;
	color:#555;
	letter-spacing:0.2px;
}
main.main-min label > span{
	font-size:13px;
	padding-bottom:6px;
}
main.main-min label input,
main.main-min label select,
main.main-min label textarea{
	border-radius:8px;
	border:1px solid #ddd;
	height:44px;
	font-size:15px;
	background:#fafafa !important;
	transition:border-color 0.15s, box-shadow 0.15s, background 0.15s;
}
main.main-min label input:focus,
main.main-min label select:focus,
main.main-min label textarea:focus{
	border-color:var(--app-theme-color);
	box-shadow:0 0 0 3px rgba(173,106,55,0.08);
	background:#fff !important;
}
main.main-min label textarea{
	height:auto;
	min-height:120px;
	padding:14px;
	line-height:1.6;
}
.form-row{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
}
.error-message:empty{
	display:none;
}
.error-message{
	margin-top:24px;
	padding:14px 18px;
	background:rgba(217,83,79,0.06);
	border:1px solid rgba(217,83,79,0.15);
	border-radius:10px;
	color:#d9534f;
	font-size:14px;
	font-weight:500;
}
.sc-summary{
	display:flex;
	flex-direction:column;
	gap:16px;
	margin-bottom:24px;
}
.sc-summary-row{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:16px;
}
.sc-stat-group{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:20px;
}
.sc-stat-group h4{
	margin:0 0 12px;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	font-weight:700;
}
.sc-stat-pair{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:16px;
}
.sc-stat-value{
	display:block;
	font-size:22px;
	font-weight:900;
	line-height:1;
	letter-spacing:-0.3px;
	color:#1a1a1a;
}
.sc-stat-label{
	display:block;
	font-size:11px;
	color:#888;
	margin-top:4px;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.3px;
}
.sc-progress{
	margin-top:8px;
	height:6px;
	background:#eee;
	border-radius:3px;
	overflow:hidden;
}
.sc-progress-fill{
	height:100%;
	background:#228b22;
	border-radius:3px;
	transition:width 0.4s ease;
}
.lb-controls{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:24px;
	flex-wrap:wrap;
	gap:12px;
}
.lb-stage{
	background:linear-gradient(180deg, #faf7f4 0%, #f3ede7 100%);
	border-radius:16px;
	padding:40px 32px 0;
	margin-bottom:28px;
	border:1px solid rgba(173,106,55,0.1);
	overflow:hidden;
	position:relative;
}
.lb-stage-floor{
	height:6px;
	background:linear-gradient(90deg, transparent, rgba(173,106,55,0.25), rgba(173,106,55,0.35), rgba(173,106,55,0.25), transparent);
	border-radius:0;
	margin-top:-1px;
}
.lb-podium{
	display:flex;
	justify-content:center;
	align-items:flex-end;
	gap:20px;
	padding:0;
}
.lb-podium-card{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	min-width:140px;
	transition:transform 0.15s;
}
.lb-first{ order:2; }
.lb-second{ order:1; }
.lb-third{ order:3; }
.lb-crown{
	margin-bottom:-4px;
}
.lb-rank{
	font-size:14px;
	font-weight:900;
	color:#888;
}
.lb-avatar{
	width:56px;
	height:56px;
	border-radius:50%;
	background:#f0f0f0;
	display:flex;
	align-items:center;
	justify-content:center;
}
.lb-avatar .material-symbols-outlined{
	font-size:28px;
	color:#bbb;
}
.lb-avatar-gold{
	background:linear-gradient(135deg, #AD6A37, #d4a67a);
	border:3px solid #AD6A37;
}
.lb-avatar-gold .material-symbols-outlined{
	color:#fff;
}
.lb-podium-name{
	font-size:14px;
	font-weight:700;
	text-align:center;
}
.lb-podium-value{
	font-size:13px;
	font-weight:600;
	color:var(--app-theme-color);
}
.lb-podium-bar{
	width:100%;
	border-radius:8px 8px 0 0;
	min-width:120px;
}
.lb-table{
	font-size:14px;
}
.lb-table tr td:first-child,
.lb-table tr th:first-child{
	padding-left:10px;
}
.lb-rank-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	font-size:13px;
	font-weight:800;
	background:#f0f0f0;
	color:#888;
	transition:transform 0.15s;
}
.lb-rank-gold{
	background:linear-gradient(135deg, #AD6A37, #d4a67a);
	color:#fff;
	box-shadow:0 2px 6px rgba(173,106,55,0.3);
}
.lb-rank-silver{
	background:linear-gradient(135deg, #a0a0a0, #d0d0d0);
	color:#fff;
	box-shadow:0 2px 6px rgba(160,160,160,0.3);
}
.lb-rank-bronze{
	background:linear-gradient(135deg, #CD7F32, #e0b080);
	color:#fff;
	box-shadow:0 2px 6px rgba(205,127,50,0.3);
}
.lb-agent{
	display:flex;
	align-items:center;
	gap:10px;
}
.lb-agent-avatar{
	width:32px;
	height:32px;
	border-radius:50%;
	background:var(--app-theme-color);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:11px;
	font-weight:800;
	flex-shrink:0;
}
.lb-bar-wrap{
	width:100%;
	height:8px;
	background:#f0f0f0;
	border-radius:4px;
	overflow:hidden;
}
.lb-bar-fill{
	height:100%;
	background:var(--app-theme-color);
	border-radius:4px;
	transition:width 0.4s ease;
}
.lb-table tr.lb-me-row td{
	background:#fff6eb;
	font-weight:700;
}
.lb-table tr.lb-me-row td:first-child{
	border-left:3px solid var(--app-theme-color);
}
.team-assign-note{
	margin:0 0 10px;
}
.team-assign-list{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
	gap:8px 12px;
}
.team-assign-item{
	display:flex;
	align-items:center;
	gap:8px;
	margin:0;
	font-size:14px;
}
@media(max-width:900px){
	.dash-cards{
		display:flex;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		gap:16px;
		padding-bottom:8px;
		scrollbar-width:none;
	}
	.dash-cards::-webkit-scrollbar{
		display:none;
	}
	.dash-card{
		min-width:220px;
		flex:0 0 45%;
		scroll-snap-align:start;
	}
	.gl-quarters{
		display:flex;
		overflow-x:auto;
		scroll-snap-type:x mandatory;
		-webkit-overflow-scrolling:touch;
		gap:16px;
		padding-bottom:8px;
		scrollbar-width:none;
	}
	.gl-quarters::-webkit-scrollbar{
		display:none;
	}
	.gl-qcard{
		min-width:280px;
		flex:0 0 80%;
		scroll-snap-align:start;
	}
	.dash-grid{
		grid-template-columns:1fr;
	}
	.dash-dual{
		grid-template-columns:1fr;
	}
	.sc-summary-row{
		grid-template-columns:1fr;
	}
	.rank-layout{
		grid-template-columns:1fr;
	}
	.rank-layout > .rank-panel:first-child{
		grid-row:auto;
	}
}
@media(max-width:700px){
	.dash-hero{
		grid-template-columns:repeat(2,1fr);
	}
	.dash-kpi:nth-child(2){
		border-right:none;
	}
	.chip-bar{
		gap:8px;
	}
	.chip-bar-left{
		flex-basis:100%;
	}
	.chip-search.open{
		min-width:0;
		max-width:none;
		flex:1;
	}
	.chip-bar-right{
		flex-basis:100%;
	}
	.form-row{
		grid-template-columns:1fr;
	}
	.form-card{
		padding:18px;
	}
	.lb-controls{
		flex-direction:column;
		align-items:stretch;
	}
	.lb-podium{
		gap:10px;
	}
	.lb-podium-card{
		min-width:100px;
	}
	.lb-podium-bar{
		min-width:80px;
	}
	.tx-card{
		overflow-x:auto;
	}
	.tx-header{
		flex-direction:column;
		gap:12px;
	}
	.tx-rate{
		text-align:left;
	}
}
@media(max-width:500px){
	.dash-hero{
		grid-template-columns:1fr 1fr;
	}
	.dash-kpi{
		padding:20px 16px;
	}
	.dash-kpi-value{
		font-size:24px;
	}
	.perf-grid{
		grid-template-columns:1fr;
	}
	.dash-tabs{
		width:auto;
	}
	.dash-tab{
		padding:8px 14px;
		font-size:12px;
	}
	.dash-cards{
		gap:12px;
	}
	.dash-card{
		min-width:200px;
		flex:0 0 80%;
	}
	.gl-quarters{
		gap:12px;
	}
	.gl-qcard{
		min-width:260px;
		flex:0 0 85%;
	}
	.gl-settings-grid{
		grid-template-columns:repeat(2,1fr);
	}
}
@media(max-width:480px){
	.lb-stage{
		padding:24px 16px 0;
	}
	.lb-podium{
		flex-direction:column;
		align-items:center;
	}
	.lb-first,
	.lb-second,
	.lb-third{
		order:unset;
	}
}
table tbody tr:hover{
	background:rgba(173,106,55,0.04);
}
.prop-row.expanded{
	background:rgba(173,106,55,0.04);
}
.prop-detail-inner{
	padding:16px 20px 20px;
	background:#faf8f6;
	border-top:1px dashed rgba(173,106,55,0.15);
}
.hscroll{
	display:flex;
	gap:16px;
	overflow-x:auto;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	padding:8px 0 4px;
	width:0;
	min-width:100%;
	scrollbar-width:none;
}
.hscroll::-webkit-scrollbar{
	display:none
}
.hscroll > *{
	flex:0 0 auto;
	scroll-snap-align:start;
}
.audit-section-label{
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	color:#999;
	letter-spacing:0.3px;
	position:sticky;
	left:0;
}
.audit-scroll > div{
	min-width:160px;
	padding:10px 14px;
	background:#fff;
	border:1px solid rgba(0,0,0,0.06);
	border-radius:8px;
	display:flex;
	flex-direction:column;
	gap:2px;
}
.audit-scroll > div > span:first-child{
	font-size:11px;
	color:#999;
	font-weight:600;
}
.audit-scroll > div > span:last-child{
	font-size:13px;
	font-weight:600;
	color:#333;
	white-space:nowrap;
}
.manager-aside-banner{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:#fff3cd;
	border-top:1px solid #ffc107;
	padding:12px 16px;
	display:flex;
	align-items:center;
	gap:8px;
	font-size:12px;
	color:#856404;
}
.manager-aside-banner > .material-symbols-outlined{
	font-size:20px;
	flex-shrink:0;
}
.manager-aside-banner > div{
	flex:1;
	min-width:0;
	line-height:1.3;
}
.manager-aside-banner > div small{
	display:block;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	opacity:0.7;
}
.manager-aside-banner > div strong{
	display:block;
	font-weight:800;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.manager-aside-banner > a{
	color:#856404;
	flex-shrink:0;
}
.manager-aside-banner > a:hover{
	color:#533f03;
}
.chip-dropdown-custom-dates{
	border-top:1px solid #eee;
	padding:10px 12px;
}
.chip-dropdown-custom-dates form{
	display:flex;
	align-items:center;
	gap:6px;
}
.chip-dropdown-custom-dates input[type="date"]{
	font-size:12px;
	padding:4px 6px;
	border:1px solid #ddd;
	border-radius:4px;
	flex:1;
	min-width:0;
}
.chip-dropdown-custom-dates span{
	font-size:12px;
	color:#888;
}
.chip-dropdown-custom-dates button{
	font-size:12px;
	padding:4px 10px;
	background:var(--button-color);
	color:#fff;
	border:none;
	border-radius:4px;
	cursor:pointer;
	white-space:nowrap;
	width:auto
}
.prop-lead-info{
	display:flex;
	align-items:center;
	gap:14px;
	padding:20px 0;
	margin-bottom:10px;
}
.prop-lead-info > .material-symbols-outlined{
	width:48px;
	height:48px;
	border-radius:50%;
	background:rgba(173,106,55,0.1);
	color:var(--app-theme-color);
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:24px;
	flex-shrink:0;
}
.prop-lead-info h2{
	margin:0;
	font-size:18px;
	font-weight:700;
	line-height:1.2;
}
.prop-lead-meta{
	display:flex;
	align-items:center;
	gap:12px;
	margin-top:4px;
	font-size:13px;
	color:#888;
}
.prop-lead-meta .status-badge{
	font-size:11px;
}
.prop-lead-banner{
	display:flex;
	align-items:center;
	gap:10px;
	padding:12px 16px;
	background:rgba(173,106,55,0.06);
	border:1px solid rgba(173,106,55,0.12);
	border-radius:10px;
	margin-bottom:24px;
	font-size:14px;
	font-weight:600;
	color:var(--app-theme-color);
}
.prop-lead-banner .material-symbols-outlined{
	font-size:20px !important;
	opacity:0.7;
}
.prop-count-link{
	font-weight:600;
	white-space:nowrap;
}
.gl-section{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:20px 24px;
	margin-bottom:20px;
}
.gl-section:first-of-type{
	border-top:3px solid var(--app-theme-color);
}
.gl-section-header{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:16px;
}
.gl-section-header h3{
	font-size:16px;
	font-weight:800;
	margin:0;
	text-transform:uppercase;
	letter-spacing:-0.2px;
}
.gl-table{
	width:100%;
	border-collapse:collapse;
	font-size:14px;
}
.gl-table thead th{
	text-align:left;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	font-weight:700;
	padding:8px 12px;
	border-bottom:2px solid #eee;
}
.gl-table tbody td{
	padding:10px 12px;
	border-bottom:1px solid #f5f5f5;
	font-weight:600;
	font-size:13px;
}
.gl-table tbody tr:last-child td{
	border-bottom:none;
}
.gl-row-label{
	font-weight:700 !important;
	color:#333;
	white-space:nowrap;
	min-width:200px;
}
.gl-progress-cell{
	display:flex;
	align-items:center;
	gap:10px;
}
.gl-progress-cell span{
	font-weight:700;
	font-size:13px;
	min-width:36px;
}
.gl-progress-cell .sc-progress{
	flex:1;
	min-width:60px;
}
.gl-settings{
	display:none;
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:24px;
	margin-bottom:20px;
}
.gl-settings.open{
	display:block;
}
.gl-settings label{
	display:block;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	font-weight:700;
	margin-bottom:4px;
}
.gl-settings input{
	width:100%;
	padding:8px 10px;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:14px;
	font-weight:600;
}
.gl-settings-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:12px;
}
.gl-quarters{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:16px;
	margin-bottom:24px;
}
.gl-qcard{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:18px 20px;
}
.gl-qcard-accent{
	border-top:3px solid var(--app-theme-color);
}
.gl-qcard-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:14px;
}
.gl-qcard-head h3{
	font-size:15px;
	font-weight:800;
	margin:0;
	text-transform:uppercase;
	letter-spacing:-0.2px;
}
.gl-qcard-pct{
	font-size:11px;
	color:#888;
	font-weight:700;
}
.gl-qcard-row{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:4px;
}
.gl-qcard-label{
	font-size:12px;
	font-weight:700;
	color:#555;
}
.gl-qcard-value{
	font-size:13px;
	font-weight:700;
	color:#222;
}
.gl-qcard-value small{
	font-weight:600;
	color:#999;
	font-size:11px;
}
.gl-qcard-meta{
	display:flex;
	gap:12px;
	margin-top:14px;
	padding-top:10px;
	border-top:1px solid #f0f0f0;
	font-size:11px;
	font-weight:600;
	color:#888;
}
.gl-qcard-avg{
	font-size:11px;
	font-weight:600;
	color:#888;
	margin-top:6px;
}
.er-summary{
	display:grid;
	grid-template-columns:repeat(5,1fr);
	background:#fff;
	border:1px solid #eee;
	border-radius:12px;
	overflow:hidden;
	margin-bottom:20px;
}
.er-summary > div{
	padding:20px 16px;
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	border-right:1px solid #f0f0f0;
}
.er-summary > div:last-child{
	border-right:none;
}
.er-summary-3{
	grid-template-columns:repeat(3,1fr);
}
.er-summary-value{
	font-size:22px;
	font-weight:900;
	color:#1a1a1a;
	line-height:1;
	letter-spacing:-0.5px;
}
.er-summary-label{
	font-size:10px;
	text-transform:uppercase;
	color:#888;
	font-weight:700;
	letter-spacing:0.4px;
	margin-top:6px;
}
@media(max-width:700px){
	.er-summary{
		grid-template-columns:repeat(2,1fr);
	}
	.er-summary > div:nth-child(2){
		border-right:none;
	}
}
.tx-status-past{
	background:#f2dede;
	color:#a94442;
	padding:2px 8px;
	border-radius:10px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
}
.tx-status-upcoming{
	background:#dff0d8;
	color:#3c763d;
	padding:2px 8px;
	border-radius:10px;
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	display:inline
}
.tx-card{
	background:#fff;
	border:1px solid #f0f0f0;
	border-radius:12px;
	padding:24px;
}
.tx-header{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	margin-bottom:20px;
}
.tx-header h3{
	font-size:18px;
	font-weight:900;
	text-transform:uppercase;
	margin:0;
}
.tx-rate{
	text-align:right;
}
.tx-rate-value{
	display:block;
	font-size:28px;
	font-weight:900;
	line-height:1;
}
.tx-rate-label{
	display:block;
	font-size:10px;
	color:#888;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:0.3px;
	max-width:260px;
	margin-top:4px;
}
.tx-table{
	width:100%;
	border-collapse:collapse;
	font-size:14px;
}
.tx-table thead th{
	text-align:left;
	font-size:11px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	font-weight:700;
	padding:8px 12px;
	border-bottom:2px solid #eee;
}
.tx-table tbody td{
	padding:12px;
	border-bottom:1px solid #f5f5f5;
	font-weight:600;
	font-size:14px;
}
.tx-due{
	color:#d9534f;
	font-weight:700 !important;
	text-transform:uppercase;
	font-size:13px !important;
}
.tx-total td{
	font-weight:900 !important;
	border-top:2px solid #333;
	border-bottom:none !important;
	padding-top:14px !important;
}
.checkbox-group{
	display:flex;
	flex-wrap:wrap;
	gap:10px 20px;
}
.checkbox-label{
	display:flex;
	flex-direction:row;
	align-items:center;
	gap:6px;
	cursor:pointer;
	font-size:14px;
}
.checkbox-label input[type="checkbox"]{
	width:auto;
	margin:0;
	accent-color:var(--app-theme-color);
}
#pm-list{
	display:flex;
	flex-direction:column;
	gap:8px;
}
.pm-row{
	display:flex;
	align-items:center;
	gap:8px;
}
.pm-row select{
	width:160px;
	flex-shrink:0;
	padding:8px 10px;
	font-size:13px;
	border:1.5px solid #ddd;
	border-radius:8px;
	background:#fff;
}
.pm-row input[type="text"]{
	flex:1;
	min-width:0;
}
.pm-remove{
	font-size:18px;
	color:#999;
	cursor:pointer;
	flex-shrink:0;
}
.pm-remove:hover{
	color:#d9534f;
}
#pm-list + .btn-primary .material-symbols-outlined{
	font-size:16px;
	vertical-align:middle;
	margin-right:4px;
}
@media(max-width:600px){
	.pm-row{
		flex-wrap:wrap;
	}
	.pm-row select{
		width:100%;
	}
}
.file-upload-zone{
	border:2px dashed #ddd;
	border-radius:12px;
	padding:24px;
	text-align:center;
	cursor:pointer;
	transition:border-color .2s, background .2s;
}
.file-upload-zone:hover{
	border-color:#bbb;
	background:#fafafa;
}
.file-upload-zone.dragover{
	border-color:var(--a-color);
	background:rgba(26,91,193,.04);
}
.file-upload-zone .material-symbols-outlined{
	font-size:32px;
	color:#ccc;
}
.file-upload-zone p{
	margin:6px 0 0;
	font-size:13px;
	color:#888;
}
.file-list{
	display:flex;
	flex-direction:column;
	gap:6px;
	margin-top:10px;
}
.file-list:empty{
	display:none;
}
.file-list-item{
	display:flex;
	align-items:center;
	gap:8px;
	padding:8px 12px;
	background:#f7f7f7;
	border-radius:8px;
	font-size:13px;
}
.file-list-item a{
	display:flex;
	align-items:center;
	gap:6px;
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:var(--a-color);
	text-decoration:none;
}
.file-list-item a .material-symbols-outlined{
	font-size:18px;
	flex-shrink:0;
}
.file-list-item .file-remove{
	font-size:18px;
	color:#999;
	cursor:pointer;
	flex-shrink:0;
}
.file-list-item .file-remove:hover{
	color:#d9534f;
}
.file-list-item.uploading{
	color:#999;
	font-style:italic;
}
.text-right{ text-align:right }
.text-danger{ color:#d9534f }
.th-accent{ color:var(--app-theme-color) }
.dash-panel-chart{ height:220px }
.dobi-one-intro{
	color:#888;
	font-size:14px;
	margin:0 0 24px;
}
.dobi-one-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
	gap:16px;
}
.dobi-one-card{
	background:#fff;
	border-radius:14px;
	border:1px solid #f0f0f0;
	border-top:3px solid var(--app-theme-color);
	padding:20px;
	display:flex;
	flex-direction:column;
	gap:10px;
	transition:box-shadow 0.15s,transform 0.15s;
	text-decoration:none;
	color:inherit;
}
.dobi-one-card:hover{
	box-shadow:0 4px 16px rgba(0,0,0,0.08);
	transform:translateY(-2px);
}
.dobi-one-card-icon{
	width:48px;
	height:48px;
	border-radius:12px;
	background:var(--app-theme-color);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	flex-shrink:0;
}
.dobi-one-card-icon img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.dobi-one-card-icon > span{
	font-size:22px;
	font-weight:900;
	color:#fff;
	line-height:1;
}
.dobi-one-card-body{
	flex:1;
}
.dobi-one-card-body strong{
	display:block;
	font-size:15px;
	font-weight:800;
	color:#1a1a1a;
	line-height:1.2;
}
.dobi-one-card-body p{
	margin:4px 0 0;
	font-size:12px;
	color:#888;
	line-height:1.4;
}
.form-hint{
	margin:4px 0 0;
	font-size:12px;
	color:#888;
	line-height:1.5;
}
.training-topic-section{
	margin-bottom:24px;
}
.training-topic-head{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:12px;
}
.training-topic-head .material-symbols-outlined{
	font-size:18px;
	color:var(--app-theme-color);
}
.training-topic-head h2{
	margin:0;
	font-size:16px;
	font-weight:800;
	line-height:1.2;
}
.training-topic-head small{
	font-size:11px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.4px;
	color:#999;
	margin-left:2px;
}
.training-grid{
	display:grid;
	grid-template-columns:1fr;
	gap:12px;
}
.training-card{
	display:flex;
	gap:10px;
	align-items:flex-start;
	background:#fff;
	border:1px solid #f0f0f0;
	border-left:3px solid var(--app-theme-color);
	border-radius:10px;
	padding:12px;
	text-decoration:none;
	color:inherit;
	transition:box-shadow 0.15s,transform 0.15s;
}
.training-card:hover{
	box-shadow:0 4px 14px rgba(0,0,0,0.07);
	transform:translateY(-1px);
}
.training-card-icon{
	width:34px;
	height:34px;
	border-radius:8px;
	background:rgba(173,106,55,0.12);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	flex-shrink:0;
}
.training-card-icon img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.training-card-icon span{
	font-size:14px;
	font-weight:900;
	color:var(--app-theme-color);
}
.training-card-body{
	flex:1;
	min-width:0;
}
.training-card-body strong{
	display:block;
	font-size:14px;
	font-weight:800;
	line-height:1.3;
	color:#222;
}
.training-card-body p{
	margin:3px 0 0;
	font-size:12px;
	color:#888;
	line-height:1.4;
}
.training-card-open{
	display:inline-flex;
	align-items:center;
	gap:2px;
	font-size:12px;
	font-weight:700;
	color:var(--app-theme-color);
	white-space:nowrap;
	margin-top:2px;
}
.training-card-open .material-symbols-outlined{
	font-size:14px;
}
.mentor-layout{
	display:grid;
	grid-template-columns:1fr 340px;
	gap:20px;
	align-items:start;
}
.mentor-chat-panel{
	display:flex;
	flex-direction:column;
	height:calc(100vh - var(--header-height) - 100px);
	min-height:480px;
}
.mentor-chat-body{
	flex:1;
	padding:24px 20px;
	overflow-y:auto;
	display:flex;
	flex-direction:column;
	gap:16px;
}
.mentor-msg{
	display:flex;
	gap:12px;
	max-width:85%;
}
.mentor-msg-ai{
	align-self:flex-start;
}
.mentor-msg-user{
	align-self:flex-end;
	flex-direction:row-reverse;
}
.mentor-msg-avatar{
	width:36px;
	height:36px;
	border-radius:50%;
	background:linear-gradient(135deg, var(--app-theme-color), #d4a67a);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.mentor-msg-avatar .material-symbols-outlined{
	color:#fff;
	font-size:20px;
}
.mentor-msg-bubble{
	background:#f8f6f3;
	border-radius:12px;
	padding:14px 18px;
	font-size:14px;
	line-height:1.6;
	color:#333;
}
.mentor-msg-bubble p{
	margin:0 0 8px;
}
.mentor-msg-bubble p:last-child{
	margin-bottom:0;
}
.mentor-msg-user .mentor-msg-bubble{
	background:rgba(173,106,55,0.12);
	color:#333;
	border:1px solid rgba(173,106,55,0.22);
}
.mentor-suggestions{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
	margin-top:4px;
}
.mentor-suggestion{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:8px 14px;
	background:#fff;
	border:1px solid #e8e0d8;
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	color:#555;
	cursor:pointer;
	transition:all 0.15s;
}
.mentor-suggestion:hover{
	border-color:var(--app-theme-color);
	color:var(--app-theme-color);
	background:#faf7f4;
}
.mentor-suggestion .material-symbols-outlined{
	font-size:16px;
	color:var(--app-theme-color);
}
.mentor-chat-input{
	display:flex;
	gap:8px;
	padding:16px 20px;
	border-top:1px solid #f0f0f0;
	background:#fafafa;
	border-radius:0 0 12px 12px;
}
.mentor-chat-input input{
	flex:1;
	border:1px solid #e0e0e0;
	border-radius:8px;
	padding:10px 14px;
	font-size:14px;
	outline:none;
	transition:border-color 0.15s;
}
.mentor-chat-input input:focus{
	border-color:var(--app-theme-color);
}
.mentor-chat-input button{
	background:var(--app-theme-color);
	color:#fff;
	border:none;
	border-radius:8px;
	width:42px;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:opacity 0.15s;
}
.mentor-chat-input button:hover{
	opacity:0.85;
}
.mentor-topic-list{
	display:flex;
	flex-direction:column;
}
.mentor-topic-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:14px 20px;
	border-bottom:1px solid #f0f0f0;
	text-decoration:none;
	color:inherit;
	transition:background 0.12s;
}
.mentor-topic-item:last-child{
	border-bottom:none;
}
.mentor-topic-item:hover{
	background:#faf7f4;
}
.mentor-topic-item .material-symbols-outlined{
	font-size:22px;
	flex-shrink:0;
}
.mentor-topic-item div{
	display:flex;
	flex-direction:column;
}
.mentor-topic-item strong{
	font-size:13px;
	font-weight:700;
	color:#333;
}
.mentor-topic-item span{
	font-size:11px;
	color:#999;
	margin-top:2px;
}
.mentor-topics-grid{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
}
.mentor-topic-icon{
	width:52px;
	height:52px;
	border-radius:12px;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin:0 auto;
}
.mentor-topic-icon .material-symbols-outlined{
	font-size:26px;
}
.mentor-progress-list{
	display:flex;
	flex-direction:column;
	gap:18px;
}
.mentor-progress-item .sc-progress{
	margin-top:6px;
}
.mentor-progress-head{
	display:flex;
	justify-content:space-between;
	font-size:13px;
	font-weight:600;
}
@media(max-width:900px){
	.mentor-layout{
		grid-template-columns:1fr;
	}
	.mentor-topics-grid,
	.rp-scenarios{
		grid-template-columns:repeat(2, 1fr);
	}
}
@media(max-width:500px){
	.mentor-topics-grid,
	.rp-scenarios{
		grid-template-columns:1fr;
	}
	.mentor-msg{
		max-width:95%;
	}
}
.rp-scenarios{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
}
.rp-card .dash-panel-body{
	padding:24px 20px;
}
.rp-card-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:14px;
}
.rp-card-icon{
	width:42px;
	height:42px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.rp-card-icon .material-symbols-outlined{
	font-size:22px;
}
.rp-card h4{
	margin:0 0 8px;
	font-size:15px;
	font-weight:700;
}
.rp-card p{
	margin:0 0 12px;
	font-size:13px;
	color:#666;
	line-height:1.5;
}
.rp-card-difficulty{
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.5px;
	padding:3px 8px;
	border-radius:4px;
}
.rp-easy{
	background:rgba(92,184,92,0.12);
	color:#228b22;
}
.rp-medium{
	background:rgba(230,126,34,0.12);
	color:#e67e22;
}
.rp-hard{
	background:rgba(217,83,79,0.12);
	color:#d9534f;
}
.rp-card-tags{
	display:flex;
	flex-wrap:wrap;
	gap:4px;
}
.rp-card-tags span{
	font-size:10px;
	font-weight:600;
	padding:3px 8px;
	background:#f5f5f5;
	border-radius:4px;
	color:#888;
}
.team-pipeline-bars{
	display:flex;
	flex-direction:column;
	gap:14px;
	padding:8px 0;
}
.team-pipeline-row{
	display:flex;
	align-items:center;
	gap:12px;
}
.team-pipeline-label{
	font-size:13px;
	font-weight:700;
	width:90px;
	flex-shrink:0;
	color:#555;
}
.team-pipeline-track{
	flex:1;
	height:22px;
	background:#f0f0f0;
	border-radius:6px;
	overflow:hidden;
}
.team-pipeline-fill{
	height:100%;
	border-radius:6px;
	transition:width 0.4s ease;
	min-width:4px;
}
.team-pipeline-count{
	font-size:14px;
	font-weight:800;
	width:32px;
	text-align:right;
	flex-shrink:0;
}
.dash-dual{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	margin-top:24px;
}
.stat-list{
	padding:12px 20px;
}
.stat-row{
	display:flex;
	align-items:center;
	gap:10px;
	padding:8px 0;
	border-bottom:1px solid #f0f0f0;
}
.stat-row:last-child{
	border-bottom:none;
}
.status-dot{
	width:10px;
	height:10px;
	border-radius:50%;
	flex-shrink:0;
}
.stat-name{
	flex:1;
	font-size:13px;
	font-weight:600;
	color:#555;
}
.stat-count{
	font-size:14px;
	font-weight:800;
}
.lb-agent{
	display:flex;
	align-items:center;
	gap:10px;
}
.lb-agent-avatar{
	width:32px;
	height:32px;
	border-radius:50%;
	background:linear-gradient(135deg,var(--app-theme-color),#d4a67a);
	color:#fff;
	font-size:12px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.coaching-flags{
	display:flex;
	flex-direction:column;
	gap:12px;
}
.coaching-flag{
	display:flex;
	align-items:flex-start;
	gap:12px;
	padding:12px 16px;
	background:#fdf8f4;
	border-radius:8px;
	border-left:3px solid var(--app-theme-color);
}
.coaching-flag div{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.coaching-flag strong{
	font-size:13px;
}
.coaching-flag span:last-child{
	font-size:12px;
	color:#888;
}
@media(max-width:700px){
	.dash-dual{
		grid-template-columns:1fr;
	}
}
.ach-summary{
	display:flex;
	align-items:center;
	gap:20px;
	padding:24px;
	background:#fff;
	border:1px solid #eee;
	border-radius:12px;
	margin-bottom:28px;
}
.ach-summary-ring{
	width:72px;
	height:72px;
	border-radius:50%;
	border:4px solid var(--app-theme-color);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.ach-summary-count{
	font-size:22px;
	font-weight:800;
	color:var(--app-theme-color);
	line-height:1;
}
.ach-summary-total{
	font-size:11px;
	color:#999;
}
.ach-summary-text{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.ach-summary-text strong{
	font-size:16px;
}
.ach-summary-text span{
	font-size:13px;
	color:#888;
}
.ach-section-title{
	font-size:14px;
	font-weight:700;
	color:#555;
	display:flex;
	align-items:center;
	gap:6px;
	margin:0 0 16px 0;
}
.ach-section-title .material-symbols-outlined{
	font-size:18px;
}
.ach-badge-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
	gap:12px;
}
.ach-badge{
	display:flex;
	align-items:center;
	gap:14px;
	padding:16px;
	background:#fff;
	border:1px solid #eee;
	border-radius:10px;
	position:relative;
	transition:box-shadow 0.2s;
}
.ach-badge:hover{
	box-shadow:0 2px 8px rgba(0,0,0,0.06);
}
.ach-badge.earned .ach-badge-icon{
	background:linear-gradient(135deg,var(--app-theme-color),#d4a67a);
	color:#fff;
}
.ach-badge.locked{
	opacity:0.5;
}
.ach-badge.locked .ach-badge-icon{
	background:#f0f0f0;
	color:#bbb;
}
.ach-badge-icon{
	width:44px;
	height:44px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.ach-badge-icon .material-symbols-outlined{
	font-size:22px;
}
.ach-badge-info{
	display:flex;
	flex-direction:column;
	gap:2px;
	flex:1;
	min-width:0;
}
.ach-badge-info strong{
	font-size:14px;
}
.ach-badge-info span{
	font-size:12px;
	color:#888;
}
.ach-badge-tag{
	font-size:10px;
	font-weight:600;
	padding:3px 8px;
	background:#f5f5f5;
	border-radius:4px;
	color:#999;
	position:absolute;
	top:8px;
	right:8px;
}
.ach-milestones{
	display:flex;
	flex-direction:column;
	gap:16px;
}
.ach-milestone{
	display:flex;
	align-items:flex-start;
	gap:16px;
	padding:20px;
	background:#fff;
	border:1px solid #eee;
	border-radius:10px;
}
.ach-milestone.completed{
	border-color:rgba(34,139,34,0.3);
	background:#fbfdf9;
}
.ach-milestone-icon{
	width:44px;
	height:44px;
	border-radius:10px;
	background:#f5f0eb;
	color:var(--app-theme-color);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
	position:relative;
}
.ach-milestone.completed .ach-milestone-icon{
	background:rgba(34,139,34,0.1);
	color:#228b22;
}
.ach-milestone-check{
	position:absolute;
	bottom:-4px;
	right:-4px;
	font-size:16px;
	color:#228b22;
	background:#fff;
	border-radius:50%;
}
.ach-milestone-body{
	flex:1;
	min-width:0;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.ach-milestone-head{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.ach-milestone-head strong{
	font-size:14px;
}
.ach-milestone-head span{
	font-size:12px;
	color:#888;
}
.ach-milestone-bar{
	height:8px;
	background:#f0f0f0;
	border-radius:4px;
	overflow:hidden;
}
.ach-milestone-fill{
	height:100%;
	background:var(--app-theme-color);
	border-radius:4px;
	transition:width 0.5s ease;
	min-width:2px;
}
.ach-milestone-fill.full{
	background:#228b22;
}
.ach-milestone-pct{
	font-size:11px;
	font-weight:700;
	color:#999;
}
.ach-streaks{
	display:grid;
	grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
	gap:16px;
}
.ach-streak-card{
	display:flex;
	gap:16px;
	padding:20px;
	background:#fff;
	border:1px solid #eee;
	border-radius:10px;
}
.ach-streak-icon{
	width:44px;
	height:44px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.ach-streak-icon .material-symbols-outlined{
	font-size:28px;
}
.ach-streak-body{
	flex:1;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.ach-streak-body > strong{
	font-size:14px;
}
.ach-streak-numbers{
	display:flex;
	align-items:baseline;
	gap:20px;
}
.ach-streak-big{
	font-size:28px;
	font-weight:800;
	line-height:1;
}
.ach-streak-unit{
	font-size:12px;
	color:#999;
	margin-left:3px;
}
.ach-streak-best{
	font-size:11px;
	color:#999;
	display:flex;
	flex-direction:column;
}
.ach-streak-best strong{
	color:#555;
}
.ach-streak-visual{
	display:flex;
	gap:4px;
}
.ach-streak-day{
	width:24px;
	height:8px;
	border-radius:3px;
	background:#f0f0f0;
}
.ach-streak-day.active{
	background:var(--app-theme-color);
}
.ach-streak-note{
	grid-column:1 / -1;
	display:flex;
	align-items:flex-start;
	gap:10px;
	padding:16px 20px;
	background:#f8f6f3;
	border-radius:8px;
	font-size:13px;
	color:#888;
}
.ach-streak-note .material-symbols-outlined{
	font-size:18px;
	color:var(--app-theme-color);
	flex-shrink:0;
	margin-top:1px;
}
@media(max-width:500px){
	.ach-badge-grid{
		grid-template-columns:1fr;
	}
	.ach-streaks{
		grid-template-columns:1fr;
	}
}
.tl-add{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #f0f0f0;
}
.tl-add-form{
	display:flex;
	gap:8px;
	align-items:center;
}
.tl-add-type{
	width:auto;
	min-width:130px;
	padding:8px 10px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	font-size:13px;
	background:#fff;
}
.tl-add-note{
	flex:1;
	padding:8px 12px;
	border:1px solid #e0e0e0;
	border-radius:8px;
	font-size:13px;
}
.tl-add-note:focus{
	border-color:var(--app-theme-color);
	outline:none;
}
.tl-add-btn{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:8px 14px;
	background:var(--app-theme-color);
	color:#fff;
	border:none;
	border-radius:8px;
	font-size:13px;
	font-weight:600;
	cursor:pointer;
	white-space:nowrap;
}
.tl-add-btn:hover{
	opacity:0.85;
}
.tl-add-btn .material-symbols-outlined{
	font-size:16px;
}
.tl-item{
	display:flex;
	gap:12px;
	padding:14px 0;
	border-bottom:1px solid #f5f5f5;
}
.tl-item:last-child{
	border-bottom:none;
}
.tl-icon{
	width:34px;
	height:34px;
	border-radius:50%;
	background:var(--app-theme-color);
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.tl-icon .material-symbols-outlined{
	font-size:17px;
}
.tl-auto .tl-icon{
	background:#e0e0e0;
	color:#888;
}
.tl-content{
	flex:1;
	min-width:0;
}
.tl-head{
	display:flex;
	align-items:center;
	gap:8px;
	flex-wrap:wrap;
}
.tl-type{
	font-size:13px;
	font-weight:700;
	color:#333;
}
.tl-meta{
	font-size:11px;
	color:#aaa;
}
.tl-note{
	margin:4px 0 0;
	font-size:13px;
	color:#555;
	line-height:1.5;
}
.tl-empty{
	text-align:center;
	padding:24px;
	color:#bbb;
	font-size:13px;
}
@media(max-width:600px){
	.tl-add-form{
		flex-wrap:wrap;
	}
	.tl-add-type{
		min-width:0;
		flex:1;
	}
	.tl-add-note{
		width:100%;
		order:3;
	}
}
.contact-bucket-badge{
	display:inline-block;
	padding:2px 10px;
	border-radius:20px;
	font-size:11px;
	font-weight:700;
	letter-spacing:0.5px;
	text-transform:uppercase;
	white-space:nowrap;
}
.contact-bucket-badge[data-bucket="MASS"]{background:#e8f5e9;color:#2e7d32}
.contact-bucket-badge[data-bucket="SOI"]{background:#e3f2fd;color:#1565c0}
.contact-bucket-badge[data-bucket="VIP"]{background:#fff3e0;color:#e65100}
.contact-bucket-badge[data-bucket="AGENTS"]{background:#f3e5f5;color:#7b1fa2}
.contact-freshness{
	display:inline-flex;
	align-items:center;
	gap:4px;
	font-size:12px;
}
.contact-freshness::before{
	content:"";
	width:8px;
	height:8px;
	border-radius:50%;
}
.contact-freshness.fresh::before{background:#4caf50}
.contact-freshness.warm::before{background:#ff9800}
.contact-freshness.stale::before{background:#f44336}
.contact-info-bar{
	display:flex;
	gap:16px;
	flex-wrap:wrap;
	padding:12px 0;
	border-bottom:1px solid #eee;
	margin-bottom:16px;
}
.contact-info-item{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:14px;
	color:#555;
	text-decoration:none;
}
.contact-info-item:hover{color:var(--app-theme-color)}
.contact-info-item .material-symbols-outlined{font-size:18px}
.contact-log-form{
	display:flex;
	gap:8px;
	align-items:center;
	background:#f8f9fa;
	border:1px solid #e9ecef;
	border-radius:8px;
	padding:10px 12px;
	margin-bottom:20px;
}
.contact-log-type{
	width:auto;
	min-width:110px;
	padding:6px 10px;
	font-size:13px;
	border:1px solid #ddd;
	border-radius:6px;
}
.contact-log-input{
	flex:1;
	min-width:160px;
}
.follow-up-action{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 12px;
	border:1px solid #e9ecef;
	border-radius:6px;
	background:#fafafa;
	cursor:pointer;
}
.follow-up-action input[type="date"]{
	border:none;
	background:none;
	font-size:13px;
	color:var(--app-theme-color);
	cursor:pointer;
	width:auto;
	padding:0;
}
.follow-up-label{
	font-size:12px;
	color:#888;
	white-space:nowrap;
}
.contact-add-note{
	display:flex;
	gap:8px;
	margin-bottom:12px;
}
.contact-add-note input[type="text"]{
	flex:1;
}
.contact-deals-list{
	display:flex;
	flex-direction:column;
	gap:0;
}
.contact-deal-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:10px 0;
	border-bottom:1px solid #f5f5f5;
	text-decoration:none;
	color:#333;
	transition:background 0.1s;
}
.contact-deal-item:last-child{border-bottom:none}
.contact-deal-item:hover{background:rgba(0,0,0,0.015);margin:0 -16px;padding:10px 16px}
.contact-deal-main{
	display:flex;
	flex-direction:column;
	gap:2px;
	min-width:0;
	flex:1;
}
.contact-deal-addr{
	font-size:14px;
	font-weight:600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.contact-deal-meta{
	font-size:12px;
	color:#888;
	display:flex;
	align-items:center;
	gap:6px;
}
.contact-deal-values{
	text-align:right;
	flex-shrink:0;
}
.contact-deal-price{
	font-size:14px;
	font-weight:700;
	color:var(--app-theme-color);
	display:block;
}
.contact-deal-comm{
	font-size:11px;
	color:#888;
}
.contact-profile-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:20px;
	margin-top:16px;
}
.contact-profile-section{
	background:#fff;
	border:1px solid #eee;
	border-radius:8px;
	padding:16px;
}
.contact-section-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:12px;
	padding-bottom:8px;
	border-bottom:1px solid #f0f0f0;
}
.contact-section-head h3{
	font-size:15px;
	font-weight:600;
	margin:0;
}
.contact-note-item{
	padding:10px 0;
	border-bottom:1px solid #f5f5f5;
}
.contact-note-item:last-child{border-bottom:none}
.contact-note-meta{
	font-size:11px;
	color:#999;
	margin-bottom:4px;
}
.contact-note-text{
	font-size:14px;
	line-height:1.5;
	color:#333;
}
.contact-tasks-list{
	list-style:none;
	padding:0;
	margin:0;
}
.contact-task-item{
	display:flex;
	align-items:center;
	gap:8px;
	padding:8px 0;
	border-bottom:1px solid #f5f5f5;
	font-size:14px;
}
.contact-task-item:last-child{border-bottom:none}
.contact-task-check{
	width:18px;
	height:18px;
	accent-color:var(--app-theme-color);
}
.contact-task-title{flex:1}
.contact-task-progress{
	font-size:12px;
	color:#888;
}
.contact-tag{
	display:inline-block;
	background:#f0f0f0;
	color:#555;
	padding:2px 8px;
	border-radius:12px;
	font-size:11px;
	margin:2px;
}
.detail-header{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	margin-bottom:4px;
}
.detail-header h1{
	font-size:22px;
	font-weight:700;
	margin:0;
	display:flex;
	align-items:center;
	gap:10px;
}
.detail-header-meta{
	display:flex;
	gap:16px;
	font-size:13px;
	color:#888;
	margin-bottom:12px;
	flex-wrap:wrap;
}
.action-menu{
	position:relative;
}
.action-menu .material-symbols-outlined{
	cursor:pointer;
	font-size:20px;
	color:#999;
	padding:4px;
	border-radius:4px;
}
.action-menu .material-symbols-outlined:hover{color:#333;background:#f5f5f5}
.empty-state{
	text-align:center;
	padding:40px 20px;
	color:#999;
}
.empty-state .material-symbols-outlined{
	font-size:48px;
	margin-bottom:8px;
	opacity:0.4;
}
.select-sm{
	padding:4px 8px;
	font-size:13px;
	width:auto;
	min-width:100px;
}
@media(max-width:768px){
	.contact-profile-grid{grid-template-columns:1fr}
	.contact-log-form{flex-wrap:wrap}
	.contact-log-input{min-width:100%}
	.contact-info-bar{flex-direction:column;gap:8px}
	.detail-header{flex-direction:column;align-items:flex-start}
	.detail-header-actions{flex-wrap:wrap}
	.follow-up-action{flex:1}
}
.task-list{
	list-style:none;
	padding:0;
	margin:0;
	border:1px solid #e9ecef;
	border-radius:8px;
	overflow:hidden;
}
.task-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:12px 16px;
	border-bottom:1px solid #f0f0f0;
	transition:background 0.15s;
}
.task-item:last-child{border-bottom:none}
.task-item:hover{background:#fafafa}
.task-item.task-done{opacity:0.5}
.task-item-add{background:#f8f9fa}
.task-item-add:hover{background:#f0f1f3}
.task-item-add input[type="text"]{font-family:inherit}
.task-item-add .btn-primary{padding:4px 14px;font-size:12px}
.task-item-left{
	display:flex;
	align-items:center;
	gap:12px;
	flex:1;
	min-width:0;
}
.task-item-right{
	display:flex;
	align-items:center;
	gap:12px;
}
.task-check{
	width:20px;
	height:20px;
	accent-color:var(--app-theme-color);
	cursor:pointer;
	flex-shrink:0;
}
.task-check.done{
	color:#5cb85c;
}
.task-title{
	font-size:14px;
	font-weight:500;
}
.task-done .task-title{
	text-decoration:line-through;
	color:#999;
}
.task-progress{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:120px;
}
.task-progress-bar{
	flex:1;
	height:6px;
	background:#e9ecef;
	border-radius:3px;
	overflow:hidden;
}
.task-progress-bar > div{
	height:100%;
	background:var(--app-theme-color);
	border-radius:3px;
	transition:width 0.3s;
}
.task-progress-label{
	font-size:11px;
	color:#888;
	white-space:nowrap;
}
.task-category{
	font-size:11px;
	color:#888;
	background:#f0f0f0;
	padding:2px 8px;
	border-radius:10px;
	white-space:nowrap;
}
.task-delete{
	cursor:pointer;
	color:#ccc;
	font-size:18px;
}
.task-delete:hover{color:#e53935}
.task-templates{
	margin-top:20px;
	padding-top:16px;
	border-top:1px solid #eee;
}
.task-template-list{
	display:flex;
	flex-wrap:wrap;
	gap:6px;
	margin-top:8px;
}
.task-template-chip{
	display:inline-flex;
	align-items:center;
	gap:4px;
	padding:6px 12px;
	border:1px solid #ddd;
	border-radius:20px;
	font-size:12px;
	cursor:pointer;
	background:#fff;
	transition:all 0.15s;
}
.task-template-chip:hover{
	border-color:var(--app-theme-color);
	color:var(--app-theme-color);
	background:var(--app-theme-color)08;
}
.task-template-chip .material-symbols-outlined{font-size:14px}
.task-tpl-type{
	font-size:10px;
	color:#999;
	background:#f0f0f0;
	padding:1px 6px;
	border-radius:3px;
	margin-left:4px;
}
.task-type-divider{
	display:flex;
	align-items:center;
	gap:6px;
	padding:10px 16px;
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	background:#f8f9fa;
	border-bottom:1px solid #f0f0f0;
}
@media(max-width:768px){
	.task-progress{min-width:80px}
	.task-item{padding:10px 12px}
}
.task-multi{cursor:pointer;user-select:none}
.task-multi .task-expand-icon{transition:transform 0.2s}
.task-multi.expanded .task-expand-icon{transform:rotate(180deg)}
.task-expand-body{
	display:none;
	border-bottom:1px solid #f0f0f0;
	background:#fafafa;
}
.task-multi.expanded + .task-expand-body{display:block}
.task-expand-step{
	display:flex;
	align-items:center;
	gap:12px;
	padding:8px 16px 8px 44px;
	font-size:13px;
	border-bottom:1px solid #f0f0f0;
}
.task-expand-step:last-child{border-bottom:none}
.task-expand-step.done{opacity:0.5}
.task-expand-step .task-check{width:18px;height:18px}
.task-expand-step-label{flex:1}
.task-auto-badge{font-size:10px;font-weight:700;text-transform:uppercase;background:rgba(92,184,92,0.12);color:#5cb85c;padding:2px 6px;border-radius:4px;letter-spacing:0.5px}
.cc-task-list{
	list-style:none;
	padding:0;
	margin:0;
}
.cc-task-item{
	display:flex;
	align-items:center;
	gap:8px;
	padding:6px 0;
	font-size:13px;
	border-bottom:1px solid #f5f5f5;
}
.cc-task-item:last-child{border-bottom:none}
.cc-task-item .material-symbols-outlined{font-size:18px}
.cc-task-item.done{opacity:0.5}
.pipeline-columns{
	display:flex;
	gap:12px;
	min-height:300px;
	overflow-x:auto;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	scroll-snap-type:x mandatory;
	align-items:start
}
.pipeline-columns::-webkit-scrollbar{display:none}
.pipeline-col{
	background:#f8f9fa;
	border-radius:8px;
	display:flex;
	flex-direction:column;
	min-width:272px;
	flex:1 0 272px;
	scroll-snap-align:start;
}
.pipeline-col-head{
	display:flex;
	align-items:center;
	gap:6px;
	padding:12px 12px 10px;
	border-bottom:2px solid #ddd;
	position:sticky;
	top:0;
	background:#f8f9fa;
	border-radius:8px 8px 0 0;
	z-index:1;
}
.pipeline-col-head .material-symbols-outlined{font-size:18px}
.pipeline-col-head h3{
	font-size:13px;
	font-weight:700;
	margin:0;
	flex:1;
	text-transform:uppercase;
	letter-spacing:0.3px;
}
.pipeline-col-count{
	background:#e9ecef;
	color:#666;
	font-size:11px;
	font-weight:700;
	padding:2px 8px;
	border-radius:10px;
}
.pipeline-col-subhead{
	display:flex;
	align-items:center;
	gap:5px;
	padding:6px 12px;
	font-size:11px;
	color:#888;
	background:#fafafa;
	border-bottom:1px solid #f0f0f0;
}
.pipeline-col-subhead .material-symbols-outlined{
	font-size:14px;
	color:#aaa;
}
.pipeline-col-total{
	font-weight:700;
	color:#555;
}
.pipeline-col-body{
	padding:8px;
	flex:1;
	overflow-y:auto;
	max-height:calc(100vh - 220px);
}
.pipeline-col-empty{
	text-align:center;
	padding:30px 10px;
	font-size:13px;
	color:#bbb;
}
.pipeline-card{cursor:grab}
.pipeline-card.dragging{opacity:0.4;cursor:grabbing}
.pipeline-col-body.drag-over{background:rgba(26,91,193,0.04);border-radius:0 0 8px 8px}
.pipeline-ghost{
	position:fixed;
	z-index:9999;
	pointer-events:none;
	opacity:0.85;
	transform:rotate(2deg);
	box-shadow:0 8px 24px rgba(0,0,0,0.18);
	border-radius:6px;
	background:#fff;
}
.pipeline-card{
	display:block;
	background:#fff;
	border:1px solid #e9ecef;
	border-radius:6px;
	padding:10px 12px;
	margin-bottom:8px;
	text-decoration:none;
	color:#333;
	transition:box-shadow 0.15s,border-color 0.15s;
}
.pipeline-card:hover{
	border-color:var(--app-theme-color);
	box-shadow:0 2px 8px rgba(0,0,0,0.08);
}
.pipeline-card-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:6px;
	margin-bottom:4px;
}
.pipeline-card-name{
	font-size:13px;
	font-weight:600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	flex:1;
}
.pipeline-card-type{
	font-size:10px;
	color:#888;
	text-transform:uppercase;
	letter-spacing:0.3px;
	white-space:nowrap;
}
.pipeline-card-addr{
	font-size:11px;
	color:#999;
	margin-bottom:6px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.pipeline-card-showings{
	display:flex;
	align-items:center;
	gap:4px;
	font-size:11px;
	color:#666;
	margin-bottom:6px;
}
.pipeline-card-showings .material-symbols-outlined{
	font-size:14px;
	color:#888;
}
.pipeline-card-values{
	display:flex;
	align-items:baseline;
	gap:8px;
}
.pipeline-card-price{
	font-size:14px;
	font-weight:700;
	color:var(--app-theme-color);
}
.pipeline-card-comm{
	font-size:11px;
	color:#888;
}
@media(max-width:900px){
	.pipeline-columns{
		gap:12px;
	}
	.pipeline-col{
		min-width:280px;
		flex:1 0 280px;
	}
	.pipeline-col-body{
		max-height:300px;
	}
}
.attn-alert{
	display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;
	font-size:13px;text-decoration:none;color:#333;margin-bottom:10px;
}
.attn-alert-warn{
	background:#fff8e1;color:#e65100;
}
.attn-alert-warn .material-symbols-outlined{
	font-size:18px;color:#f57f17;
}
.attn-buckets{
	display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px;
}
.attn-bucket-chip{
	display:inline-flex;align-items:center;gap:6px;padding:4px 10px;
	border-radius:20px;background:#f5f5f5;font-size:12px;
	text-decoration:none;color:#555;
}
.attn-bucket-chip:hover{
	background:#eee;
}
.activity-tracker{
	display:flex;
	gap:0;
	align-items:stretch;
}
.activity-stat{
	flex:1;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:6px;
	padding:16px 8px;
	border-right:1px solid #f0f0f0;
}
.activity-stat:last-child{border-right:none}
.activity-stat-icon{
	width:40px;
	height:40px;
	border-radius:10px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.activity-stat-icon .material-symbols-outlined{font-size:20px}
.activity-stat-count{
	font-size:26px;
	font-weight:800;
	color:#1a1a1a;
	line-height:1;
}
.activity-stat-label{
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	font-weight:600;
}
.activity-stat-total{
	background:#f8f9fa;
	border-radius:0 8px 8px 0;
	border-right:none;
}
.activity-stat-total .activity-stat-count{
	color:var(--app-theme-color);
}
@media(max-width:500px){
	.activity-tracker{flex-wrap:wrap}
	.activity-stat{min-width:calc(33% - 1px);border-bottom:1px solid #f0f0f0}
	.activity-stat-total{border-radius:0}
}
.qa-fab{
	position:fixed;
	right:20px;
	bottom:20px;
	z-index:950;
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:12px;
}
.qa-fab-btn{
	width:56px;
	height:56px;
	border-radius:50%;
	border:none;
	background:var(--app-theme-color);
	color:#fff;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 4px 14px rgba(0,0,0,0.25);
	transition:transform 0.2s, box-shadow 0.2s;
}
.qa-fab-btn .material-symbols-outlined{
	font-size:28px;
	transition:transform 0.2s;
}
.qa-fab-btn:hover{box-shadow:0 6px 18px rgba(0,0,0,0.3)}
.qa-fab.open .qa-fab-btn .material-symbols-outlined{transform:rotate(45deg)}
.qa-fab-menu{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:10px;
	opacity:0;
	visibility:hidden;
	transform:translateY(8px);
	transition:opacity 0.18s, transform 0.18s, visibility 0.18s;
}
.qa-fab.open .qa-fab-menu{
	opacity:1;
	visibility:visible;
	transform:translateY(0);
}
.qa-fab-menu a{
	display:flex;
	align-items:center;
	gap:10px;
	text-decoration:none;
}
.qa-fab-label{
	background:#333;
	color:#fff;
	font-size:12px;
	font-weight:600;
	padding:5px 10px;
	border-radius:6px;
	white-space:nowrap;
}
.qa-fab-mini{
	width:42px;
	height:42px;
	border-radius:50%;
	background:#fff;
	color:var(--app-theme-color);
	display:flex;
	align-items:center;
	justify-content:center;
	box-shadow:0 3px 10px rgba(0,0,0,0.2);
}
.qa-fab-mini .material-symbols-outlined{font-size:20px}
.entity-task-list .task-check{
	width:auto;
	height:auto;
}
.etask-meta{
	color:#999;
	font-size:11px;
	white-space:nowrap;
}
.etask-del{
	font-size:16px;
	color:#ccc;
	cursor:pointer;
	flex-shrink:0;
}
.etask-del:hover{color:#d9534f}
.tel-btn{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:5px 12px;
	border:1px solid rgba(173,106,55,0.35);
	background:rgba(173,106,55,0.08);
	color:var(--app-theme-color);
	border-radius:20px;
	font-size:12px;
	font-weight:600;
	text-decoration:none;
	white-space:nowrap;
	transition:background 0.15s;
}
.tel-btn:hover{background:rgba(173,106,55,0.16)}
.tel-btn .material-symbols-outlined{font-size:15px}
.etask-entity{
	font-size:11px;
	font-weight:600;
	color:var(--app-theme-color);
	background:rgba(173,106,55,0.08);
	padding:2px 9px;
	border-radius:10px;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	max-width:180px;
	flex-shrink:0;
}
.etask-entity:hover{background:rgba(173,106,55,0.16)}
.rank-chip{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:24px;
	height:24px;
	border-radius:50%;
	font-size:11px;
	font-weight:700;
	color:#aaa;
	background:#f0f1f3;
}
.rank-chip.rank-1{background:rgba(212,175,55,0.18);color:#b8860b}
.rank-chip.rank-2{background:rgba(158,158,158,0.18);color:#757575}
.rank-chip.rank-3{background:rgba(205,127,50,0.18);color:#a05a2c}
.agent-avatar{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	border-radius:50%;
	margin-right:8px;
	font-size:11px;
	font-weight:700;
	color:#fff;
	background:linear-gradient(135deg, var(--app-theme-color), #d4a67a);
	vertical-align:middle;
}
.etask-add{
	display:flex;
	gap:8px;
}
.etask-add input[type=text]{
	flex:1;
}
.etask-add .btn-primary{
	flex-shrink:0;
}
main.main-min .main-head{
	box-shadow:0 1px 6px rgba(0,0,0,0.04);
}
main.main-min .main-head button[type=submit]{
	border-radius:8px;
	font-weight:700;
	padding:10px 26px;
	transition:opacity 0.15s, box-shadow 0.15s;
	box-shadow:0 2px 8px rgba(173,106,55,0.3);
}
main.main-min .main-head button[type=submit]:hover{
	opacity:0.9;
}
main.main-min .main-head .exit{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
	color:#888;
	transition:background 0.15s, color 0.15s;
}
main.main-min .main-head .exit:hover{
	background:#f0f1f3;
	color:#333;
}
main.main-min .form-card{
	box-shadow:0 1px 3px rgba(0,0,0,0.04);
}
main.main-min .form-card input[type=text]:focus,
main.main-min .form-card input[type=number]:focus,
main.main-min .form-card input[type=date]:focus,
main.main-min .form-card select:focus,
main.main-min .form-card textarea:focus{
	border-color:var(--app-theme-color);
	box-shadow:0 0 0 3px rgba(173,106,55,0.12);
}
.deal-tabs-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	margin-bottom:24px;
	flex-wrap:wrap;
}
.deal-tabs-row .dash-tabs{
	margin-bottom:0;
}
.tour-add{
	display:flex;
	gap:8px;
	margin-bottom:12px;
}
.tour-add input[type=text]{flex:1}
.tour-add .btn-primary{flex-shrink:0}
.tour-bulk{
	display:flex;
	flex-direction:column;
	gap:8px;
	margin-bottom:12px;
}
.tour-bulk .btn-primary{align-self:flex-end}
.th-item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:10px 12px;
	border:1px solid #eee;
	border-radius:8px;
	margin-bottom:8px;
	background:#fff;
	transition:background 0.15s;
}
.th-item:hover{background:#fafafa}
.th-item.th-passed{opacity:0.55}
.th-item.th-passed .th-addr{text-decoration:line-through}
.th-item.th-shown{border-color:rgba(92,184,92,0.4)}
.th-item.th-scheduled{border-color:rgba(26,91,193,0.35)}
.th-main{flex:1;min-width:0}
.th-addr{
	display:block;
	font-size:13px;
	font-weight:600;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.th-meta{
	display:flex;
	align-items:center;
	gap:8px;
	margin-top:4px;
	flex-wrap:wrap;
}
.th-chip{
	display:inline-flex;
	align-items:center;
	gap:3px;
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.3px;
	padding:2px 8px;
	border-radius:10px;
	background:#f0f1f3;
	color:#888;
}
.th-chip .material-symbols-outlined{font-size:12px}
.th-chip-scheduled{background:rgba(26,91,193,0.1);color:#1a5bc1}
.th-chip-shown{background:rgba(92,184,92,0.12);color:#3e8e3e}
.th-chip-passed{background:#f0f1f3;color:#999}
.th-date{
	height:24px !important;
	width:130px !important;
	font-size:11px !important;
	padding:0 6px !important;
	border:1px solid #e0e0e0;
	border-radius:6px;
	color:#666;
}
.th-when{font-size:11px;color:#1a5bc1;font-weight:600}
.th-note{
	font-size:11px;
	color:#999;
	font-style:italic;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:220px;
}
.th-actions{
	display:flex;
	align-items:center;
	gap:6px;
	flex-shrink:0;
}
.th-actions .material-symbols-outlined{
	font-size:18px;
	color:#bbb;
	cursor:pointer;
	transition:color 0.15s;
}
.th-actions .th-action[data-act=shown]:hover{color:#5cb85c}
.th-actions .th-action[data-act=passed]:hover{color:#e67e22}
.th-actions .th-action[data-act=wishlist]:hover{color:#1a5bc1}
.th-actions .th-action[data-act=note]:hover{color:#8e44ad}
.th-actions .th-promote:hover{color:var(--app-theme-color)}
.th-actions .th-del:hover{color:#d9534f}
.th-deal-link .material-symbols-outlined{color:var(--app-theme-color)}
.pros-share-bar{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	background:linear-gradient(135deg, rgba(173,106,55,0.08), rgba(212,166,122,0.08));
	border:1px solid rgba(173,106,55,0.25);
	border-radius:12px;
	padding:14px 18px;
	margin-bottom:20px;
}
.pros-share-info{
	display:flex;
	align-items:center;
	gap:12px;
}
.pros-share-info > .material-symbols-outlined{
	font-size:26px;
	color:var(--app-theme-color);
}
.pros-share-info strong{display:block;font-size:14px}
.pros-share-info span{font-size:12px;color:#888}
.pros-share-actions{
	display:flex;
	align-items:center;
	gap:8px;
}
.pros-share-actions input{
	width:260px !important;
	height:34px !important;
	font-size:12px !important;
	color:#888;
	background:#fff;
	border:1px solid #e0e0e0;
	border-radius:6px;
}
.pros-share-actions .material-symbols-outlined{
	font-size:20px;
	color:#888;
}
.pros-share-actions a:hover .material-symbols-outlined,
.pros-share-actions span:hover .material-symbols-outlined{color:var(--app-theme-color)}
.intro-req{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
	padding:12px 20px;
	border-bottom:1px solid #f0f0f0;
}
.intro-req:last-child{border-bottom:none}
.intro-req-main{font-size:13px}
.intro-req-main em{display:block;color:#999;font-size:12px;margin-top:2px}
.intro-req-actions{
	display:flex;
	align-items:center;
	gap:10px;
}
.intro-req-dismiss{
	font-size:20px;
	color:#bbb;
	cursor:pointer;
}
.intro-req-dismiss:hover{color:#5cb85c}
.pros-page{
	max-width:760px;
	margin:0 auto;
	padding:24px 20px 60px;
}
.pros-hero{
	text-align:center;
	padding:24px 0 28px;
}
.pros-hero-avatar{
	width:64px;
	height:64px;
	border-radius:50%;
	background:linear-gradient(135deg, var(--app-theme-color), #d4a67a);
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 12px;
}
.pros-hero-avatar .material-symbols-outlined{color:#fff;font-size:32px}
.pros-hero h2{margin:0 0 6px;font-size:24px}
.pros-hero p{margin:0 auto;max-width:440px;font-size:14px;color:#777;line-height:1.5}
.pros-hero-contact{
	display:flex;
	justify-content:center;
	gap:16px;
	margin-top:14px;
	flex-wrap:wrap;
}
.pros-hero-contact a{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	font-weight:600;
	color:var(--app-theme-color);
	text-decoration:none;
}
.pros-hero-contact .material-symbols-outlined{font-size:16px}
.pros-cat{margin-bottom:28px}
.pros-cat h3{
	display:flex;
	align-items:center;
	gap:8px;
	font-size:13px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	color:#888;
	margin:0 0 12px;
}
.pros-cat h3 .material-symbols-outlined{font-size:18px;color:var(--app-theme-color)}
.pros-grid{
	display:grid;
	grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
	gap:14px;
}
.pros-card{
	background:#fff;
	border:1px solid #e8e8eb;
	border-radius:12px;
	padding:18px;
	display:flex;
	flex-direction:column;
	gap:8px;
}
.pros-card strong{font-size:15px}
.pros-card p{margin:0;font-size:13px;color:#777;line-height:1.5;flex:1}
.pros-intro-btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	background:var(--app-theme-color);
	color:#fff;
	border:none;
	border-radius:8px;
	padding:10px;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
	margin-top:6px;
	transition:opacity 0.15s;
}
.pros-intro-btn:hover{opacity:0.9}
.pros-intro-btn .material-symbols-outlined{font-size:16px}
.pros-disclosure{
	margin-top:32px;
	font-size:11px;
	color:#aaa;
	text-align:center;
	line-height:1.6;
}
.pros-invalid{
	text-align:center;
	padding:80px 20px;
	color:#999;
}
.pros-invalid .material-symbols-outlined{font-size:48px;display:block;margin-bottom:12px;color:#ccc}
.pros-modal{
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.45);
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:10000001;
	padding:20px;
}
.pros-modal-box{
	background:#fff;
	border-radius:14px;
	padding:24px;
	width:100%;
	max-width:400px;
	display:flex;
	flex-direction:column;
	gap:10px;
}
.pros-modal-box h3{margin:0;font-size:17px}
.pros-modal-box > p{margin:0 0 4px;font-size:13px;color:#777}
.pros-modal-error{font-size:12px;color:#d9534f;min-height:14px}
.pros-modal-actions{
	display:flex;
	justify-content:flex-end;
	gap:8px;
}
.pros-cancel{
	background:none;
	border:1px solid #ddd;
	border-radius:8px;
	padding:9px 16px;
	font-size:13px;
	font-weight:600;
	color:#666;
	cursor:pointer;
}
.pros-send{
	background:var(--app-theme-color);
	color:#fff;
	border:none;
	border-radius:8px;
	padding:9px 18px;
	font-size:13px;
	font-weight:700;
	cursor:pointer;
}
.pros-thanks{text-align:center;padding:10px 0}
.pros-thanks .material-symbols-outlined{font-size:44px;color:#5cb85c;margin-bottom:8px}
.pros-thanks h3{margin:0 0 6px}
.pros-thanks p{font-size:13px;color:#777;margin:0 0 16px}
.contact-send-pros{cursor:pointer}
.contact-send-pros:hover{color:var(--app-theme-color)}
@media(max-width:700px){
	.pros-share-actions{width:100%}
	.pros-share-actions input{flex:1;width:auto !important}
}
.pipeline-col-locked .pipeline-col-head{
	background:#f4f4f6;
}
.pipeline-col-locked .pipeline-card{
	cursor:pointer;
}
.pipeline-col-locked .pipeline-col-body{
	background:repeating-linear-gradient(45deg, transparent, transparent 12px, rgba(0,0,0,0.012) 12px, rgba(0,0,0,0.012) 24px);
}
.dash-tabs-floating{
	position:fixed;
	bottom:20px;
	left:50%;
	transform:translateX(-50%);
	z-index:940;
	margin-bottom:0;
	background:#fff;
	border:1px solid #e5e5e8;
	box-shadow:0 6px 24px rgba(0,0,0,0.16);
	padding:4px;
	border-radius:12px;
}
main.has-floating-tabs{
	padding-bottom:90px;
}
@media(max-width:700px){
	.dash-tabs-floating{
		bottom:14px;
	}
}
.pipeline-add-card{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:6px;
	padding:10px;
	margin-bottom:8px;
	border:1px dashed #ccc;
	border-radius:8px;
	font-size:12px;
	font-weight:700;
	color:#888;
	text-decoration:none;
	transition:all 0.15s;
	background:#fff;
}
.pipeline-add-card:hover{
	border-color:var(--app-theme-color);
	color:var(--app-theme-color);
	background:rgba(173,106,55,0.04);
}
.pipeline-add-card .material-symbols-outlined{font-size:16px}
.coach-briefing{
	background:linear-gradient(135deg, rgba(173,106,55,0.07), rgba(212,166,122,0.07));
	border:1px solid rgba(173,106,55,0.2);
	border-radius:10px;
	padding:12px 14px;
	font-size:18px;
	line-height:1.55;
	color:#555;
	margin-bottom:14px;
}
.coach-list{
	display:flex;
	flex-direction:column;
}
.coach-item{
	display:flex;
	align-items:center;
	gap:12px;
	padding:10px 0;
	border-bottom:1px solid #f5f5f5;
	transition:opacity 0.2s;
}
.coach-item:last-child{border-bottom:none}
.coach-icon{
	width:34px;
	height:34px;
	border-radius:9px;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.coach-icon .material-symbols-outlined{font-size:18px}
.coach-body{
	flex:1;
	min-width:0;
}
.coach-body a{
	display:block;
	font-size:13px;
	font-weight:700;
	color:#333;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.coach-body a:hover{color:var(--app-theme-color)}
.coach-reason{
	display:block;
	font-size:11px;
	color:#999;
	margin-top:1px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.coach-actions{
	display:flex;
	align-items:center;
	gap:8px;
	flex-shrink:0;
}
.coach-call{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:30px;
	height:30px;
	border-radius:50%;
	background:rgba(92,184,92,0.12);
	color:#3e8e3e;
	text-decoration:none;
}
.coach-call .material-symbols-outlined{font-size:16px}
.coach-call:hover{background:rgba(92,184,92,0.25)}
.coach-snooze{
	color:#ccc;
	cursor:pointer;
	display:inline-flex;
}
.coach-snooze .material-symbols-outlined{font-size:18px}
.coach-snooze:hover{color:#888}
.coach-empty{
	text-align:center;
	padding:24px 10px;
	color:#bbb;
}
.coach-empty .material-symbols-outlined{font-size:38px;display:block;margin:0 auto 8px;color:#5cb85c;opacity:0.6}
.coach-empty p{margin:0;font-size:13px}
.coach-panel{
	border:1px solid rgba(173,106,55,0.3);
	animation:coachGlow 2.6s ease-in-out infinite;
}
@keyframes coachGlow{
	0%, 100% { box-shadow:0 0 0 0 rgba(173,106,55,0.0); }
	50%      { box-shadow:0 0 0 5px rgba(173,106,55,0.12); }
}
.coach-live-dot{
	display:inline-block;
	width:8px;
	height:8px;
	border-radius:50%;
	background:var(--app-theme-color);
	margin-right:8px;
	vertical-align:middle;
	position:relative;
}
.coach-live-dot::after{
	content:"";
	position:absolute;
	inset:-4px;
	border-radius:50%;
	border:2px solid var(--app-theme-color);
	animation:coachPing 1.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes coachPing{
	0%   { transform:scale(0.5); opacity:0.8; }
	80%, 100% { transform:scale(1.6); opacity:0; }
}
.coach-item{
	animation:coachSlideIn 0.35s ease-out backwards;
}
.coach-item:nth-child(1){animation-delay:0.05s}
.coach-item:nth-child(2){animation-delay:0.12s}
.coach-item:nth-child(3){animation-delay:0.19s}
.coach-item:nth-child(4){animation-delay:0.26s}
.coach-item:nth-child(5){animation-delay:0.33s}
.coach-item:nth-child(6){animation-delay:0.40s}
.coach-item:nth-child(7){animation-delay:0.47s}
@keyframes coachSlideIn{
	from { opacity:0; transform:translateY(8px); }
	to   { opacity:1; transform:translateY(0); }
}
.coach-item:first-child .coach-icon{
	animation:coachBeat 2.2s ease-in-out infinite;
}
@keyframes coachBeat{
	0%, 100% { transform:scale(1); }
	12%      { transform:scale(1.12); }
	24%      { transform:scale(1); }
}
@media (prefers-reduced-motion: reduce){
	.coach-panel,
	.coach-live-dot::after,
	.coach-item,
	.coach-item:first-child .coach-icon{
		animation:none;
	}
	.coach-panel{
		box-shadow:0 0 0 4px rgba(173,106,55,0.10);
	}
	.coach-live-dot::after{
		display:none;
	}
}
.btn-link{
	color:var(--app-theme-color);
	font-weight:700;
	font-size:13px;
	cursor:pointer;
}
.btn-link:hover{text-decoration:underline}
.rw-hero{
	display:grid;
	grid-template-columns:auto auto 1fr;
	align-items:center;
	gap:28px;
	background:#fff;
	border:1px solid #e8e8eb;
	border-radius:14px;
	padding:24px 28px;
}
.rw-hero-win{
	border-color:rgba(92,184,92,0.5);
	background:linear-gradient(135deg, rgba(92,184,92,0.07), rgba(92,184,92,0.02));
}
.rw-hero-rank, .rw-hero-points{
	display:flex;
	flex-direction:column;
	align-items:center;
	padding-right:28px;
	border-right:1px solid #eee;
}
.rw-hero-rank-num{
	font-size:42px;
	font-weight:900;
	line-height:1;
	color:var(--app-theme-color);
}
.rw-hero-points-num{
	font-size:42px;
	font-weight:900;
	line-height:1;
	color:#333;
}
.rw-hero-rank-label, .rw-hero-points-label{
	font-size:12px;
	color:#999;
	margin-top:6px;
	text-align:center;
}
.rw-hero-status{
	display:flex;
	flex-direction:column;
	gap:2px;
}
.rw-hero-status .material-symbols-outlined{
	font-size:26px;
	color:var(--app-theme-color);
	margin-bottom:2px;
}
.rw-hero-win .rw-hero-status .material-symbols-outlined{color:#5cb85c}
.rw-hero-status strong{font-size:16px}
.rw-hero-status span{font-size:13px;color:#777}
.rw-cat-list{display:flex;flex-direction:column}
.rw-cat{
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:12px 20px;
	border-bottom:1px solid #f3f3f3;
}
.rw-cat:last-child{border-bottom:none}
.rw-cat-info strong{display:block;font-size:13px;font-weight:600}
.rw-cat-info span{font-size:11px;color:#999}
.rw-cat-earned-val{
	font-size:18px;
	font-weight:800;
	color:#ccc;
	min-width:36px;
	text-align:right;
}
.rw-cat-earned .rw-cat-earned-val{color:var(--app-theme-color)}
.rw-cat-earned{background:rgba(173,106,55,0.03)}
@media(max-width:600px){
	.rw-hero{grid-template-columns:1fr 1fr;gap:16px}
	.rw-hero-status{grid-column:1 / -1;border-top:1px solid #eee;padding-top:14px}
	.rw-hero-rank, .rw-hero-points{border-right:none;padding-right:0}
}
.rw-auto-tag{
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.4px;
	color:#5cb85c;
	background:rgba(92,184,92,0.12);
	padding:1px 6px;
	border-radius:8px;
	margin-left:6px;
	vertical-align:middle;
}
#mbody a.button,
#mbody button.button,
#mbody .button,
#mbody button[type="submit"],
#mbody button[type="button"],
.main-min a.button,
.main-min button.button,
.main-min .button,
.main-min button[type="submit"],
.main-min button[type="button"]{
	width:100%;
	display:inline-grid;
	border-radius:6px;
}