/* Consolidated CSS: base utilities and application theme */

:root {
    --crm-primary: #5d5fef;
    --crm-primary-dark: #484bd5;
    --crm-primary-soft: #e7e8ff;
    --crm-success: #20b26b;
    --crm-success-dark: #168a50;
    --crm-success-soft: #def6e9;
    --crm-active: #5d5fef;
    --crm-danger: #e54d5f;
    --crm-danger-dark: #c7384a;
    --crm-danger-soft: #fde7ea;
    --crm-warning: #e99a24;
    --crm-warning-dark: #bd7410;
    --crm-warning-soft: #fff0d1;
    --crm-info: #168aad;
    --crm-info-dark: #0f6d8a;
    --crm-info-soft: #dff3f8;
    --crm-secondary: #68758a;
    --crm-secondary-dark: #4e5b70;
    --crm-secondary-soft: #e8edf3;
    --crm-navy: #172033;
    --crm-sidebar: #182132;
    --crm-sidebar-muted: #9ba8bd;
    --crm-text: #172033;
    --crm-muted: #5f6d82;
    --crm-border: #cbd5e1;
    --crm-surface: #ffffff;
    --crm-background: #e9eef5;
    --crm-radius: 4px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: #dbe2ea;
}

::-webkit-scrollbar-thumb {
    min-height: 44px;
    background: #64748b;
    border: 2px solid #dbe2ea;
    border-radius: var(--crm-radius);
}

::-webkit-scrollbar-thumb:hover {
    background: var(--crm-primary-dark);
}

::-webkit-scrollbar-corner {
    background: #dbe2ea;
}


* {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    scrollbar-color: #64748b #dbe2ea;
    scrollbar-width: thin;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:active,
*:hover,
*:focus {
    outline: 0px !important;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


body {
    font-family: "Google Sans", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-feature-settings: "kern" 1;
    -moz-font-feature-settings: "kern" 1;
    font-size: 16px;
    font-weight: 400;
    min-height: 100vh;
    background: var(--crm-background);
    color: var(--crm-text);
}
input, button, textarea, select {
    font-family: inherit; 
    font-size: inherit;  
    color: inherit;
}


a,
a:hover,
a:focus {
    cursor: pointer;
    text-decoration: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid rgba(93, 95, 239, .22) !important;
    outline-offset: 2px !important;
}

b,
strong {
    font-weight: bold;
}

img {
    border: 0;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled] {
    cursor: not-allowed;
}

small {
    font-size: 14px;
}


.text-warning {
    color: var(--crm-warning) !important;
}

.text-muted {
    opacity: .7;
}
.text-success {
    color: var(--crm-success-dark);
}

.text-danger {
    color: var(--crm-danger-dark);
}


.row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 22px;
}

[class*="col-"] {
    min-width: 0;
    grid-column: span 12;
}

.col-xs-12 { grid-column: span 12; }
.col-xs-11 { grid-column: span 11; }
.col-xs-10 { grid-column: span 10; }
.col-xs-9  { grid-column: span 9; }
.col-xs-8  { grid-column: span 8; }
.col-xs-7  { grid-column: span 7; }
.col-xs-6  { grid-column: span 6; }
.col-xs-5  { grid-column: span 5; }
.col-xs-4  { grid-column: span 4; }
.col-xs-3  { grid-column: span 3; }
.col-xs-2  { grid-column: span 2; }
.col-xs-1  { grid-column: span 1; }

/* SM */
@media (min-width: 768px) {
    .col-sm-12 { grid-column: span 12; }
    .col-sm-11 { grid-column: span 11; }
    .col-sm-10 { grid-column: span 10; }
    .col-sm-9  { grid-column: span 9; }
    .col-sm-8  { grid-column: span 8; }
    .col-sm-7  { grid-column: span 7; }
    .col-sm-6  { grid-column: span 6; }
    .col-sm-5  { grid-column: span 5; }
    .col-sm-4  { grid-column: span 4; }
    .col-sm-3  { grid-column: span 3; }
    .col-sm-2  { grid-column: span 2; }
    .col-sm-1  { grid-column: span 1; }
}

/* MD */
@media (min-width: 992px) {
    .col-md-12 { grid-column: span 12; }
    .col-md-11 { grid-column: span 11; }
    .col-md-10 { grid-column: span 10; }
    .col-md-9  { grid-column: span 9; }
    .col-md-8  { grid-column: span 8; }
    .col-md-7  { grid-column: span 7; }
    .col-md-6  { grid-column: span 6; }
    .col-md-5  { grid-column: span 5; }
    .col-md-4  { grid-column: span 4; }
    .col-md-3  { grid-column: span 3; }
    .col-md-2  { grid-column: span 2; }
    .col-md-1  { grid-column: span 1; }
}


.text-right {text-align: right !important;}


.radio,
.checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    background: rgba(235, 237, 242, .4);
    margin: 0 5px 0 0;
    padding: 8px 10px;
    font-weight: normal;
    border-radius: var(--crm-radius);
    cursor: pointer;
}

.radio input,
.checkbox input {
    margin-right: 5px;
}
.btn-block {
    display: block;
    text-align: center;
    width: 100%;
}

[disabled] {
    cursor: not-allowed;
    opacity: 0.65;
}



.dropup,
.dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: calc(50% - 80px);
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: .5rem 0;
    list-style: none;
    text-align: left;
    background: #FFF;
    
    border-radius: var(--crm-radius);
    color: #212529;
    background-clip: padding-box;
}

.dropdown.open .dropdown-menu {
    display: block;
}

.dropdown-menu > li > a {
    display: block;
    padding: 10px 15px;
    color: #869fb1;
    white-space: nowrap;
    transition: all .5s ease;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > .active > a {
    background: #f5f6fc;
    color: #25378b;
}

.dropdown-menu > li > a .far {
    width: 25px;
    text-align: center;
}

.dropdown-menu > li > a .badge {
    position: relative;
    top: -1px;
    background: var(--crm-success-dark);
    margin: 0px 5px;
    text-align: center;
}

.dropdown-header {
    display: block;
    padding: .5rem 1.5rem;
    font-size: .875rem;
    color: #6c757d;
    white-space: nowrap;
}

[class*=label-] {
    display: inline;
    padding: 6px 9px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    vertical-align: middle;
    border-radius: var(--crm-radius);
}

[class*=label-]:hover,
[class*=label-]:focus {
    color: #FFFFFF;
}

.label-default {
    background: var(--crm-secondary);
}

.label-primary {
    background: var(--crm-primary);
}

.label-success {
    background: var(--crm-success);
}

.label-info {
    background: var(--crm-info);
}

.label-warning {
    background: var(--crm-warning);
}

.label-danger {
    background: var(--crm-danger);
}

[class*=alert-] {
    display: block;
    padding: 15px;
    border-radius: var(--crm-radius);
    border: 1px solid transparent;
    text-align: center;
}

.alert-success {
    background: var(--crm-success-soft);
    border-color: #a9dfc1;
    color: var(--crm-success-dark);
}

.alert-info {
    background: var(--crm-info-soft);
    border-color: #addde8;
    color: var(--crm-info-dark);
}

.alert-warning {
    background: var(--crm-warning-soft);
    border-color: #f0ce8d;
    color: var(--crm-warning-dark);
}

.alert-danger {
    background: var(--crm-danger-soft);
    border-color: #f4b8c0;
    color: var(--crm-danger-dark);
}

.panel-footer {
    padding-top: 30px;
}

.panel-close {
    position: absolute;
    top: 30px;
    right: 30px;
}

@media (min-width: 768px) {


.modal-medium {
    width: 700px;
    max-width: 700px;
}

.modal-default {
    width: 450px;
    max-width: 450px;
}
}



@media (max-width: 768px) {
  .modal-medium { width:90%;max-width:90%; }
}



.hide {
    display: none !important;
}

.show {
    display: block !important;
}

@-ms-viewport {
  width: device-width;
}

.alertify {
    position: fixed;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    padding: 15px 0px;
    font-size: 17px;
    -webkit-animation: alertify 0.3s forwards;
    -moz-animation: alertify 0.3s forwards;
    -o-animation: alertify 0.3s forwards;
    animation: alertify 0.3s forwards;
    
    
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    animation-duration: 1s;
    -o-animation-duration: 1s;
    z-index: 999999999999;
}

.alertify .fa {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin-right: 10px;
    text-align: center;
    border-radius: var(--crm-radius);
}

.alertify.success {
    background: var(--crm-success);
    color: #FFFFFF;
}

.alertify.success .fa {
    background: #FFFFFF;
    color: var(--crm-success);
}

.alertify.error {
    background: var(--crm-danger);
    color: #FFFFFF;
}

.alertify.error .fa {
    background: #FFFFFF;
    color: var(--crm-danger);
}

.alertify.warning {
    background: var(--crm-warning);
    color: #FFFFFF;
}

.alertify.warning .fa {
    background: #FFFFFF;
    color: var(--crm-warning);
}

@-webkit-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}

@-moz-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}

@keyframes fadeInDown {
    from {  top:-500px;  }
    to {  top:0px; }
}

.m0 {
    margin: 0;
}

.text-center {
    text-align: center !important;
}


.filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(420px, 92vw);
    z-index: 999999;
    overflow-y: auto;
    background: #fff;
    color: #57647c;
    border-left: 1px solid #e5ebf3;

    transform: translateX(100%);
    transition: transform .25s cubic-bezier(0, 0, 0.2, 1);
}

/* Filter açık */
body.filter-open .filter {
    transform: translateX(0);
}


/* Backdrop */
.overlay {
    position: fixed;
    inset: 0;
    z-index: 999998;

    background: rgba(17, 24, 39, .46);
    backdrop-filter: blur(3px);

    opacity: 0;
    visibility: hidden;

    transition:
        opacity .2s ease,
        visibility .2s ease;
}

body.filter-open .overlay {
    opacity: 1;
    visibility: visible;
}


/* Sayfanın scroll olmasını engelle */
body.filter-open {
    overflow: hidden;
}


.filter-title {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    gap: 15px;
    color: var(--crm-text);
    font-size: 19px;
    font-weight: bold;
    padding: 26px 30px;
    border-bottom: 1px solid var(--crm-border);
    margin-bottom: 24px;
}

.filter .form-group {
    padding: 0 30px;
}

/* Bootstrap 3 Tooltip */

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    text-align: left;
    filter: alpha(opacity=0);
    opacity: 0;
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9;
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
}


/* Tooltip içeriği */

.tooltip-inner {
    max-width: 300px;
    padding: 8px 12px;

    color: #fff;
    text-align: left;

    background-color: #303b50;

    border-radius: var(--crm-radius);

    line-height: 1.5;

    white-space: normal;
}


/* Ok */

.tooltip-arrow {
    position: absolute;

    width: 0;
    height: 0;

    border-color: transparent;
    border-style: solid;
}


/* Üst */

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;

    margin-left: -5px;

    border-width: 5px 5px 0;

    border-top-color: #303b50;
}


/* Sağ */

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;

    margin-top: -5px;

    border-width: 5px 5px 5px 0;

    border-right-color: #303b50;
}


/* Alt */

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;

    margin-left: -5px;

    border-width: 0 5px 5px;

    border-bottom-color: #303b50;
}


/* Sol */

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;

    margin-top: -5px;

    border-width: 5px 0 5px 5px;

    border-left-color: #303b50;
}


.title .left {
    margin-right: auto;
}

.breadcrumb li + li {
    margin-left: 5px;
}

.table > thead > tr > th:last-child,
.table > tfoot > tr > th:last-child {
    text-align: right;
}

table.dtr-inline.collapsed tbody td:first-child:before,
table.dtr-inline.collapsed tbody th:first-child:before {
    height: 16px;
    width: 16px;
    display: inline-block;
    color: white;
    margin-right: 5px;
    border-radius: var(--crm-radius);
    text-align: center;
    line-height: 14px;
    box-sizing: content-box;
    content: '+';
    background-color: #31b131;
}

table.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dtr-inline.collapsed tbody tr.parent th:first-child:before {
    content: '-';
    background-color: #d33333;
}

table.dtr-inline.collapsed tbody tr.child td:before {
    display: none;
}

table .child {
    padding: 0px !important;
}

table tr.child ul {
    background: #FBFBFB;
}

table tr.child span.dtr-title {
    font-weight: bold;
    margin-right: auto;
}

    .iti__search-input{ 

            padding:15px 20px;

     }
.iti__country{ padding:10px 20px; }

.iti { display:block; }

.is-invalid { border-color:red !important; }



.table > tbody > tr {
    transition: background .18s ease;
}



.list-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 16px;
    margin-bottom: 22px;
}

.list-stat {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    color: var(--crm-text);
    background: var(--crm-surface);
    border: 1px solid var(--crm-border);
    border-radius: var(--crm-radius);
}

.list-stat-icon {
    display: inline-flex;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    align-items: center;
    justify-content: center;
    border-radius: var(--crm-radius);
    font-size: 16px;
}

.list-stat-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.list-stat-copy small {
    color: var(--crm-muted);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.list-stat-copy strong {
    overflow: hidden;
    margin-top: 6px;
    color: var(--crm-text);
    font-size: 21px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.list-stat-primary .list-stat-icon { color: var(--crm-primary-dark); background: var(--crm-primary-soft); }
.list-stat-success .list-stat-icon { color: var(--crm-success-dark); background: var(--crm-success-soft); }
.list-stat-danger .list-stat-icon { color: var(--crm-danger-dark); background: var(--crm-danger-soft); }
.list-stat-warning .list-stat-icon { color: var(--crm-warning-dark); background: var(--crm-warning-soft); }
.list-stat-info .list-stat-icon { color: var(--crm-info-dark); background: var(--crm-info-soft); }
.list-stat-secondary .list-stat-icon { color: var(--crm-secondary-dark); background: var(--crm-secondary-soft); }


[class*="btn-"] {
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background: none;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
    transition: transform .15s ease, background-color .15s ease, border-color .15s ease;
    overflow: hidden;
    padding: 12px 18px;
    border-radius: var(--crm-radius);
    border: 1px solid transparent;
    font-weight: 600;
    line-height: 1.2;
    
}

.btn-sm {
    padding: 9px 13px;
    font-size: 14px;
}

.btn-xs {
    padding: 6px 9px;
    border-radius: var(--crm-radius);
    font-size: 14px;
}

.btn-default {
    color: var(--crm-secondary-dark);
    border: 1px solid var(--crm-border);
    background: var(--crm-surface);
}

.btn-default:hover,
.btn-default:focus {
    color: var(--crm-text);
    border-color: #8997aa;
    background: var(--crm-secondary-soft);
}



.btn-primary {
    color: #fff;
    border-color: var(--crm-primary-dark);
    background-color: var(--crm-primary);
}

.btn-primary:hover,
.btn-primary:focus {
    color: #fff;
    border-color: #3437b8;
    background-color: var(--crm-primary-dark);
}

.btn-success {
    color: #fff;
    border-color: var(--crm-success-dark);
    background-color: var(--crm-success);
}

.btn-success:hover,
.btn-success:focus {
    color: #fff;
    border-color: #0f6e3e;
    background-color: var(--crm-success-dark);
}

.btn-danger {
    color: #fff;
    border-color: var(--crm-danger-dark);
    background-color: var(--crm-danger);
}

.btn-danger:hover,
.btn-danger:focus {
    color: #fff;
    border-color: #a92d3d;
    background-color: var(--crm-danger-dark);
}

.btn-warning {
    color: #fff;
    border-color: var(--crm-warning-dark);
    background-color: var(--crm-warning);
}

.btn-warning:hover,
.btn-warning:focus {
    color: #fff;
    border-color: #985b0b;
    background-color: var(--crm-warning-dark);
}

.btn-info {
    color: #fff;
    border-color: var(--crm-info-dark);
    background-color: var(--crm-info);
}

.btn-info:hover,
.btn-info:focus {
    color: #fff;
    border-color: #0a5268;
    background-color: var(--crm-info-dark);
}

.btn-secondary {
    color: #fff;
    border-color: var(--crm-secondary-dark);
    background-color: var(--crm-secondary);
}

.btn-secondary:hover,
.btn-secondary:focus {
    color: #fff;
    border-color: #394457;
    background-color: var(--crm-secondary-dark);
}

.btn-dark {
    color: #fff;
    border-color: #0f1726;
    background-color: var(--crm-navy);
}

.btn-dark:hover,
.btn-dark:focus {
    color: #fff;
    border-color: #070b12;
    background-color: #0f1726;
}

.btn-light {
    color: var(--crm-secondary-dark);
    border-color: var(--crm-border);
    background-color: var(--crm-surface);
}

.btn-light:hover,
.btn-light:focus {
    color: var(--crm-text);
    border-color: #8997aa;
    background-color: var(--crm-secondary-soft);
}

.form-control {
    display: block;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    width: 100%;
    min-height: 48px;
    padding: 12px 15px;
    color: #273449;
    background: #fff;
    border: 1px solid #b9c5d5;
    border-radius: var(--crm-radius);
}
.form-control:active {
    background: #f8fafc;
}

.form-control::-moz-placeholder {
    color: #778399;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color: #778399;
}

.form-control::-webkit-input-placeholder {
    color: #778399;
}

.form-control[readonly] {
    background: #f7f7f7;
    opacity: 1;
}

.form-control[disabled] {
    background: #f7f7f7;
    opacity: 1;
    cursor: not-allowed;
}

textarea.form-control {
    height: auto;
}

.form-control:hover {
    background: #ffffff;
    border-color: #9eabc0;
}

.form-control:focus {
    background: #ffffff;
    border-color: var(--crm-primary);
    
}

.form-group {
    margin-bottom: 20px;
}

.form-group > label {
    display: block;
    vertical-align: middle;
    margin-bottom: 7px;
    color: #46536a;
    font-size: 14px;
    font-weight: 600;
}


.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    z-index: 1050;
    padding: 28px;
    background: rgba(17, 24, 39, .64);
    backdrop-filter: blur(6px);
}

.quick-add-modal {
    display: none;
    z-index: 1060;
}

.quick-add-modal.active {
    display: flex;
}

.quick-add-control {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

.quick-add-control .bootstrap-select,
.quick-add-control > .form-control {
    min-width: 0;
    flex: 1;
}

.quick-add-control .quick-add-open {
    display: flex;
    width: 48px;
    min-width: 48px;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 22px;
}




.header {
    position: fixed;
    top: 0px;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    z-index: 1049;
    left: 276px;
    height: 76px;
    padding: 0 30px;
    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid #cbd5e1;
    
    backdrop-filter: blur(18px);
}


.header-tools {
    display: flex;
    min-width: 0;
    flex: 0 1 auto;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.header-tools a,
.header-tools button {
    display: inline-flex;
    height: 40px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}
.header-tools .form-control {
    width: 280px;
    min-width: 180px;
    min-height: 40px;
    height: 40px;
    flex: 0 1 280px;
    padding-top: 0;
    padding-bottom: 0;
}



.header .toggle {
    display: none;
    margin-right: auto;
}





.header-context {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin-right: auto;
}

.header-context span {
    color: #68758a;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
}

.header-context strong {
    display: flex;
    align-items: center;
    gap:5px;
    color: var(--crm-text);
    font-size: 19px;
}
.header-context strong small {  
    color: #a2a9b8;
}

.sidebar {
    position: fixed;
    bottom: 0px;
    overflow: hidden;
    -webkit-transition: left;
    -o-transition: left;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    transition: left .1s cubic-bezier(0,0,.2,1);
    z-index: 999;
    top: 0;
    width: 276px;
    padding: 0 14px 18px;
    background: linear-gradient(180deg, #182132 0%, #151d2c 100%);
    overflow-y: auto;
}

.sidebar .logo {
    display: flex;
    align-items: center;
    gap: 11px;
    height: 76px;
    padding: 0 10px;
    border-bottom: 1px solid rgba(255,255,255,.06);
    color: #d7dfed;
    width:100%;
}
.sidebar .logo-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: #fff;
    background: linear-gradient(135deg, #7476f4, #5154dc);
    border-radius: var(--crm-radius);
    font-size: 14px;
    font-weight: 800;
}

.sidebar .logo-right{
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 3px;
}

.sidebar .logo-right strong {
    overflow: hidden;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidebar-nav {
    padding-top: 15px;
}

.sidebar-nav .nav-label {
    display: block;
    padding: 15px 11px 6px;
    color: #8290a8;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1.2px;
}


.sidebar-nav li a {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 12px;
    color: #c1cad8;
    border-radius: var(--crm-radius);
    font-size: 15px;
    font-weight: 600;
    transition: all .18s ease;
}

.sidebar-nav li a i {
    width: 24px;
    margin-right: 6px;
    color: #91a0b8;
    text-align: center;
}

.sidebar-nav li a em { 
    margin-left:auto;
    font-style: normal;
}


.sidebar-nav li a:hover {
    color: #fff;
    background: rgba(255,255,255,.065);
    transform: translateX(1px);
}

.sidebar-nav li.active a {
    color: #fff;
    background: linear-gradient(135deg, var(--crm-primary), var(--crm-primary-dark));
    
}

.sidebar-nav li.active a i {
    color: #fff;
}

.sidebar-nav .count {
    margin-left: auto;
    padding: 2px 6px;
    color: #fff;
    background: var(--crm-danger);
    border-radius: var(--crm-radius);
    font-size: 14px;
}


.content {
    padding: 106px 34px 60px 310px;
}

.loader {
    position: fixed;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    z-index: 222;
    color: var(--crm-primary);
    background: var(--crm-background);
    top: 76px;
    left: 276px;
}


.panel-default {
    display: block;
    position: relative;
    overflow: hidden;
    padding: 0;
    background: var(--crm-surface);
    border-radius: var(--crm-radius);
    border: 1px solid var(--crm-border);
}

.panel-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    background: #f9fafc;
    border-bottom: 1px solid #d1dae6;
}

.panel-title {
    display: block;
    font-weight: 600;
    color: var(--crm-text);
    letter-spacing: -.25px;
    font-size: 18px;
}

.panel-title h2 {
    margin: 0;
    color: var(--crm-text);
    font-size: 18px;
    letter-spacing: -.25px;
}

.panel-actions {
    display: flex;
    align-items: center;
    gap: 14px;
}

.panel-actions > a {
    color: var(--crm-primary-dark);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.panel-actions > span {
    padding: 6px 9px;
    color: var(--crm-secondary-dark);
    background: var(--crm-secondary-soft);
    border-radius: var(--crm-radius);
    font-size: 14px;
    font-weight: 700;
}

.panel-body {
    
    padding: 20px 22px;
}

.panel-heading a { 
    color: #7678e9; }


/* =========================================================
   ORTAK CARD
========================================================= */

.finance-card{
    background:#fff;
    border:1px solid #e5e5e5;
    border-left:4px solid #ddd;
    border-radius: var(--crm-radius);
    transition:all .15s ease;
    padding:22px;
    display:flex;
    align-items:flex-start;
    gap:18px;
    position:relative;
    min-height:125px;
}

.finance-card:hover{
    
}


/* ICON */

.finance-card > .fa-user{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius: var(--crm-radius);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    transition:all .15s ease;
}


/* CUSTOMER */

.finance-customer{
    min-width:0;
    flex:1;
    padding-right:55px;
}

.finance-name{
    margin-bottom:7px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.finance-detail,
.finance-date{
    margin-top:4px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.finance-detail i,
.finance-date i{
    width:16px;
    text-align:center;
    margin-right:3px;
}


/* STATUS */

.finance-status{
    position:absolute;
    right:15px;
    top:15px;
    padding:4px 9px;
    border-radius: var(--crm-radius);
    font-size: 14px;
    font-weight:500;
}


/* =========================================================
   AÇIK - KIRMIZI
========================================================= */

.finance-card-open{
    background:#fff;
    border-color:#f1d1d1;
    border-left-color:#dc3545;
}

.finance-card-open:hover{
    background:#fff6f6;
    border-color:#e8bcbc;
    border-left-color:#c82333;
    
}

.finance-card-open > .fa-user{
    background:#fbe4e6;
    color:#dc3545;
}

.finance-card-open .finance-name{
    color:#633238;
}

.finance-card-open .finance-detail,
.finance-card-open .finance-date{
    color:#987276;
}

.finance-card-open .finance-detail i,
.finance-card-open .finance-date i{
    color:#d75a65;
}

/* Açık kartın status'u */

.finance-card-open .finance-status{
    background:#fbe4e6;
    border:1px solid #efc2c6;
    color:#c92f3e;
}


/* =========================================================
   BEKLİYOR - TURUNCU
========================================================= */

.finance-card-awaiting{
    background:#fff;
    border-color:#f2dfb3;
    border-left-color:#f0ad4e;
}

.finance-card-awaiting:hover{
    background:#fffaf1;
    border-color:#efd292;
    border-left-color:#ec971f;
    
}

.finance-card-awaiting > .fa-user{
    background:#fff2d9;
    color:#e79a2d;
}

.finance-card-awaiting .finance-name{
    color:#6d532c;
}

.finance-card-awaiting .finance-detail,
.finance-card-awaiting .finance-date{
    color:#98805e;
}

.finance-card-awaiting .finance-detail i,
.finance-card-awaiting .finance-date i{
    color:#e5a13f;
}

/* Bekleyen kartın status'u */

.finance-card-awaiting .finance-status{
    background:#fff3dc;
    border:1px solid #f2d39b;
    color:#c9831f;
}
/* ÖDEME BİLGİLERİ */

.finance-payment-info{
    display:flex;
    flex-wrap:wrap;
    gap:5px 15px;
    margin-top:9px;
    margin-bottom:5px;
    color:#66776d;
}

.finance-payment-info span{
    white-space:nowrap;
}



.receipt-overview {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    overflow: hidden;
    color: var(--crm-text);
    background: var(--crm-surface);
    border: 1px solid var(--crm-border);
    border-radius: var(--crm-radius);
}

.receipt-overview li {
    flex: 1 1 125px;
    min-width: 0;
    height: 100%;
    padding: 14px 16px;
    overflow-wrap: anywhere;
    background: var(--crm-surface);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.35;
}

.receipt-overview li + li {
    border-right: 1px solid var(--crm-border);
}

.receipt-overview li:first-child {
    display: flex;
    flex: 1 1 240px;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    padding: 17px 18px;
    color: var(--crm-primary-dark);
    background: var(--crm-primary-soft);
}

.receipt-overview li:first-child > .far {
    display: inline-flex;
    flex: 0 0 56px;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    color: #fff;
    background: var(--crm-primary);
    border-radius: var(--crm-radius);
    font-size: 21px;
}

.receipt-overview li:first-child > div {
    min-width: 0;
}

.receipt-overview li:first-child a,
.receipt-overview li:first-child span {
    display: block;
    color: var(--crm-primary-dark);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -.25px;
}

.receipt-overview li:first-child a:hover {
    color: var(--crm-primary);
}

.receipt-overview li strong {
    display: block;
    margin: 0 0 5px;
    color: var(--crm-muted);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 1.2;
    text-transform: uppercase;
}

.receipt-overview li:first-child strong {
    margin-bottom: 5px;
    color: var(--crm-primary-dark);
}

.receipt-overview li:last-child {
    border-right: 0;
}

/*
|--------------------------------------------------------------------------
| Layout
|--------------------------------------------------------------------------
*/

.receipt {
    display:grid;
    grid-template-columns:minmax(0,1fr) 340px;
    gap:30px;
}

.receipt-sidebar {
    display:flex;
    gap:30px;
    flex-direction:column;
}

.receipt-left > .panel-default + .panel-default {
    margin-top:30px;
}

.receipt-sidebar .panel-body {
    padding:22px;
}

.receipt-sidebar .table > tbody > tr:first-child > td {
    border: 0;
}



/*
|--------------------------------------------------------------------------
| Adisyona Ürün / Hizmet Ekleme
|--------------------------------------------------------------------------
*/

.products {
    max-height: 280px;
    min-height: 280px;
    overflow-y: auto;
    border: 1px solid var(--crm-border);
    border-radius: var(--crm-radius);
}

.product-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 11px 12px;
    color: var(--crm-text);
    text-align: left;
    background: var(--crm-surface);
    border: 0;
    border-bottom: 1px solid var(--crm-border);
    cursor: pointer;
}

.product-item:last-of-type {
    border-bottom: 0;
}

.product-item:hover {
    background: var(--crm-primary-soft);
}

.product-item.active {
    background: var(--crm-primary-soft);
    color: var(--crm-primary-dark);
}

.product-item span {
    flex: 1;
    min-width: 0;
}

.product-item input[type="checkbox"] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: var(--crm-primary);
}

.product-item strong {
    display: block;
}

.product-item small {
    display: block;
    margin-top: 3px;
    color: var(--crm-muted);
    font-size: 14px;
}

.product-item > strong {
    flex: 0 0 auto;
    white-space: nowrap;
}

.product-item-empty {
    display: none;
    padding: 22px 14px;
    color: var(--crm-muted);
    text-align: center;
}

.bill-quantity-btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:28px;
    height:28px;
    padding:0;
    border:1px solid #dfe5ed;
    border-radius: var(--crm-radius);
    background:#fff;
    color:#687386;
    cursor:pointer;
    transition:all .15s ease;
}

.bill-quantity-btn:hover {
    border-color:var(--crm-primary);
    color:var(--crm-primary);
    background:#f7fbff;
}

.bill-quantity-btn:disabled {
    cursor:not-allowed;
    opacity:.5;
}

.bill-quantity-value {
    min-width:28px;
    text-align:center;
    color:#323b49;
}


/*
|--------------------------------------------------------------------------
| AJAX Disabled
|--------------------------------------------------------------------------
*/

.btn-delete.disabled {
    pointer-events:none;
    opacity:.5;
}


/*
|--------------------------------------------------------------------------
| Responsive
|--------------------------------------------------------------------------
*/

@media(max-width:1000px){

    .receipt {
        grid-template-columns:1fr;
    }

    .receipt-sidebar {
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


@media(max-width:700px){

    .receipt {
        display:block;
    }

    .receipt-sidebar {
        grid-template-columns:1fr;
    }

    .receipt-overview {
        flex-wrap:wrap;
    }

    .receipt-overview li {
        flex-basis:calc(50% - 1px);
        padding:13px 15px;
    }

    .receipt-overview li:first-child {
        flex-basis:100%;
    }

}

@media print {
    .header,
    .sidebar,
    .page-tools,
    .receipt-sidebar,
    .filter,
    .overlay,
    .bill-quantity-btn,
    .btn-delete {
        display:none !important;
    }

    .content {
        padding:0 !important;
        margin:0 !important;
    }

    .receipt {
        display:block;
    }
}



.table {
    width: 100% !important;
    max-width: 100% !important;
    border-spacing: 0;
    overflow: hidden;
    background: var(--crm-surface);
    border-radius: var(--crm-radius);
    
    border: 1px solid var(--crm-border);
}

.panel-default .table {
    border: 0;
    border-radius: 0;
}

table thead th.sorting:after {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    margin-left: 10px;
    font-size: 14px;
    color: #c4ccda;
    content: "\f0dc";
}

table thead th.sorting_asc:after {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    margin-left: 10px;
    font-size: 14px;
    content: "\f106";
    color: var(--crm-primary);
}

table thead th.sorting_desc:after {
    font-family: Font Awesome\ 5 Pro;
    font-weight: 400;
    margin-left: 10px;
    font-size: 14px;
    content: "\f107";
    color: var(--crm-primary);
}

.dataTables_paginate .paginate_button:hover {
    cursor: hand;
    color: var(--crm-primary);
    background: var(--crm-primary-soft);
    border-color: var(--crm-primary);
}

.dataTables_paginate .paginate_button.current,
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:active,
.dataTables_paginate .paginate_button.current:focus {
    color: #fff;
    background: var(--crm-primary);
    border-color: var(--crm-primary);
    
}



table tr.child ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #eee;
    padding: 14px 18px;
    border-bottom-color: #edf0f5;
    font-size: 14px;
}



.dataTables_wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 20px;
}



.table > thead > tr > th {
    border-bottom-width: 1px;
    text-align: left;
    padding: 14px 16px;
    color: #3f4c61;
    background: #e9eef5;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.table > tfoot > tr > th {
    text-align: left;
    border-top: 1px solid #dfe5ed;
    padding: 14px 16px;
    color: #697589;
}

.table > tbody > tr > td {
    vertical-align: middle;
    padding: 14px 16px;
    color: #334155;
    border-top: 1px solid #d8e0ea;
}

.table > tbody > tr:hover {
    background: #f8f9ff;
}

.table > tbody > tr > td:last-child {
    text-align: right;
    white-space: nowrap;
}

.dataTables_info {    display: block;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    width: 100%;
    min-height: 48px;
    padding: 14px 18px;
    color: var(--crm-secondary-dark);
    background: var(--crm-surface);
    border: 1px solid var(--crm-border);
    border-radius: var(--crm-radius);
    
    font-size: 14px;
    font-weight: 600;
}

.dataTables_paginate {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 14px;
    gap: 6px;
}

.dataTables_paginate .paginate_button {
    text-align: center;
    cursor: pointer;
    border-color: var(--crm-border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
    color: var(--crm-secondary-dark);
    background: var(--crm-surface);
    border: 1px solid var(--crm-border);
    font-size: 14px;
    transition: all .18s ease;
    min-width: 34px;
    height: 34px;
    padding: 0 8px;
    border-radius: var(--crm-radius);
}

@media screen and (max-width: 768px) {
.xs-mb-30 {
    margin-bottom: 30px;
}


.sidebar {
    top: 0;
    left: -276px;
    width: 276px;
}

.sidebar.open {
    left: 0;
}

.content {
    padding: 87px 15px 30px;
}

.loader {
    top: 64px;
    left: 0;
}

.panel-heading {
    padding: 15px;
}





.dataTables_info {
    float: none;
    justify-content: center;
    padding: 14px;
    text-align: center;
}

 .dataTables_paginate {
    float: none;
    justify-content: center;
    padding: 14px;
    text-align: center;
    border-top: 1px solid #edf0f5;
}

.dataTables_filter input {
    width: 100%;
}

.table > thead > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th {
    white-space: nowrap;
    font-size: 14px;
    padding: 12px 13px;
}
}




.login {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #1d2435 0%, #1d2435 38%, transparent 100%);
    gap:50px;
    min-height: 100vh;
    overflow: hidden;
}



 .login::after {
    position: absolute;
    inset: 0;
    content: "";
    opacity: .4;
    background-image: linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(135deg, rgba(0, 0, 0, .9), transparent 78%);
}

 .login-left {
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    min-height: 100vh;
    color: #FFFFFF;
    max-width: 620px;
    z-index: 2;
}

 .login-left span {
    display: inline-block;
    padding:5px 20px;border-radius: var(--crm-radius);
    color: #FFF;
    background: var(--crm-primary);
    font-weight: bold;
    letter-spacing: -.5px;

}

.login-left h1 {
    max-width: 540px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-size: clamp(34px, 4vw, 54px);
}

.login-left p {
    max-width: 485px;
    margin-bottom: 30px;
    color: rgba(255, 255, 255, .78);
}

.login-left ul {
    display: grid;
    max-width: 510px;
    gap: 15px;
}

.login-left ul li {
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255, 255, 255, .78);
}

.login-left ul li i {
    color: var(--crm-success);
    font-size: 20px;
}


.login-right {
    position: relative;
    display: flex;
    flex-direction: column;
    gap:15px;
    width: 100%;
    max-width: 445px;
    padding: 40px;
    border-radius: var(--crm-radius);
    background: #fff;
    z-index: 2;
}


.login-right h2 {
    color: #1d2435;
    font-size: 27px;
}

.login-right p {
    color: #7c879a;
    margin-bottom: 15px;
}


.login .btn-primary {
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}

.login-right small {
    margin-top: 10px;
    color: #9aa5b4;
    font-size: 14px;
    text-align: center;
}






/* Dashboard v2 - db- namespace keeps this screen isolated from shared components. */
.panel-kicker{display:block;margin-bottom:5px;color:#8f91ff;font-size: 14px;font-weight:800;letter-spacing:1.3px}
.db-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.db-metric{display:flex;align-items:center;gap:14px;min-width:0;padding:20px;background:#fff;border:1px solid var(--crm-border);border-radius: var(--crm-radius);transition:.18s ease}.db-metric:hover{border-color:#9ea9bc;transform:translateY(-2px)}.db-metric-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:42px;height:42px;border-radius: var(--crm-radius);font-size:16px}.db-movement-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius: var(--crm-radius);font-size:16px}.db-control-icon{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:38px;height:38px;border-radius: var(--crm-radius);font-size:16px}.db-metric-copy{display:flex;flex-direction:column;min-width:0}.db-metric-copy small{color:#5f6d82;font-size: 14px;font-weight:800;letter-spacing:.8px}.db-metric-copy strong{overflow:hidden;margin:5px 0 3px;color:#172033;font-size:21px;letter-spacing:-.45px;text-overflow:ellipsis;white-space:nowrap}.db-metric-copy em{color:#68758a;font-size: 14px;font-style:normal}.db-value-danger{color:#d43f52!important}.db-tone-success{color:#13884d;background:#dff6ea}.db-tone-danger{color:#cf3f51;background:#fde8eb}.db-tone-warning{color:#a86608;background:#fff0cc}.db-tone-primary{color:#4b4fd4;background:#e5e6ff}
.db-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:20px}.db-main-column,.db-side-column{display:flex;flex-direction:column;gap:20px;min-width:0}
.db-appointment,.db-movement{display:flex;align-items:center;gap:14px;min-width:0;padding:16px 20px;border-bottom:1px solid #dce3ec;transition:.15s ease}.db-appointment:last-child,.db-movement:last-child{border-bottom:0}.db-appointment:hover,.db-movement:hover{background:#f1f4f9}.db-appointment-time{width:40px;color:#273449;font-size:15px;font-weight:800}.db-appointment-line{width:4px;height:38px;border-radius: var(--crm-radius);background:#8587f4}.db-appointment-copy,.db-movement-copy{display:flex;flex:1;flex-direction:column;min-width:0}.db-appointment-copy strong,.db-movement-copy strong{overflow:hidden;color:#273449;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.db-appointment-copy small,.db-movement-copy small{overflow:hidden;margin-top:4px;color:#647188;font-size: 14px;text-overflow:ellipsis;white-space:nowrap}.db-status{padding:6px 9px;border:1px solid currentColor;border-radius: var(--crm-radius);font-size: 14px;font-weight:800;white-space:nowrap}.db-status-waiting{color:#a86608;background:#fff0cc}.db-status-approved{color:#4b4fd4;background:#e5e6ff}.db-status-cancelled{color:#cf3f51;background:#fde8eb}.db-status-completed{color:#13884d;background:#dff6ea}.db-movement b{font-size:14px;white-space:nowrap}.db-amount-income{color:#13884d}.db-amount-expense{color:#cf3f51}
.db-control-list>a{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #dce3ec}.db-control-list>a:last-child{border-bottom:0}.db-control-list>a>span:nth-child(2){display:flex;flex:1;flex-direction:column;min-width:0}.db-control-list strong{color:#273449;font-size: 14px}.db-control-list small{margin-top:3px;color:#647188;font-size: 14px}.db-control-list b{display:flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 8px;border-radius: var(--crm-radius);background:#e3e8f0;color:#273449;font-size: 14px}.db-reminder{display:flex;align-items:center;gap:13px;padding:14px 18px;border-bottom:1px solid #dce3ec}.db-reminder:last-child{border-bottom:0}.db-reminder>span:last-child{display:flex;flex-direction:column;min-width:0}.db-reminder>span:last-child strong{overflow:hidden;color:#273449;font-size: 14px;text-overflow:ellipsis;white-space:nowrap}.db-reminder>span:last-child small{margin-top:4px;color:#647188;font-size: 14px}.db-reminder-date{display:flex;align-items:center;justify-content:center;flex:0 0 46px;flex-direction:column;height:46px;border:1px solid #8587f4;border-radius: var(--crm-radius);background:#e5e6ff;color:#4b4fd4}.db-reminder-date strong{font-size:16px;line-height:16px}.db-reminder-date small{margin-top:3px;font-size: 14px;font-weight:800}.db-reminder-overdue{color:#cf3f51;border-color:#cf3f51;background:#fde8eb}.db-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:150px;padding:24px;color:#647188;text-align:center}.db-empty i{margin-bottom:10px;color:#8390a4;font-size:26px}.db-empty strong{color:#435066;font-size:14px}.db-empty small{margin-top:5px;font-size: 14px}.db-empty-compact{min-height:100px}
.db-control-list b.db-action-success{color:#13884d;background:#dff6ea}.db-control-list b.db-action-danger{color:#cf3f51;background:#fde8eb}
@media screen and (max-width:1180px){.db-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.db-layout{grid-template-columns:1fr}.db-side-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:760px){.db-metrics,.db-side-column{grid-template-columns:1fr}.panel-heading{align-items:flex-start}.panel-actions{align-items:flex-end;flex-direction:column;gap:5px}.db-appointment,.db-movement{padding-right:14px;padding-left:14px}.db-movement b{font-size: 14px}}
/* Visual payment method selector */
.payment-method-select {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    margin-top: 2px;
}

.payment-method-select .payment-method-option {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 10px 12px;
    border: 1px solid #cfd8e6;
    border-radius: var(--crm-radius);
    background: #fff;
    color: #334155;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.payment-method-select .payment-method-option:hover {
    border-color: #9fc3ef;
    background: #f8fbff;
    transform: translateY(-1px);
}

.payment-method-select .payment-method-option:focus-visible {
    outline: 0;
    border-color: var(--crm-primary);
    box-shadow: 0 0 0 3px rgba(8, 106, 216, .15);
}

.payment-method-select .payment-method-option.active {
    border-color: var(--crm-primary);
    background: rgba(8, 106, 216, .07);
    color: var(--crm-primary);
    box-shadow: inset 0 0 0 1px var(--crm-primary);
}

.payment-method-select .payment-method-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    background: #eef3f9;
    color: #66758a;
}

.payment-method-select .payment-method-option.active .payment-method-icon {
    background: var(--crm-primary);
    color: #fff;
}

.payment-method-select .payment-method-title {
    flex: 1;
    font-weight: 600;
    line-height: 1.25;
}

.payment-method-native {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 575px) {
    .payment-method-select {
        grid-template-columns: 1fr;
    }
}

.cash-audit-table td {
    vertical-align: top;
    padding: 10px 12px;
}

.cash-audit-table td:last-child {
    text-align: left;
    white-space: normal;
}

.cash-audit-table th {
    padding: 10px 12px;
}

.audit-changes {
    display: flex;
    min-width: 400px;
    flex-direction: column;
    gap: 4px;
}

.audit-change-row {
    display: grid;
    grid-template-columns: minmax(95px, .7fr) minmax(90px, 1fr) 18px minmax(90px, 1fr);
    gap: 5px;
    align-items: center;
    min-height: 34px;
    padding: 4px 6px;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
}

.audit-change-label {
    color: var(--crm-muted);
    font-weight: 700;
}

.audit-change-old {
    min-width: 0;
    padding: 3px 6px;
    border-radius: 5px;
    color: #9f3347;
    background: #fff0f2;
    overflow-wrap: anywhere;
}

.audit-change-arrow {
    color: #94a3b8;
    text-align: center;
}

.audit-change-new {
    min-width: 0;
    padding: 3px 6px;
    border-radius: 5px;
    color: #17754a;
    background: #eaf9f1;
    overflow-wrap: anywhere;
}

.audit-change-none {
    color: #94a3b8;
}

.audit-change-empty {
    color: var(--crm-muted);
}

.audit-value-status {
    display: inline-flex;
    padding: 2px 6px;
    border-radius: var(--crm-radius);
    font-weight: 700;
}

.audit-status-open {
    color: #147d4b;
    background: #ddf7e9;
}

.audit-status-closed {
    color: #4f46d5;
    background: #e9e8ff;
}

.audit-status-cancelled {
    color: #bd354a;
    background: #fde8ec;
}

.audit-value-money {
    color: var(--crm-text);
    white-space: nowrap;
}

.account-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 18px;
}

.account-card {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e6ebf2;
    border-radius: 14px;
    box-shadow: 0 4px 16px rgba(25, 42, 70, .06);
    transition: transform .18s ease, box-shadow .18s ease;
}

.account-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(25, 42, 70, .11);
}

.account-card-accent {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--account-color, #086ad8);
}

.account-card-head {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 20px 20px 15px 24px;
    border-bottom: 1px solid #eef1f5;
}

.account-card-icon {
    display: flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--account-color, #086ad8);
    background: color-mix(in srgb, var(--account-color, #086ad8) 12%, white);
    font-size: 19px;
}

.account-card-title {
    min-width: 0;
    flex: 1;
}

.account-card-title a {
    display: block;
    overflow: hidden;
    color: #1c2737;
    font-size: 17px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-card-title small {
    display: block;
    margin-top: 4px;
    color: #7b8797;
}

.account-card-balance {
    padding: 20px 20px 17px 24px;
}

.account-card-balance small {
    display: block;
    margin-bottom: 5px;
    color: #7b8797;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.account-card-balance strong {
    color: #172033;
    font-size: 28px;
    line-height: 1.1;
}

.account-card-flow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    padding: 20px 20px 20px 24px;
}

.account-flow-item {
    padding: 12px 13px;
    border-radius: 10px;
    background: #f7f9fc;
}

.account-flow-item small {
    display: block;
    margin-bottom: 4px;
    color: #7b8797;
}

.account-flow-item strong {
    font-size: 14px;
}

.account-card-opening {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 13px 20px 13px 24px;
    border-top: 1px solid #eef1f5;
    color: #687386;
    font-size: 14px;
}

.account-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    padding: 15px 20px 18px 24px;
    border-top: 1px solid #eef1f5;
    background: #fafbfd;
}

.account-card-actions a {
    margin: 0;
}

.account-empty {
    grid-column: 1 / -1;
    padding: 46px 20px;
    border: 1px dashed #d9e0e9;
    border-radius: 14px;
    color: #7b8797;
    background: #fff;
    text-align: center;
}

.account-empty i {
    display: block;
    margin-bottom: 12px;
    color: #aeb8c5;
    font-size: 32px;
}

.cash-report-card-net {
    margin-left: auto;
    font-weight: 700;
}

.cash-report-head-balance {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    flex-direction: column;
    gap: 3px;
    text-align: right;
}

.cash-report-head-balance small {
    color: #7b8797;
    font-size: 14px;
    font-weight: 600;
}

.cash-report-head-balance strong {
    color: #172033;
    font-size: 20px;
    white-space: nowrap;
}

.cash-report-account-section {
    margin-bottom: 22px;
}

.cash-report-section-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.page-info-modal {
    position: fixed;
    inset: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
    z-index: 1100;
    background: rgba(15, 23, 42, .48);
}

.page-info-modal.active {
    display: flex;
}

.page-info-dialog {
    width: 100%;
    max-width: 520px;
    overflow: hidden;
    border: 1px solid var(--crm-border);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(15, 23, 42, .24);
}

.page-info-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    border-bottom: 1px solid var(--crm-border);
    background: #f8fafc;
}

.page-info-heading div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.page-info-heading small {
    color: var(--crm-primary);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .8px;
}

.page-info-heading strong {
    color: var(--crm-text);
    font-size: 19px;
}

.btn-page-close {
    display: flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #d5dde8;
    border-radius: 8px;
    color: var(--crm-muted);
    background: #eef2f7;
    font-size: 22px;
    cursor: pointer;
}

.page-info-body {
    padding: 20px;
}

.page-info-body p {
    margin: 0;
    color: #4b586d;
    font-size: 16px;
    line-height: 1.65;
}

.page-info-body p + p {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--crm-border);
    color: var(--crm-muted);
}
/* Admin aktif şube seçimi */
.header-branch-switcher {
    margin: 0;
}

.header-branch-switcher .form-control {
    min-width: 190px;
    height: 42px;
    margin: 0;
    padding: 0 36px 0 14px;
    border-color: #cbd5e1;
    background-color: #ffffff;
    font-weight: 600;
}

/* Tüm şubeler patron dashboard */
.dashboard-quick-periods{display:flex;align-items:center;gap:5px}.dashboard-quick-periods a{white-space:nowrap}.dashboard-quick-periods a.active{pointer-events:none}
.account-branch-badge,.cash-report-branch{display:inline-flex;align-items:center;gap:5px;width:max-content;margin-top:4px;padding:3px 6px;border-radius:var(--crm-radius);background:var(--crm-primary-soft);color:var(--crm-primary-dark);font-size:11px;font-weight:800}.cash-report-branch{margin-top:0;white-space:nowrap}.account-branch-badge i,.cash-report-branch i{font-size:10px}
.boss-alerts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.boss-alert{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--crm-border);border-radius:var(--crm-radius);background:#fff;font-weight:700}.boss-alert span{flex:1}.boss-alert-danger{border-color:#f3b7bf;background:var(--crm-danger-soft);color:var(--crm-danger-dark)}.boss-alert-warning{border-color:#f4d295;background:var(--crm-warning-soft);color:var(--crm-warning-dark)}.boss-alert-info{border-color:#acdce7;background:var(--crm-info-soft);color:var(--crm-info-dark)}
.boss-metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}
.boss-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(290px,.8fr);gap:20px;margin-bottom:20px}.boss-main-column,.boss-side-column{display:contents}
.boss-branch-row{display:grid;width:100%;grid-template-columns:40px minmax(150px,1fr) minmax(105px,.65fr) minmax(105px,.65fr) repeat(2,62px);align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid #dce3ec;background:#fff;color:var(--crm-text)}.boss-branch-row:last-child{border-bottom:0}.boss-branch-icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:var(--crm-radius);background:var(--crm-primary-soft);color:var(--crm-primary)}.boss-branch-name{display:flex;min-width:0;flex-direction:column}.boss-branch-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-branch-name small{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--crm-muted)}.boss-branch-name small i{width:7px;height:7px;border-radius:50%;background:#aab2be}.boss-branch-name small i.is-active{background:var(--crm-success)}.boss-branch-stat,.boss-branch-count{display:flex;min-width:0;flex-direction:column}.boss-branch-stat small,.boss-branch-count small{color:var(--crm-muted);font-weight:700}.boss-branch-stat b{overflow:hidden;margin-top:4px;text-overflow:ellipsis;white-space:nowrap}.boss-branch-count b{margin-top:4px}
.boss-summary-list>a{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid #dce3ec}.boss-summary-list>a:last-child{border-bottom:0}.boss-summary-list>a>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.boss-summary-list strong{color:var(--crm-text)}.boss-summary-list small{margin-top:4px;color:var(--crm-muted)}.boss-summary-list>a>i{color:#9aa6b7}
.boss-method-list{padding:8px 18px 16px}.boss-method-list>div{position:relative;margin-top:12px;padding-right:38px}.boss-method-list>div>span{display:flex;justify-content:space-between;gap:10px}.boss-method-list small{color:var(--crm-muted)}.boss-method-list b{color:var(--crm-text)}.boss-method-list i{display:block;height:5px;margin-top:7px;overflow:hidden;border-radius:5px;background:#edf0f4}.boss-method-list em{display:block;height:100%;border-radius:5px;background:var(--crm-primary)}.boss-method-list>div>small{position:absolute;right:0;bottom:-4px;font-weight:700}
.boss-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}.boss-ranking>div:not(.db-empty){display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #dce3ec}.boss-ranking>div:last-child{border-bottom:0}.boss-ranking>div>b{display:flex;width:26px;height:26px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:var(--crm-radius);background:var(--crm-primary-soft);color:var(--crm-primary-dark)}.boss-ranking span{display:flex;min-width:0;flex:1;flex-direction:column}.boss-ranking strong{overflow:hidden;color:var(--crm-text);text-overflow:ellipsis;white-space:nowrap}.boss-ranking small{margin-top:3px;color:var(--crm-muted)}.boss-ranking em{color:var(--crm-text);font-style:normal;font-weight:700;white-space:nowrap}.boss-quick{margin-top:20px}.boss-quick>div:last-child{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.boss-quick a{display:flex;align-items:center;gap:10px;padding:15px;border-right:1px solid #dce3ec}.boss-quick a:last-child{border-right:0}.boss-quick a>i{display:flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--crm-radius);background:var(--crm-primary-soft);color:var(--crm-primary)}.boss-quick a>span{display:flex;min-width:0;flex-direction:column;color:var(--crm-text);font-weight:700}.boss-quick small{overflow:hidden;margin-top:3px;color:var(--crm-muted);font-weight:400;text-overflow:ellipsis;white-space:nowrap}
@media screen and (max-width:1180px){.boss-metrics-six{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-layout{grid-template-columns:1fr}.boss-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-quick>div:last-child{grid-template-columns:repeat(3,minmax(0,1fr))}.boss-branch-row{grid-template-columns:40px minmax(140px,1fr) minmax(100px,.6fr) minmax(100px,.6fr) repeat(2,58px)}}
@media screen and (max-width:760px){.boss-alerts,.boss-metrics-six,.boss-insight-grid,.boss-quick>div:last-child{grid-template-columns:1fr}.boss-branch-row{grid-template-columns:38px minmax(0,1fr);padding:14px}.boss-branch-stat,.boss-branch-count{display:none}.boss-quick a{border-right:0;border-bottom:1px solid #dce3ec}.boss-quick a:last-child{border-bottom:0}}
.boss-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px}
.boss-welcome div{min-width:0}
.boss-welcome h1{margin:0 0 4px;color:var(--crm-text);font-size:23px;letter-spacing:-.4px}
.boss-welcome p{margin:0;color:#7b8495;font-size:14px}
.boss-welcome>span{color:#8a93a3;font-size:14px}
.boss-welcome b{color:var(--crm-primary)}
.boss-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.boss-kpi{padding:18px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);box-shadow:0 4px 12px rgba(72,75,213,.05)}
.boss-kpi header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.boss-kpi header small{color:#778196;font-size:14px;font-weight:700}
.boss-kpi header i{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:9px;background:var(--crm-primary-soft);color:var(--crm-primary)}
.boss-kpi strong{display:block;margin:13px 0 6px;color:var(--crm-text);font-size:25px;letter-spacing:-.5px}
.boss-kpi p{margin:0;font-size:14px;font-weight:700}
.boss-kpi p span{margin-left:4px;color:#8a93a3;font-weight:400}
.boss-up{color:var(--crm-success)!important}
.boss-down{color:var(--crm-danger)!important}
.boss-branches{margin-bottom:18px}
.boss-branches>header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}
.boss-branches>header h2{margin:0;color:var(--crm-text);font-size:16px}
.boss-branches>header span{color:#8992a2;font-size:14px}
.boss-branch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.boss-branch{padding:15px;border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);box-shadow:0 4px 12px rgba(72,75,213,.05)}
.boss-branch>header{display:flex;align-items:center;gap:10px}
.boss-branch>header>span{display:flex;width:34px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:9px;background:var(--crm-primary-soft);color:var(--crm-primary-dark);font-size:14px;font-weight:800}
.boss-branch>header div{display:flex;min-width:0;flex:1;flex-direction:column}
.boss-branch>header strong{overflow:hidden;color:var(--crm-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.boss-branch>header small{margin-top:2px;color:#929aaa;font-size:14px}
.boss-branch>header>i{display:block;width:15px;height:15px;flex:0 0 auto;border-radius:50%}
.boss-active{background:var(--crm-success);box-shadow:0 0 0 6px var(--crm-success-soft)}
.boss-passive{background:#aab2be;box-shadow:0 0 0 4px #eef1f4}
.boss-branch h3{margin:15px 0 3px;color:var(--crm-primary-dark);font-size:21px;letter-spacing:-.3px}
.boss-branch>p{margin:0;color:#8b94a3;font-size:14px}
.boss-branch>p b{font-weight:700}
.boss-branch footer{display:grid;grid-template-columns:repeat(3,1fr);margin-top:13px;padding-top:11px;border-top:1px solid #e7ebef}
.boss-branch footer span{display:flex;flex-direction:column;padding-left:10px;border-left:1px solid #e7ebef}
.boss-branch footer span:first-child{padding-left:0;border-left:0}
.boss-branch footer small{color:#8993a4;font-size:14px}
.boss-branch footer b{margin-top:3px;color:var(--crm-text);font-size:14px}
.boss-middle{margin-bottom:14px}
.boss-panel{border:1px solid var(--crm-border);border-radius:12px;background:var(--crm-surface);box-shadow:0 4px 12px rgba(72,75,213,.05)}
.boss-panel>header h2{margin:0;color:var(--crm-text);font-size:16px}
.boss-panel>header p{margin:4px 0 0;color:#8b94a4;font-size:14px}
.boss-live>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:17px 18px 8px}
.boss-live>header>span{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #c9ead7;border-radius:9px;background:#eef9f3;color:#16834d;font-size:14px;font-weight:800}
.boss-live>header>span i{display:block;width:7px;height:7px;border-radius:50%;background:#25b86b}
.boss-live>div{padding:0 18px 10px}
.boss-live article{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 0;border-bottom:1px solid #e8ecf0}
.boss-live article:last-child{border-bottom:0}
.boss-live article>i{display:flex;width:34px;height:34px;flex:0 0 auto;align-items:center;justify-content:center;border-radius:9px;font-size:13px}
.boss-live article span{display:flex;min-width:0;flex:1;flex-direction:column}
.boss-live article strong{overflow:hidden;color:var(--crm-text);font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.boss-live article small{margin-top:3px;color:#8992a2;font-size:14px}
.boss-live article b{color:var(--crm-primary-dark);font-size:14px;white-space:nowrap}
.boss-live-in{background:var(--crm-success-soft);color:var(--crm-success-dark)}
.boss-live-out{background:var(--crm-danger-soft);color:var(--crm-danger-dark)}
.boss-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.boss-status{padding:17px 18px}
.boss-status>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.boss-status>div span{display:flex;flex-direction:column;padding:11px;border:1px solid #e3e7ed;border-radius:9px}
.boss-status>div small{color:#8992a2;font-size:14px}
.boss-status>div b{margin-top:5px;color:var(--crm-primary-dark);font-size:18px}
.boss-methods{padding:17px 18px}
.boss-methods>div{margin-top:12px}
.boss-methods>div span{display:grid;grid-template-columns:1fr auto;gap:5px 10px;margin-top:10px}
.boss-methods>div small{color:#657185;font-size:14px}
.boss-methods>div b{color:var(--crm-text);font-size:14px}
.boss-methods>div i{height:5px;overflow:hidden;grid-column:1/-1;border-radius:5px;background:#edf0f4}
.boss-methods>div em{display:block;height:100%;border-radius:5px;background:var(--crm-primary)}
.boss-cash{display:flex;flex-direction:column;padding:17px 18px}
.boss-cash>strong{margin:18px 0 7px;color:var(--crm-primary-dark);font-size:26px}
.boss-cash>span{display:flex;align-items:center;gap:7px;color:#7d8797;font-size:14px}
.boss-cash>span i{display:block;width:7px;height:7px;border-radius:50%;background:var(--crm-success)}
@media screen and (max-width:1180px){.boss-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-branch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boss-bottom{grid-template-columns:1fr 1fr}.boss-cash{grid-column:1/-1}}
@media screen and (max-width:700px){.boss-welcome{align-items:flex-start;flex-direction:column}.boss-kpis{grid-template-columns:1fr}.boss-branch-grid{grid-template-columns:1fr}.boss-bottom{grid-template-columns:1fr}.boss-cash{grid-column:auto}}