body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.container{margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.back-link{color:#1976d2;font-size:14px;margin-bottom:10px}.status-badge{border-radius:4px;font-weight:700}.status-acil{background-color:#ffebee;color:#c62828}.status-kritik{background-color:#fff3e0;color:#ef6c00}.status-dikkat{background-color:#fffde7;color:#f57f17}.status-normal{background-color:#f1f8e9;color:#689f38}.status-iyi{background-color:#e8f5e8;color:#388e3c}.btn{display:inline-block;text-align:center}.btn-primary{background-color:#1976d2}.btn-primary:hover{background-color:#1565c0}.btn-secondary{background-color:#757575}.btn-secondary:hover{background-color:#616161}.btn-success{background-color:#388e3c}.btn-success:hover{background-color:#2e7d32}.btn-danger{background-color:#d32f2f}.btn-danger:hover{background-color:#c62828}.form-group{margin-bottom:16px}.form-label{display:block;font-weight:500;margin-bottom:4px}.form-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.form-input:focus{border-color:#1976d2;box-shadow:0 0 0 2px #1976d233;outline:none}.table{border-collapse:collapse;margin-top:16px;width:100%}.table td,.table th{border-bottom:1px solid #ddd;padding:12px;text-align:left}.table th{background-color:#f5f5f5;font-weight:600}.table tbody tr:hover{background-color:#f9f9f9}.customer-link{color:#1976d2}.stat-card{border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-number{color:#1976d2;margin-bottom:8px}.loading{height:200px}.error{background-color:#ffebee;color:#c62828}.error,.success{border-radius:4px;margin-bottom:20px;padding:16px}.success{background-color:#e8f5e8;color:#2e7d32}.filters-section{display:flex;flex-direction:column;gap:20px}.search-box{display:flex;gap:10px}.search-box .form-input{flex:1 1}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px}.detail-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.detail-grid .card.full-width{grid-column:1/-1}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item label{color:#666;font-size:12px}.info-item span{color:#333;font-size:14px}.info-item span.highlight{color:#1976d2;font-size:16px;font-weight:700}.info-item span.debt-amount{color:#d32f2f;font-weight:700}.warnings-section{gap:16px}.warning-item{background-color:#fff3e0;border-left:4px solid #ff9800;border-radius:4px;padding:12px}.warning-item strong{color:#e65100;margin-bottom:4px}.warning-item p{color:#bf360c;font-size:14px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.report-content{min-height:200px}.distribution-item{align-items:center;margin-bottom:12px}.distribution-info,.distribution-item{display:flex;justify-content:space-between}.distribution-info{margin-right:12px;width:100%}.distribution-label{font-weight:500}.distribution-count{color:#666;font-size:14px}.distribution-bar{border-radius:4px;height:8px;margin-left:12px;min-width:20px}.critical-customers-list{display:flex;flex-direction:column;gap:8px}.critical-customer-item{align-items:center;background-color:#ffebee;border-radius:4px;display:flex;justify-content:space-between;padding:8px 12px}.customer-name{color:#333;font-weight:500}.customer-credit{align-items:center;display:flex;gap:4px}.credit-amount{color:#d32f2f;font-weight:700}.credit-label{color:#666;font-size:12px}.more-items{color:#666;font-style:italic;margin:8px 0 0;text-align:center}.download-options{display:flex;flex-direction:column;gap:12px}.download-btn{align-items:center;display:flex;gap:8px;justify-content:flex-start;padding:12px 16px}.download-btn span{font-size:18px}.report-actions{margin-top:16px;text-align:center}@media (max-width:768px){.container{padding:10px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.reports-grid{grid-template-columns:1fr}.filters-section{gap:15px}.search-box{flex-direction:column}.filter-buttons{justify-content:center}.info-grid{grid-template-columns:1fr}.table-container{font-size:12px}.table td,.table th{padding:8px}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74c3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-toast-width:320px;--toastify-toast-background:#fff;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error)}.Toastify__toast-container{box-sizing:border-box;color:#fff;padding:4px;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:320px;width:var(--toastify-toast-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:1em;top:1em}.Toastify__toast-container--top-center{left:50%;top:1em;transform:translateX(-50%)}.Toastify__toast-container--top-right{right:1em;top:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width:480px){.Toastify__toast-container{left:0;margin:0;padding:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:0}}.Toastify__toast{border-radius:4px;box-shadow:0 1px 10px 0 #0000001a,0 2px 15px 0 #0000000d;box-sizing:border-box;cursor:default;direction:ltr;display:flex;font-family:sans-serif;font-family:var(--toastify-font-family);justify-content:space-between;margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);overflow:hidden;padding:8px;position:relative;z-index:0}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-body{align-items:center;display:flex;flex:1 1 auto;margin:auto 0;padding:6px}.Toastify__toast-body>div:last-child{flex:1 1;word-break:break-word}.Toastify__toast-icon{display:flex;flex-shrink:0;margin-inline-end:10px;width:20px}.Toastify--animate{animation-duration:.7s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}@media only screen and (max-width:480px){.Toastify__toast{border-radius:0;margin-bottom:0}}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74c3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74c3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{align-self:flex-start;background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;transition:.3s ease}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:5px;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:9999;z-index:var(--toastify-z-index)}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{left:auto;right:0;transform-origin:right}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:perspective(400px)}30%{opacity:1;transform:perspective(400px) rotateX(-20deg)}to{opacity:0;transform:perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translateZ(0)}}@keyframes Toastify__slideOutRight{0%{transform:translateZ(0)}to{transform:translate3d(110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translateZ(0)}to{transform:translate3d(-110%,0,0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translateZ(0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translateZ(0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#1976d2;box-shadow:0 2px 4px #0000001a;color:#fff;padding:0;position:sticky;top:0;z-index:1000}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 15px}.navbar-brand{color:#fff;font-size:16px;font-weight:700;padding:10px 0;text-decoration:none}.navbar-brand:hover{color:#bbdefb}.navbar-menu{display:flex;list-style:none;margin:0;padding:0}.navbar-item{margin:0}.navbar-link{border-bottom:2px solid #0000;color:#fff;display:block;font-size:14px;padding:10px 12px;text-decoration:none;transition:background-color .2s,color .2s}.navbar-link:hover{background-color:#ffffff1a;color:#bbdefb}.navbar-link.active{background-color:#fff3;border-bottom-color:#bbdefb}.navbar-item.dropdown{position:relative}.dropdown-toggle{align-items:center;cursor:pointer;display:flex;gap:8px}.dropdown-arrow{font-size:10px}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 3px 15px #0000001a;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:6px 0;position:absolute;top:100%;transform:translateY(-8px);transition:all .3s ease;visibility:hidden;z-index:1000}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{margin:0}.dropdown-link{border-left:2px solid #0000;color:#333;display:block;font-size:13px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.dropdown-link:hover{background:#f8f9fa;border-left-color:#007bff;color:#007bff;padding-left:18px}.dropdown-link.active{background:#e3f2fd;border-left-color:#1976d2;color:#1976d2;font-weight:600}.dropdown-divider{background:#e0e0e0;border:none;height:1px;margin:8px 0}@media (max-width:768px){.navbar-container{flex-direction:column;padding:10px 20px}.navbar-menu{justify-content:center;margin-top:10px;width:100%}.navbar-link{font-size:13px;padding:8px 12px}.dropdown-menu{background:#f8f9fa;border:none;border-radius:4px;box-shadow:none;margin-top:8px;opacity:1;position:static;transform:none;visibility:visible}.dropdown.open .dropdown-menu{display:block}.dropdown-arrow,.dropdown-menu:not(.open){display:none}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:420px;padding:40px;width:100%}.login-header{margin-bottom:30px;text-align:center}.login-header h1{color:#333;font-size:24px;font-weight:600;margin-bottom:10px}.login-header p{color:#666;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-weight:500}.form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease}.login-button:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.remember-me{align-items:center;flex-direction:row!important;gap:0!important;margin-bottom:5px;margin-top:-5px}.checkbox-label{gap:10px;padding:8px 0;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#667eea!important;appearance:checkbox!important;cursor:pointer!important;display:block!important;flex-shrink:0!important;height:20px!important;opacity:1!important;position:relative!important;visibility:visible!important;width:20px!important;z-index:1!important}.checkbox-label span{color:#555;font-size:14px;font-weight:400}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{padding-right:45px;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:8px;transition:color .2s ease}.password-toggle-btn:hover{background-color:#667eea1a;color:#667eea}.password-toggle-btn:focus{outline:none}.password-toggle-btn svg{height:20px;width:20px}.dashboard-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:15px}.dashboard-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.dashboard-header h1{color:#2c3e50;font-size:1.8rem;margin:0}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);padding:8px 15px;transition:transform .2s ease}.refresh-btn:hover{transform:translateY(-2px)}.retry-btn{background:#e74c3c;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px}.stats-grid-compact{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:20px}.stat-card-compact{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;display:flex;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card-compact:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.stat-card-compact.clickable{cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease}.stat-card-compact.clickable:hover{box-shadow:0 12px 35px #00000026;filter:brightness(1.05);transform:translateY(-5px)}.stat-card-compact.clickable:active{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.stat-card-compact.alert{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.stat-icon{margin-right:15px}.stat-content{flex:1 1}.stat-value{font-size:2rem}.stat-label,.stat-value{margin-bottom:5px}.stat-detail{font-size:.85rem;opacity:.7}.analysis-grid-compact{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:20px}.analysis-card-compact{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px;transition:transform .3s ease}.analysis-card-compact:hover{transform:translateY(-2px)}.analysis-card-compact h3{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;margin:0 0 15px}.chart-container-small{cursor:pointer;height:220px;position:relative}.chart-container-small canvas{transition:transform .2s ease}.chart-container-small:hover canvas{transform:scale(1.02)}.chart-container-small .chartjs-legend{margin-top:10px;text-align:center}.chart-container-small .chartjs-legend li{display:inline-block;font-size:10px;line-height:1.2;margin:2px 5px}.chart-container-small .chartjs-legend li span{display:inline-block;height:10px;margin-right:3px;vertical-align:middle;width:10px}.chart-header-with-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.chart-header-with-controls h3{color:#2c3e50;font-size:1.1rem;margin:0}.chart-view-buttons{display:flex;gap:5px}.chart-view-btn{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.9rem;min-width:35px;padding:6px 10px;text-align:center;transition:all .2s ease}.chart-view-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.chart-view-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 2px 4px #667eea4d;color:#fff}.chart-view-btn.active:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-1px)}.summary-list{display:flex;flex-direction:column;gap:8px}.summary-item{background:#f8f9fa;cursor:pointer;padding:8px 12px;transition:all .2s ease}.summary-item:hover{background:#e9ecef;transform:translateX(5px)}.summary-label{color:#495057;flex:1 1;font-size:.9rem}.summary-value{background:#dee2e6;border-radius:12px;color:#2c3e50;font-size:.8rem;font-weight:700;padding:2px 8px}.segment-modal-compact{animation:modalSlideIn .3s ease;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:900px;overflow:hidden;width:90%}.segment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.segment-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.segment-modal-header h3{font-size:1.3rem;margin:0}.close-btn{font-size:1.8rem;transition:background .3s ease}.segment-modal-content{max-height:60vh;overflow-y:auto;padding:25px}.segment-summary{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:1rem;margin-bottom:15px;padding:12px;text-align:center}.segment-table-container{overflow-x:auto}.segment-table-compact{border-collapse:collapse;font-size:.9rem;margin-top:10px;width:100%}.segment-table-compact td,.segment-table-compact th{border-bottom:1px solid #e9ecef;padding:10px 12px;text-align:left;vertical-align:middle}.segment-table-compact th{background:#f8f9fa;color:#2c3e50;font-size:.85rem;font-weight:600;position:sticky;top:0;z-index:10}.segment-table-compact tbody tr:hover{background:#f8f9fa}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-info strong{color:#2c3e50;font-size:.9rem}.customer-info small{color:#6c757d;font-size:.75rem}.usage-info{color:#6c757d;font-size:.8rem;font-weight:500}.modal-actions{display:flex;gap:4px;justify-content:center}.btn-modal{align-items:center;border-radius:4px;display:inline-flex;font-size:.8rem;height:28px;justify-content:center;text-decoration:none;transition:all .2s ease;width:28px}.btn-modal.btn-info{background:#17a2b8;color:#fff}.btn-modal.btn-warning{background:#ffc107;color:#212529}.btn-modal:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.segment-table-compact tr:hover{background:#f8f9fa}.segment-table-compact td.alert{color:#e74c3c;font-weight:700}.status-badge{font-weight:500;padding:3px 8px}.status-badge.kritik{background:#ffebee;color:#c62828}.status-badge.düşük{background:#fff3e0;color:#ef6c00}.status-badge.orta{background:#e8f5e8;color:#2e7d32}.status-badge.yüksek{background:#e3f2fd;color:#1565c0}.status-badge.normal{background:#f3e5f5;color:#7b1fa2}.loading{color:#7f8c8d}.error{color:#e74c3c}@media (max-width:768px){.dashboard-container{padding:10px}.dashboard-header{flex-direction:column;gap:10px;padding:12px 15px}.dashboard-header h1{font-size:1.5rem}.analysis-grid-compact,.stats-grid-compact{grid-template-columns:1fr}.stat-card-compact{padding:15px}.stat-icon{font-size:2rem;margin-right:12px}.stat-value{font-size:1.5rem}.segment-modal-compact{max-height:90vh;width:95%}.segment-modal-content,.segment-modal-header{padding:15px}.chart-container-small{height:180px}.chart-header-with-controls{align-items:flex-start;flex-direction:column;gap:8px}.chart-header-with-controls h3{font-size:1rem}.chart-view-buttons{gap:3px}.chart-view-btn{font-size:.8rem;min-width:30px;padding:4px 8px}}@media (max-width:480px){.analysis-grid-compact,.stats-grid-compact{gap:10px}.stat-card-compact{flex-direction:column;text-align:center}.stat-icon{margin-bottom:10px;margin-right:0}.segment-table-compact{font-size:.8rem}.segment-table-compact td,.segment-table-compact th{padding:8px 6px}}.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable:active{transform:translateY(-1px) scale(.98)}.stat-card-compact.revenue{border-left:4px solid #28a745}.stat-card-compact.consultants{border-left:4px solid #6f42c1}.stat-card-compact.growth{border-left:4px solid #20c997}.stat-card-compact.efficiency{border-left:4px solid #fd7e14}.stat-card-compact.renewal{background:linear-gradient(135deg,#e74c3c0d,#e74c3c1a);border-left:4px solid #e74c3c}.stat-card-compact.renewal:hover{background:linear-gradient(135deg,#e74c3c1a,#e74c3c26);border-left-color:#c0392b}.stat-card-compact.expiring{background:linear-gradient(135deg,#f39c120d,#f39c121a);border-left:4px solid #f39c12}.stat-card-compact.expiring:hover{background:linear-gradient(135deg,#f39c121a,#f39c1226);border-left-color:#e67e22}.detailed-analysis-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:30px 0;padding:25px}.detailed-analysis-section h2{border-bottom:2px solid #f1f3f4;color:#2c3e50;font-size:1.5rem;margin-bottom:25px;padding-bottom:15px;text-align:center}.consultant-performance-card{border-radius:12px;padding:20px}.consultant-avatar{font-size:1.5rem;height:50px;width:50px}.consultant-info h4{font-size:1.1rem}.consultant-title{font-size:.85rem}.metric-row{padding:8px 0}.metric-label{font-size:.9rem}.metric-value{font-size:.95rem}.performance-indicator{background:#d4edda;color:#28a745!important}.alert-indicator,.performance-indicator{border-radius:12px;font-size:.8rem;padding:2px 8px}.alert-indicator{background:#f8d7da;color:#dc3545!important}.btn-detail{border-radius:8px;font-size:.9rem;padding:10px 20px}.bi-summary-section{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:30px 0;padding:25px}.bi-summary-section h2{border-bottom:2px solid #f1f3f4;color:#2c3e50;font-size:1.5rem;margin-bottom:25px;padding-bottom:15px;text-align:center}.bi-insights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.bi-insight-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.bi-insight-card:before{background:#ffffff1a;border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:-50%;transition:all .5s ease;width:100%}.bi-insight-card:hover:before{right:-25%;top:-25%}.bi-insight-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px) scale(1.02)}.bi-icon{display:block;font-size:2.5rem;margin-bottom:15px}.bi-insight-card h4{font-size:1rem;margin:0 0 15px;opacity:.9}.bi-winner{font-size:1.8rem;font-weight:700;margin-bottom:8px}.bi-detail{font-size:.9rem;opacity:.8}@media (max-width:768px){.consultant-performance-grid{grid-template-columns:1fr}.bi-insights-grid{grid-template-columns:repeat(2,1fr)}.consultant-header{flex-direction:column;text-align:center}.consultant-avatar{margin-bottom:10px;margin-right:0}}@media (max-width:480px){.bi-insights-grid{grid-template-columns:1fr}}.dashboard-section{margin:30px 0;padding:0}.dashboard-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50!important;font-size:1.8rem;font-weight:700;margin-bottom:25px;text-align:center}.company-type-analysis{margin:20px 0}.btn-smm-analysis{background:linear-gradient(135deg,#6f42c1,#9c27b0);border-radius:25px;box-shadow:0 4px 15px #6f42c14d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:15px 30px;text-decoration:none;transition:all .3s ease}.btn-smm-analysis:hover{background:linear-gradient(135deg,#5a2d8c,#7b1fa2);box-shadow:0 6px 20px #6f42c166;color:#fff;text-decoration:none;transform:translateY(-2px)}.company-type-card{background:#fff}.company-type-header h3{font-size:1.3rem;font-weight:600;margin:0}.customer-count{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-label{font-size:.85rem}.metric-value{font-size:1.1rem}.progress-text{font-size:.85rem;font-weight:500}@media (max-width:480px){.company-type-card{padding:15px}.company-type-header h3{font-size:1.1rem}.customer-count{font-size:.8rem;padding:4px 10px}}.whatsapp-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.whatsapp-modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.whatsapp-modal-header{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-bottom:2px solid #25d366;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.whatsapp-modal-header h3{font-size:20px;margin:0}.whatsapp-modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background .3s;width:30px}.whatsapp-modal-close:hover{background:#fff3}.whatsapp-modal-body{padding:20px}.whatsapp-recipient-info{background:#f0f9ff;border-left:4px solid #25d366;border-radius:8px;margin-bottom:20px;padding:12px}.whatsapp-recipient-info p{color:#333;margin:0}.whatsapp-template-selector{margin-bottom:20px}.whatsapp-template-selector label{color:#333;display:block;font-weight:600;margin-bottom:8px}.whatsapp-template-selector select{border:2px solid #ddd;border-radius:8px;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.whatsapp-template-selector select:focus{border-color:#25d366;outline:none}.whatsapp-custom-message{margin-bottom:20px}.whatsapp-custom-message label{color:#333;display:block;font-weight:600;margin-bottom:8px}.whatsapp-custom-message textarea{border:2px solid #ddd;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:border-color .3s;width:100%}.whatsapp-custom-message textarea:focus{border-color:#25d366;outline:none}.whatsapp-message-preview{margin-bottom:20px}.whatsapp-message-preview label{color:#333;display:block;font-weight:600;margin-bottom:8px}.whatsapp-preview-box{background:#dcf8c6;border:1px solid #b8e994;border-radius:8px;color:#333;font-size:14px;line-height:1.6;max-height:300px;overflow-y:auto;padding:15px;white-space:pre-wrap}.whatsapp-modal-footer{border-top:1px solid #eee;display:flex;gap:12px;justify-content:flex-end;padding:20px}.whatsapp-btn-cancel,.whatsapp-btn-send{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s}.whatsapp-btn-cancel{background:#f5f5f5;color:#666}.whatsapp-btn-cancel:hover:not(:disabled){background:#e0e0e0}.whatsapp-btn-send{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff}.whatsapp-btn-send:hover:not(:disabled){box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.whatsapp-btn-cancel:disabled,.whatsapp-btn-send:disabled{cursor:not-allowed;opacity:.5}.original-detail-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal-header{background:linear-gradient(135deg,#007bff,#0056b3)}.close-btn{font-size:24px;height:30px;padding:0;transition:background .3s;width:30px}.close-btn:hover{background:#fff3}.modal-body{max-height:70vh}.original-detail-info .info-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:25px;padding:15px}.original-detail-info .info-section h4{border-bottom:2px solid #007bff;color:#007bff;font-size:16px;margin-bottom:12px;padding-bottom:5px}.original-detail-info ul{margin:10px 0;padding-left:20px}.original-detail-info li{line-height:1.5;margin-bottom:8px}.code-preview{background:#2d3748;border-radius:8px;margin-top:15px;overflow-x:auto;padding:15px}.code-preview pre{color:#e2e8f0;font-family:Courier New,monospace;font-size:13px;line-height:1.4;margin:0;white-space:pre-wrap}.warning-section{background:#fff3cd!important;border-color:#ffeaa7!important}.warning-section h4{border-bottom-color:#856404!important;color:#856404!important}.warning-section li,.warning-section p{color:#856404}.action-section{background:#d1ecf1!important;border-color:#bee5eb!important}.action-section h4{border-bottom-color:#0c5460!important;color:#0c5460!important}.action-section ol{margin:10px 0;padding-left:20px}.action-section li{color:#0c5460;font-weight:500;margin-bottom:8px}.modal-footer{border-top:1px solid #dee2e6;padding:15px 20px}.modal-footer .btn{padding:8px 20px}.original-tabs-preview{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.tab-list{border-bottom:2px solid #dee2e6;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:10px}.tab-item{background:#e9ecef;border-radius:20px;color:#495057;font-size:13px;font-weight:500;padding:8px 15px;transition:all .3s ease}.tab-item.active{background:#007bff;color:#fff}.tab-content-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;padding:15px}.tab-content-preview h5{border-bottom:1px solid #007bff;color:#007bff;font-size:14px;margin:20px 0 10px;padding-bottom:5px}.tab-content-preview h5:first-child{margin-top:0}.tab-content-preview ul{margin:10px 0;padding-left:20px}.tab-content-preview li{font-size:13px;line-height:1.5;margin-bottom:8px}.tab-content-preview li strong{color:#495057}.filter-group-small{max-width:160px!important;min-width:140px!important}.filter-group-medium{max-width:220px!important;min-width:180px!important}.form-input-small{font-size:13px!important;max-width:140px!important;padding:6px 8px!important;width:100%!important}.multi-select-dropdown{position:relative;width:100%}.multi-select-header{align-items:center;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-height:36px;padding:8px 12px}.multi-select-header:hover{background:#f8f9fa;border-color:#4a90e2}.dropdown-arrow{color:#666;font-size:14px;font-weight:700;transition:transform .3s ease}.ebelge-filter-header .dropdown-arrow{color:#2c3e50;font-size:16px}.multi-select-options{background:#fff;border:1px solid #ddd;border-radius:0 0 4px 4px;border-top:none;box-shadow:0 4px 12px #00000026;display:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.option-group{border-bottom:1px solid #eee}.option-group:last-child{border-bottom:none}.group-header{background:#f8f9fa;border-bottom:1px solid #eee;color:#666;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.checkbox-option{align-items:center;cursor:pointer;display:flex;flex-wrap:nowrap;font-size:13px;padding:8px 12px;transition:background-color .2s;white-space:nowrap}.checkbox-option:hover{background:#f0f7ff}.checkbox-option input[type=checkbox]{cursor:pointer;flex-shrink:0;height:auto;margin-right:8px;width:auto}.checkbox-option label{cursor:pointer;display:inline;flex:1 1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ebelge-filter-container{position:relative;width:100%}.ebelge-filter-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px solid #dee2e6;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .3s ease}.ebelge-filter-header:hover{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-color:#4a90e2;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.filter-title{color:#2c3e50;font-weight:600}.ebelge-filter-dropdown{background:#fff;border:2px solid #dee2e6;border-radius:0 0 12px 12px;border-top:none;box-shadow:0 8px 25px #00000026;display:none;left:0;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.filter-header-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #dee2e6;padding:12px}.clear-all-btn{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:none;border-radius:6px;box-shadow:0 2px 4px #ee5a524d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:8px 12px;transition:all .3s ease}.clear-all-btn:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);box-shadow:0 4px 8px #ee5a5266;transform:translateY(-1px)}.clear-icon{font-size:14px}.ebelge-section{background:#fff;border-bottom:1px solid #e9ecef}.ebelge-section:last-child{border-bottom:none;border-radius:0 0 10px 10px}.section-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #fff3;color:#fff;font-size:13px;font-weight:700;letter-spacing:1px;padding:12px 16px;text-shadow:0 1px 2px #0003;text-transform:uppercase}.checkbox-item{padding:0}.custom-checkbox{align-items:center;background:#fff;border-bottom:1px solid #f8f9fa;cursor:pointer;display:flex;font-size:14px;padding:12px 16px;position:relative;transition:all .3s ease}.custom-checkbox:hover{background:linear-gradient(135deg,#f0f7ff,#e3f2fd);transform:translateX(4px)}.custom-checkbox input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:2px solid #ddd;flex-shrink:0;height:18px;margin-right:12px;width:18px}.custom-checkbox input:checked~.checkmark{background:linear-gradient(135deg,#4caf50,#45a049);border-color:#4caf50;box-shadow:0 2px 8px #4caf504d}.custom-checkbox input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.status-icon{flex-shrink:0;font-size:16px}.status-icon.active{color:#4caf50;text-shadow:0 1px 2px #0000001a}.status-icon.inactive{color:#f44336;text-shadow:0 1px 2px #0000001a}.label-text{color:#2c3e50;flex:1 1;font-weight:500}.custom-checkbox:hover .label-text{color:#1976d2}@media (max-width:768px){.ebelge-filter-header{font-size:13px;padding:10px 12px}.section-header{font-size:12px;padding:10px 12px}.custom-checkbox{font-size:13px;padding:10px 12px}.clear-all-btn{font-size:12px;padding:6px 10px}.ebelge-filter-dropdown{max-height:300px}}.clear-option{background:#f8f9fa;border-bottom:1px solid #eee;color:#dc3545;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;text-align:center;transition:background-color .2s}.clear-option:hover{background:#ffe6e6}.consultant-filter-expanded{grid-column:span 2}.consultant-options{max-height:400px;min-width:300px}.consultant-search-container{background:#f8f9fa;border-bottom:1px solid #eee;padding:8px}.consultant-search-input{border:1px solid #ddd;border-radius:4px;font-size:13px;outline:none;padding:6px 10px;width:100%}.consultant-search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e21a}.consultant-list{max-height:250px;overflow-y:auto}.consultant-list::-webkit-scrollbar{width:6px}.consultant-list::-webkit-scrollbar-track{background:#f1f1f1}.consultant-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.consultant-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.customers-container-full{background:#f8f9fa;min-height:100vh;padding:20px}.customers-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.customers-header h1{color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0}.advanced-filters{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:15px 20px}.filter-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#2c3e50;font-size:.85rem;font-weight:600}.form-input,.form-select{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px 12px}.form-input:focus,.form-select:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.page-controls{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;justify-content:space-between;margin-bottom:15px;padding:10px 20px}.items-per-page,.page-controls{align-items:center;display:flex}.items-per-page{gap:8px}.items-per-page label{color:#2c3e50;font-size:.9rem;font-weight:600}.results-info{color:#6c757d;font-size:.9rem;font-weight:500}.bulk-actions{background:linear-gradient(135deg,#ffeaa7,#fab1a0);border-radius:8px;box-shadow:0 2px 8px #ff6b6b33;justify-content:space-between;margin-bottom:15px;padding:10px 20px}.bulk-actions,.bulk-controls{align-items:center;display:flex}.bulk-controls{flex-wrap:wrap;gap:10px}.table-container-full{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;overflow:hidden}.customers-table-full{border-collapse:collapse;font-size:.85rem;width:100%}.customers-table-full td,.customers-table-full th{border-bottom:1px solid #e9ecef;box-sizing:border-box;height:40px;line-height:1.1;padding:8px 6px;text-align:center;vertical-align:middle}.customers-table-full td{border-right:1px solid #f1f3f4}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.customers-table-full th{background:linear-gradient(135deg,#4a90e2,#357abd);border-bottom:2px solid #357abd;border-right:1px solid #357abd;box-sizing:border-box;color:#fff;font-size:.85rem;font-weight:600;height:50px;line-height:1.3;padding:15px 8px;position:sticky;text-align:center;top:0;transition:all .2s ease;vertical-align:middle;white-space:nowrap;z-index:10}.customers-table-full th:hover{background:linear-gradient(135deg,#357abd,#2c5aa0)}.sortable-header{background:linear-gradient(135deg,#4a90e2,#357abd)!important;border:1px solid #357abd;color:#fff!important;display:table-cell!important;font-weight:600;height:50px!important;line-height:1.3!important;padding:15px 8px!important;position:relative;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;vertical-align:middle!important}.sortable-header:hover{background:linear-gradient(135deg,#357abd,#2c5aa0)!important;box-shadow:0 4px 12px #0003;cursor:pointer;transform:translateY(-1px)}.customers-table-full tbody tr:hover{background:#f8f9fa}.customer-link{color:#007bff;display:block;font-weight:500;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.customer-link:hover{text-decoration:underline}.status-badge{font-size:.75rem;padding:2px 8px}.status-badge.passive{background:#f8d7da;color:#721c24}.credit-amount{border-radius:4px;font-size:.8rem;padding:2px 6px}.credit-amount.critical{background:#fee;color:#dc3545}.credit-amount.warning{background:#fff3cd;color:#856404}.credit-amount.low{background:#d1ecf1;color:#0c5460}.credit-amount.normal{background:#d4edda;color:#155724}.form-select-sm{background:#fff;border:1px solid #ddd;border-radius:4px;font-size:.75rem;max-width:120px;padding:4px 8px}.consultant-select{max-width:140px}.customer-name-container{align-items:center;display:flex;gap:8px;position:relative}.message-indicator{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;transition:all .2s ease;width:20px}.message-indicator:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.2)}.message-legend-inline{align-items:center;background:#f8f9fa;border-left:3px solid #4a90e2;border-radius:6px;display:flex;font-size:13px;gap:15px;margin:10px 0;padding:8px 15px}.legend-title{color:#2c3e50;font-weight:600;white-space:nowrap}.legend-items-inline{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.legend-item-inline{align-items:center;color:#495057;display:flex;font-size:12px;gap:4px;white-space:nowrap}.legend-dot{border-radius:50%;box-shadow:0 1px 2px #0003;flex-shrink:0;height:8px;width:8px}@media (max-width:768px){.message-legend-inline{align-items:flex-start;flex-direction:column;gap:8px}.legend-items-inline{gap:8px}.legend-item-inline{font-size:11px}.legend-dot{height:6px;width:6px}}.whatsapp-buttons{align-items:center;display:flex;justify-content:center}.whatsapp-select{background:linear-gradient(135deg,#25d366,#128c7e);border:1px solid #25d366;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;min-width:90px;padding:2px 4px;transition:all .2s ease}.whatsapp-select:hover{background:linear-gradient(135deg,#128c7e,#075e54);box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.whatsapp-select option{background:#fff;color:#000;padding:5px}.btn-quick{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.btn-quick.btn-pause{background:#28a745;color:#fff}.btn-quick.btn-play{background:#dc3545;color:#fff}.btn-quick:hover{transform:scale(1.1)}.action-buttons{gap:4px}.btn{border-radius:4px;font-size:.8rem;padding:6px 12px;transition:all .2s ease}.btn-xs{font-size:.7rem;padding:4px 8px}.btn-info{align-items:center;background:#007bff;border-radius:50%;color:#fff;display:flex;height:24px;justify-content:center;width:24px}.btn:hover{box-shadow:0 2px 4px #0003;transform:translateY(-1px)}.pagination{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;gap:8px;padding:15px}.btn-sm{font-size:.8rem}.page-info{color:#2c3e50;font-weight:600;padding:0 15px}.loading-spinner{border-radius:8px;box-shadow:0 2px 8px #0000001a}.spinner{border-top-color:#007bff;height:40px;width:40px}.sort-info{background:#e7f3ff;border-left:3px solid #007bff;border-radius:4px;color:#007bff;font-size:.75rem;font-weight:600;margin-top:5px;padding:2px 6px}@media (max-width:768px){.customers-container-full{padding:10px}.customers-header{flex-direction:column;gap:10px;padding:15px}.filter-row{gap:10px;grid-template-columns:1fr}.advanced-filters{padding:15px}.page-controls{flex-direction:column;gap:10px;text-align:center}.customers-table-full{font-size:.75rem}.customers-table-full td,.customers-table-full th{padding:6px 4px}.action-buttons{flex-direction:column;gap:2px}.btn-xs{font-size:.65rem;padding:3px 6px}}@media (max-width:480px){.customers-header h1{font-size:1.2rem}.header-actions{flex-direction:column;width:100%}.customers-table-full{font-size:.7rem}}.filter-group-small{min-width:275px}.filter-group-small .multi-select-dropdown{width:100%}.filter-group-small .multi-select-header{font-size:14px!important;min-height:50px!important;padding:11px 16px!important}.filter-group-small .multi-select-options{background:#fff!important;border:1px solid #ddd!important;box-shadow:0 4px 12px #00000026!important;min-width:303px;position:absolute!important;z-index:2000!important}.filter-group-small .checkbox-option,.filter-group-small .clear-option{font-size:14px!important;padding:11px 16px!important}.status-icon.critical{color:#dc3545;font-weight:700}.status-icon.warning{color:#fd7e14;font-weight:700}.status-icon.info{color:#0dcaf0;font-weight:700}.status-icon.success{color:#198754;font-weight:700}.status-icon.secondary{color:#6c757d;font-weight:700}.checkbox-option:hover .status-icon.critical{color:#b02a37}.checkbox-option:hover .status-icon.warning{color:#e8681c}.checkbox-option:hover .status-icon.info{color:#0aa2c0}.checkbox-option:hover .status-icon.success{color:#146c43}.checkbox-option:hover .status-icon.secondary{color:#5a6268}.communication-buttons{background:linear-gradient(135deg,#4caf50,#45a049);border-radius:12px;box-shadow:0 8px 25px #4caf504d;color:#fff;margin:20px 0;padding:20px}.button-group{flex-wrap:wrap;gap:15px;margin-bottom:20px}.button-group,.comm-btn{display:flex;justify-content:center}.comm-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:25px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;gap:8px;min-width:120px;padding:12px 20px;transition:all .3s ease}.comm-btn:hover:not(:disabled){background:#ffffff4d;box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.comm-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#128c7e)}.sms-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.email-btn{background:linear-gradient(135deg,#4285f4,#3367d6)}.phone-btn{background:linear-gradient(135deg,#ff9800,#f57c00)}.dropdown{display:inline-block;position:relative}.dropdown-content{background:#fff;border-radius:8px;box-shadow:0 8px 25px #00000026;display:none;left:0;margin-top:5px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown:hover .dropdown-content{animation:fadeIn .3s ease;display:block}.dropdown-content button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:.9rem;padding:12px 16px;text-align:left;text-decoration:none;transition:background-color .3s ease;width:100%}.dropdown-content button:hover{background-color:#f1f1f1}.dropdown-content button:first-child{border-top:none}.contact-info{grid-gap:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:15px}.contact-item{align-items:center;display:flex;gap:10px}.contact-label{font-weight:600;min-width:80px;opacity:.9}.contact-value{background:#ffffff26;border-radius:6px;flex-grow:1;font-weight:500;padding:8px 12px}.contact-value.missing{color:#ffcccb;font-style:italic;opacity:.6}.modal-overlay{z-index:10000}.modal-content{animation:modalSlideIn .3s ease;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:500px}.modal-header{border-bottom:1px solid #eee}.modal-header h4{font-size:1.2rem;font-weight:600;margin:0}.modal-close{align-items:center;display:flex;justify-content:center}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.modal-body{padding:25px}.form-group label{color:#333}.recipient-info{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px 15px}.recipient-info strong{color:#495057;display:block;margin-bottom:5px}.recipient-info span{color:#6c757d;font-size:.9rem}.form-group textarea{border:2px solid #dee2e6;border-radius:8px;font-family:inherit;font-size:.95rem;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#6c757d;display:block;font-size:.8rem;margin-top:5px;text-align:right}.modal-footer{border-radius:0 0 12px 12px;border-top:1px solid #eee;gap:10px;padding:20px 25px}.modal-footer .btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;min-width:100px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d}.btn-primary:disabled{opacity:.6;transform:none}@media (max-width:768px){.communication-buttons{margin:15px 0;padding:15px}.button-group{align-items:stretch;flex-direction:column}.comm-btn{justify-content:center;width:100%}.dropdown-content{background:#ffffff1a;border-radius:8px;box-shadow:none;display:block;margin-top:10px;position:static}.dropdown-content button{background:#ffffff1a;border-radius:6px;color:#fff;margin-bottom:5px}.dropdown-content button:hover{background:#fff3}.contact-info{grid-template-columns:1fr}.modal-content{margin:10px;width:95%}.modal-body,.modal-footer,.modal-header{padding:15px 20px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.comm-btn:disabled{animation:pulse 1.5s infinite}.credit-loading-analysis{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.loading-container{color:#666;padding:60px 20px}.loading-spinner{border-top-color:#1976d2;margin-bottom:20px}.no-data-container{color:#666;padding:60px 20px;text-align:center}.no-data-icon{font-size:4rem;opacity:.5}.no-data-container h3{color:#333;margin-bottom:15px}.no-data-container p{line-height:1.5;margin-bottom:10px}.analysis-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.header-left h3{font-size:1.4rem;font-weight:600;margin:0 0 5px}.header-left p{font-size:.9rem}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;padding:10px 20px}.refresh-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.analysis-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.tab-btn{border-bottom:3px solid #0000;padding:15px 20px}.tab-btn:hover{background:#1976d20d;color:#1976d2}.tab-btn.active{background:#fff;border-bottom-color:#1976d2;color:#1976d2}.analysis-content{padding:30px}.stat-card{background:#f8f9fa;border-left:4px solid #1976d2;gap:15px}.stat-icon{font-size:2rem;opacity:.8}.stat-content h4{color:#666;font-size:.9rem;font-weight:500;margin:0 0 5px}.stat-value{font-size:1.8rem;margin:0}.stat-value-text{color:#1976d2;font-size:1.2rem;font-weight:600}.stat-label{color:#999;font-size:.8rem}.badges-section{flex-wrap:wrap;gap:20px}.badge-group,.badges-section{align-items:center;display:flex}.badge-group{gap:10px}.badge-label{color:#666;font-weight:500}.risk-badge{letter-spacing:.5px;padding:6px 14px}.risk-critical{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff}.risk-high{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.risk-medium{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.risk-low{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff}.risk-normal{background:linear-gradient(135deg,#42a5f5,#2196f3);color:#fff}.pattern-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.pattern-urgent{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.pattern-regular{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.pattern-sparse{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.pattern-mixed{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.pattern-normal{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.score-container{align-items:center;display:flex;gap:10px}.score-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100px}.score-fill{background:linear-gradient(90deg,#ff4757,#ffa726 50%,#66bb6a);height:100%;transition:width .3s ease}.score-text{color:#333;font-size:.9rem;font-weight:600}.behavior-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.behavior-card{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:12px;padding:25px}.behavior-card h4{color:#333;font-size:1.1rem;margin:0 0 20px}.trigger-stats{display:flex;flex-direction:column;gap:15px}.trigger-item{align-items:center;display:flex;gap:15px}.trigger-label{color:#666;font-size:.9rem;min-width:100px}.trigger-bar{background:#e9ecef;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.trigger-fill{height:100%;transition:width .3s ease}.trigger-fill.negative{background:linear-gradient(90deg,#ff4757,#ff3742)}.trigger-fill.zero{background:linear-gradient(90deg,#ffa726,#ff9800)}.trigger-fill.low{background:linear-gradient(90deg,#42a5f5,#2196f3)}.trigger-percent{color:#333;font-size:.9rem;font-weight:600;min-width:50px;text-align:right}.insights-content{color:#555;line-height:1.6}.strategy-content{color:#555}.strategy-name{color:#1976d2;margin-bottom:10px}.predictions-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.prediction-card{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:12px;padding:25px}.prediction-card h4{color:#333;font-size:1.1rem;margin:0 0 20px}.prediction-content{gap:15px}.prediction-item{border-bottom:1px solid #e9ecef;padding:10px 0}.prediction-item:last-child{border-bottom:none}.prediction-label{color:#666;font-weight:500}.prediction-value{color:#333;font-weight:600}.confidence-container{align-items:center;display:flex;gap:10px}.confidence-bar{background:#e9ecef;border-radius:3px;height:6px;width:80px}.confidence-fill{background:linear-gradient(90deg,#66bb6a,#4caf50)}.confidence-text{color:#333;font-size:.8rem}.risk-assessment{text-align:center}.risk-level{border-radius:25px;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin-bottom:15px;padding:10px 20px;text-transform:uppercase}.risk-description{color:#666;line-height:1.5}.history-section h4{color:#333;font-size:1.1rem;margin:0 0 20px}.history-table{background:#f8f9fa;border-radius:12px;overflow:hidden}.table-header{grid-gap:15px;background:#e9ecef;color:#333;display:grid;font-size:.9rem;font-weight:600;gap:15px;grid-template-columns:120px 100px 100px 100px 120px 100px;padding:15px 20px}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:15px;align-items:center;border-bottom:1px solid #e9ecef;display:grid;font-size:.9rem;gap:15px;grid-template-columns:120px 100px 100px 100px 120px 100px;padding:12px 20px}.table-row:hover{background:#1976d20d}.table-row:last-child{border-bottom:none}.col-before.negative{color:#e74c3c;font-weight:600}.category-badge,.trigger-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.trigger-badge.eksi-bakiye{background:#ffebee;color:#c62828}.trigger-badge.sıfır-bakiye{background:#fff3e0;color:#ef6c00}.trigger-badge.düşük-bakiye{background:#e3f2fd;color:#1565c0}.category-badge.küçük{background:#f3e5f5;color:#7b1fa2}.category-badge.orta{background:#e8f5e8;color:#2e7d32}.category-badge.büyük{background:#fff8e1;color:#f57c00}@media (max-width:768px){.analysis-content{padding:20px}.stats-grid{gap:15px;grid-template-columns:1fr}.behavior-grid,.predictions-grid{gap:20px;grid-template-columns:1fr}.badges-section{align-items:flex-start;flex-direction:column;gap:15px}.table-header,.table-row{gap:10px;grid-template-columns:1fr}.table-header{display:none}.table-row{background:#fff;border-radius:8px;display:block;margin-bottom:10px;padding:15px}.analysis-tabs{flex-wrap:wrap}.tab-btn{flex:none;min-width:50%}}.finance-section{padding:20px}.section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.section-header h2{color:#2c3e50;font-size:24px;margin:0}.action-buttons{gap:10px}.financial-summary{margin-bottom:30px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 8px 25px #0000001a;color:#fff;padding:25px}.summary-card h3{font-size:20px;margin:0 0 20px;text-align:center}.summary-grid{grid-gap:20px;gap:20px}.summary-item{text-align:center}.summary-item .label{display:block;font-size:14px;margin-bottom:8px;opacity:.9}.summary-item .value{display:block;font-size:24px}.summary-item .value.positive{color:#2ecc71}.summary-item .value.negative{color:#e74c3c}.invoices-section,.payments-section{margin-bottom:30px}.invoices-section h3,.payments-section h3{border-left:4px solid #3498db;color:#2c3e50;font-size:18px;margin-bottom:15px;padding-left:15px}.table-container{background:#fff;border-radius:10px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.data-table td{border-bottom:1px solid #f0f0f0;padding:15px}.data-table tr:hover{background:#f8f9fa}.status-badge.paid{background:#2ecc71;color:#fff}.status-badge.unpaid{background:#e74c3c;color:#fff}.empty-state{background:#f8f9fa;border:2px dashed #bdc3c7;border-radius:10px;color:#7f8c8d;padding:40px}.empty-state p{font-size:16px;margin:0}.modal-content{border-radius:8px;display:flex;flex-direction:column;height:calc(100vh - 40px);margin:auto;max-height:95vh;max-width:95vw;width:1600px}.modal-header{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);border-bottom:2px solid #fecaca;border-radius:8px 8px 0 0;box-shadow:0 2px 10px #dc262633;flex-shrink:0;min-height:60px;padding:15px 25px}.modal-header h3{font-size:20px}.modal-body{flex-direction:column;min-height:0;overflow-y:auto;padding:20px 25px}.invoice-form,.payment-form{padding:30px}.form-grid{grid-template-columns:1fr 1fr;margin-bottom:25px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0}.invoice-items{margin-bottom:25px}.invoice-items h4{border-left:4px solid #667eea;color:#2c3e50;margin-bottom:15px;padding-left:15px}.item-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:2fr 1fr 1fr 1fr auto;margin-bottom:10px}.item-row input{border:2px solid #e0e0e0;border-radius:6px;font-size:13px;padding:10px 12px}.form-actions{border-top:2px solid #f0f0f0}.btn{padding:12px 25px}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;box-shadow:0 4px 15px #dc262633;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-shadow:0 1px 2px #0000001a;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 8px 25px #dc262659;transform:translateY(-3px)}.btn-success{background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;box-shadow:0 4px 15px #16a34a33;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.5px;padding:14px 28px;text-shadow:0 1px 2px #0000001a;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-success:hover{background:linear-gradient(135deg,#15803d,#166534);box-shadow:0 8px 25px #16a34a59;transform:translateY(-3px)}.btn-secondary{background:#95a5a6}.btn-secondary:hover{background:#7f8c8d}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-sm{padding:8px 15px}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.items-header{grid-gap:8px;background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);border-radius:8px 8px 0 0;box-shadow:0 2px 8px #dc262626;color:#fff;display:grid;font-size:11px;font-weight:600;gap:8px;grid-template-columns:4fr 80px 80px 100px 80px 120px 120px 120px 60px;letter-spacing:.5px;padding:12px 8px;text-align:center;text-transform:uppercase}@media (min-width:1400px){.items-header{font-size:15px;gap:20px;grid-template-columns:4fr 120px 120px 140px 120px 160px 160px 160px 100px;padding:25px 20px}}@media (min-width:1800px){.items-header{font-size:16px;gap:25px;grid-template-columns:5fr 140px 140px 160px 140px 180px 180px 180px 120px;padding:30px 25px}}.item-row-extended{grid-gap:8px;align-items:center;background:linear-gradient(135deg,#fff,#fefefe);border-bottom:1px solid #f3f4f6;border-radius:0;display:grid;gap:8px;grid-template-columns:4fr 80px 80px 100px 80px 120px 120px 120px 60px;min-height:40px;padding:8px;transition:all .2s ease}@media (min-width:1400px){.item-row-extended{gap:20px;grid-template-columns:4fr 120px 120px 140px 120px 160px 160px 160px 100px;padding:25px 20px}}@media (min-width:1800px){.item-row-extended{gap:25px;grid-template-columns:5fr 140px 140px 160px 140px 180px 180px 180px 120px;padding:30px 25px}}.item-row-extended:hover{background:linear-gradient(135deg,#fef9f9,#fff5f5);border-bottom-color:#f87171;box-shadow:0 4px 12px #dc262614;transform:translateY(-1px)}.item-row-extended:last-child{border-bottom:none;border-radius:0 0 12px 12px}.item-field{align-items:center;display:flex;position:relative}.item-field input{background:#fff;border:2px solid #fecaca;border-radius:8px;color:#374151;flex:1 1;font-size:14px;font-weight:600;padding:12px 40px 12px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-field input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none;transform:translateY(-1px)}.item-field input:hover{border-color:#f87171;box-shadow:0 2px 8px #dc26260d}.price-list-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:5px;position:absolute;right:5px;transition:all .3s ease}.price-list-btn:hover{background:#667eea1a;transform:scale(1.1)}.item-row-extended input,.item-row-extended select{background:#fff;border:2px solid #fecaca;border-radius:8px;color:#374151;font-size:14px;font-weight:600;padding:12px 10px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.item-row-extended input:focus,.item-row-extended select:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a;outline:none;transform:translateY(-1px)}.item-row-extended input:hover,.item-row-extended select:hover{border-color:#f87171;box-shadow:0 2px 8px #dc26260d}.item-row-extended select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23dc2626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:14px;cursor:pointer;padding-right:30px}.calculated-field{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:2px solid #86efac;border-radius:8px;box-shadow:0 2px 8px #22c55e1a;color:#166534;font-size:14px;font-weight:800;padding:12px 10px;text-align:center;transition:all .3s ease}.calculated-field:hover{background:linear-gradient(135deg,#bbf7d0,#86efac);box-shadow:0 4px 12px #22c55e26;transform:translateY(-1px)}.calculated-field.kdv-amount{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fcd34d;box-shadow:0 2px 8px #f59e0b1a;color:#92400e}.calculated-field.kdv-amount:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #f59e0b26}.calculated-field.total-amount{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff;font-weight:900;text-shadow:0 1px 2px #0000001a}.calculated-field.total-amount:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);box-shadow:0 4px 12px #dc262633}.invoice-totals{background:linear-gradient(145deg,#fff,#fef9f9 50%,#fff5f5);border:2px solid #dc262626;border-radius:15px;box-shadow:0 8px 25px #dc262614;margin-top:30px;padding:25px}.totals-section h5{color:#dc2626;font-size:20px;font-weight:700;letter-spacing:.5px;margin:0 0 20px;text-align:center;text-transform:uppercase}.totals-grid{display:flex;flex-direction:column;gap:12px}.total-row{align-items:center;background:#fff;border:2px solid #fecaca;border-radius:10px;display:flex;justify-content:space-between;padding:15px 25px;transition:all .3s ease}.total-row:hover{border-color:#f87171;box-shadow:0 4px 12px #dc26261a;transform:translateY(-1px)}.total-row.grand-total{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b);border:3px solid #dc2626;box-shadow:0 6px 20px #dc262640;color:#fff;font-size:18px;font-weight:800;text-shadow:0 1px 2px #0000001a}.total-row.grand-total:hover{box-shadow:0 8px 25px #dc262659;transform:translateY(-2px)}.total-label{color:#7f1d1d;font-size:15px;font-weight:700;letter-spacing:.3px;text-transform:uppercase}.total-row.grand-total .total-label{color:#fff;font-size:16px}.total-value{color:#374151;font-size:16px;font-weight:800}.total-row.grand-total .total-value{color:#fff;font-size:18px}.total-value.kdv-total{color:#f59e0b;font-weight:700}@media (max-width:1200px){.item-row-extended,.items-header{font-size:12px;grid-template-columns:1fr 60px 60px 80px 60px 100px 100px 100px 50px}.calculated-field,.item-field input,.item-row-extended input,.item-row-extended select{font-size:12px;padding:8px 6px}}@media (max-width:768px){.item-row-extended,.items-header{gap:5px;grid-template-columns:1fr}.items-header{display:none}.item-row-extended{border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;margin-bottom:10px;padding:15px}.calculated-field,.item-field,.item-row-extended input,.item-row-extended select{margin-bottom:8px;width:100%}}.efatura-form-grid{background:linear-gradient(145deg,#fff,#fef9f9 50%,#fff5f5);border:1px solid #dc262614;border-radius:8px;box-shadow:0 2px 8px #dc26260f;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:15px;padding:15px}.efatura-form-grid .form-group{display:flex;flex:1 1;flex-direction:column;max-width:200px;min-width:120px;position:relative}.efatura-form-grid .form-group label{align-items:center;color:#dc2626;display:flex;font-size:10px;font-weight:600;gap:2px;letter-spacing:.2px;margin-bottom:2px;text-transform:uppercase;white-space:nowrap}.efatura-form-grid .form-group input,.efatura-form-grid .form-group select{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:12px;font-weight:400;height:32px;padding:6px 8px;transition:all .2s ease;width:100%}.efatura-form-grid .form-group input:focus,.efatura-form-grid .form-group select:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a;outline:none;transform:translateY(-1px)}.efatura-form-grid .form-group input:hover,.efatura-form-grid .form-group select:hover{border-color:#f87171;box-shadow:0 4px 12px #dc262614}.efatura-form-grid .form-group input[readonly]{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.efatura-form-grid .form-group input[readonly]:focus{box-shadow:none;transform:none}.efatura-form-grid .form-group:before{background:linear-gradient(90deg,#dc2626,#f59e0b,#dc2626);border-radius:10px 10px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.efatura-form-grid .form-group:focus-within:before{opacity:1}.efatura-form-grid .form-group select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%23dc2626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.efatura-form-grid .form-group input::placeholder{color:#9ca3af;font-style:italic;font-weight:400}@media (max-width:1200px){.efatura-form-grid{gap:16px;grid-template-columns:repeat(2,1fr);padding:20px}}@media (max-width:768px){.efatura-form-grid{gap:12px;grid-template-columns:1fr;padding:16px}.efatura-form-grid .form-group label{font-size:13px}.efatura-form-grid .form-group input,.efatura-form-grid .form-group select{font-size:13px;padding:12px 14px}}.price-list-modal{max-height:85vh;max-width:1200px}.price-list-content{padding:20px}.price-search{margin-bottom:20px}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:12px 15px;transition:border-color .3s ease}.price-list-table{background:#fff;border:1px solid #dee2e6;border-radius:8px;overflow:hidden}.price-list-header{grid-gap:15px;background:linear-gradient(135deg,#667eea,#764ba2);display:grid;font-size:14px;font-weight:600;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;padding:15px 20px}.price-list-items{max-height:400px;overflow-y:auto}.price-list-row{grid-gap:15px;align-items:center;border-bottom:1px solid #e9ecef;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 120px;padding:15px 20px;transition:background-color .2s ease}.price-list-row:hover{background:#f8f9fa}.price-list-row:last-child{border-bottom:none}.product-name{color:#2c3e50;font-weight:600;text-align:left}.category{color:#6c757d}.category,.unit{text-align:center}.unit{color:#495057}.price{color:#28a745;font-weight:700}.price,.vat{text-align:center}.vat{color:#fd7e14;font-weight:600}.price-list-row .btn{justify-self:center}@media (max-width:1200px){.price-list-header,.price-list-row{font-size:13px;gap:10px;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 100px;padding:12px 15px}}@media (max-width:768px){.efatura-form-grid{gap:10px;grid-template-columns:1fr}.price-list-modal{max-width:none;width:95%}.price-list-header,.price-list-row{gap:5px;grid-template-columns:1fr;text-align:left}.price-list-header{display:none}.price-list-row{border:1px solid #dee2e6;border-radius:8px;display:flex;flex-direction:column;margin-bottom:10px;padding:15px}.price-list-row>span{margin-bottom:5px}.price-list-row>span:before{color:#495057;content:attr(data-label) ": ";font-weight:700}}.communications-container{padding:20px}.communications-header h3{color:#2c3e50;margin:0}.communication-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.communication-form{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px;width:90%}.form-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px}.form-header h4{color:#2c3e50;margin:0}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;padding:10px;width:100%}.form-group textarea{min-height:100px}.form-actions{gap:10px}.communications-list,.form-actions{margin-top:20px}.no-communications{color:#6c757d;padding:40px;text-align:center}.no-data-icon{font-size:48px}.communications-grid{grid-gap:15px;display:grid;gap:15px}.communication-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:15px;transition:all .3s ease}.communication-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.communication-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.communication-type .type-icon{display:inline-block;font-size:12px;font-weight:600}.communication-date{color:#6c757d;font-size:12px}.communication-content h4{color:#2c3e50;font-size:16px;margin:0 0 8px}.communication-content p{color:#495057;line-height:1.5;margin:0}.communication-footer{align-items:center;border-top:1px solid #f1f3f4;display:flex;justify-content:space-between;margin-top:10px;padding-top:10px}.created-by{color:#6c757d;font-size:12px}.communication-actions{display:flex;gap:5px}.btn-delete,.btn-edit{border:none;border-radius:4px;font-size:14px;padding:5px 8px}.loading{border-radius:8px}.error,.loading{background:#fff;box-shadow:0 2px 4px #0000001a;margin:20px}.error{font-size:18px;padding:40px;text-align:center}.coming-soon{color:#6c757d;padding:60px 20px;text-align:center}.coming-soon h3{color:#495057;margin-bottom:15px}.communications-header{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.communications-list{color:#6c757d;font-style:italic;padding:20px;text-align:center}.title-input-container{position:relative}.title-dropdown-wrapper{display:flex;flex-direction:column;gap:8px}.title-dropdown{background:#f8f9fa;border:1px solid #ddd;border-radius:6px;color:#495057;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.title-dropdown:hover{background:#e3f2fd;border-color:#2196f3}.title-dropdown:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.title-input{border:1px solid #ddd;border-radius:6px;color:#495057;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.title-input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f333;outline:none}.title-input::placeholder{color:#999;font-style:italic}.title-dropdown option{background:#fff;color:#495057;font-size:13px;line-height:1.4;padding:8px 12px}.title-dropdown option:hover{background:#e3f2fd}@media (max-width:768px){.title-dropdown,.title-input{font-size:13px;padding:8px 10px}.title-dropdown-wrapper{gap:6px}}.customer-detail{max-width:1600px}.customer-detail,.customer-detail-container{background:#f8f9fa;margin:0 auto;min-height:100vh;padding:20px}.customer-detail-container{max-width:1200px}.page-header{margin-bottom:20px}.page-header .header-left{display:flex;flex-direction:column;gap:8px}.page-header .header-right{align-items:center;display:flex;gap:15px}.page-header h1{color:#fff;font-size:1.8rem}.back-link{color:#ffffffe6;transition:all .3s ease}.back-link:hover{color:#fff;text-decoration:none}.credit-info{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:.9rem;padding:8px 16px}.tab-content-container{min-height:400px}.customer-detail .cards-grid{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f9fafbcc,#f3f4f6cc);border:1px solid #e5e7eb80;border-radius:16px;box-shadow:0 1px 3px #0000001a;margin:12px 0;padding:20px}.cards-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px;padding:0 10px}@media (max-width:768px){.cards-grid{gap:20px;grid-template-columns:1fr;padding:0 5px}.info-card{border-radius:16px;padding:20px}.info-card h3{font-size:1.1rem;margin-bottom:20px}.kontor-bilgileri-card h3,.sozlesme-bilgileri-card h3{font-size:1.2rem;margin-bottom:25px}.info-item{border-radius:12px;padding:15px}.info-item label{font-size:.7rem}.info-item span{font-size:1rem}.credit-amount{font-size:1.2rem!important}.bi-metrics-grid{gap:15px;grid-template-columns:1fr;padding:0 20px 20px}.bi-metric{padding:15px}.metric-value{font-size:1.2rem}}@media (max-width:480px){.cards-grid{gap:15px;padding:0}.info-card{border-radius:12px;padding:15px}.info-grid{gap:12px;grid-template-columns:1fr}.info-item{padding:12px}.bi-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px 20px 0}.bi-metrics-grid{padding:0 15px 15px}}.kontor-bilgileri-card{background:linear-gradient(135deg,#fff,#f8fffe)!important;border:1px solid #e8f5e8!important;box-shadow:0 4px 20px #00000014!important;color:#1a1a1a;overflow:hidden;position:relative;transition:all .3s ease}.kontor-bilgileri-card:hover{border-color:#d1fae5!important;box-shadow:0 8px 30px #0000001f!important;transform:translateY(-2px)}.kontor-bilgileri-card:before{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.kontor-bilgileri-card h3{align-items:center;color:#2d5016;display:flex;font-size:1.3rem;font-weight:600;gap:8px;letter-spacing:-.02em;margin-bottom:24px;position:relative;text-shadow:none;z-index:1}.kontor-bilgileri-card h3:after{background:linear-gradient(90deg,#e8f5e8,#0000);border-radius:1px;content:"";flex:1 1;height:1px}.sozlesme-bilgileri-card{background:linear-gradient(135deg,#fff,#fafbff)!important;border:1px solid #e8ebf7!important;box-shadow:0 4px 20px #00000014!important;color:#1a1a1a;overflow:hidden;position:relative;transition:all .3s ease}.sozlesme-bilgileri-card:hover{border-color:#dbeafe!important;box-shadow:0 8px 30px #0000001f!important;transform:translateY(-2px)}.financial-status-card{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:14px!important;box-shadow:0 4px 20px #00000014!important;color:#1a1a1a;grid-column:1/-1;overflow:hidden;padding:18px!important;position:relative;transition:all .3s ease}.financial-status-card:hover{border-color:#cbd5e1!important;box-shadow:0 8px 30px #0000001f!important;transform:translateY(-2px)}.financial-status-card:before{background:linear-gradient(90deg,#3b82f6,#10b981,#f59e0b);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.financial-status-card h3{color:#1f2937;font-size:1.2rem;font-weight:600;margin-bottom:16px;position:relative;text-align:center;z-index:2}.key-metrics-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:18px}.metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px;position:relative;text-align:center;transition:all .3s ease}.metric-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.metric-card.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 15px #3b82f633}.metric-value{color:#1f2937;font-size:1.3rem;font-weight:700;line-height:1.1;margin-bottom:4px}.metric-card.primary .metric-value{color:#1d4ed8}.metric-label{color:#6b7280;letter-spacing:.05em;margin-bottom:4px}.metric-label,.metric-status{font-size:.7rem;text-transform:uppercase}.metric-status{border-radius:4px;font-weight:600;padding:2px 6px}.metric-status.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.detailed-info-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.info-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.info-row:hover{background:#f1f5f9;border-color:#cbd5e1}.info-label{color:#64748b;font-size:.8rem;font-weight:500;letter-spacing:.025em;text-transform:uppercase}.info-value{color:#1e293b;font-size:.9rem;font-weight:600}.info-value.highlight{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;color:#059669;padding:4px 8px}.info-value.warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#d97706;padding:4px 8px}.info-value.critical{background:#fee2e2;border:1px solid #fca5a5;border-radius:4px;color:#dc2626;font-weight:600;padding:4px 8px}.bi-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:16px;transition:all .3s ease}.bi-header-new{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.bi-header-new h3{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0}.bi-refresh-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .2s ease}.bi-refresh-btn:hover{background:#2563eb;transform:scale(1.05)}.bi-refresh-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.bi-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;padding:40px}.bi-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#3b82f6;height:32px;margin-bottom:12px;width:32px}.bi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.bi-stats-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:16px;transition:all .3s ease}.bi-stats-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.stats-header{color:#475569;font-size:.9rem;font-weight:600;margin-bottom:12px;text-align:center}.stats-grid{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr}.stat-item{background:#f8fafc;border:1px solid #f1f5f9;padding:8px;text-align:center}.stat-value{color:#1e293b;font-size:1.1rem;margin-bottom:2px}.stat-label{color:#64748b;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.bi-pattern-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;box-shadow:0 2px 10px #f59e0b33;padding:16px;transition:all .3s ease}.bi-pattern-card:hover{box-shadow:0 4px 20px #f59e0b4d;transform:translateY(-2px)}.pattern-header{color:#92400e;font-size:.9rem;font-weight:600;margin-bottom:12px;text-align:center}.pattern-content{display:flex;flex-direction:column;gap:12px}.pattern-main{align-items:center;display:flex;justify-content:space-between}.pattern-behavior{color:#78350f;font-size:.9rem;font-weight:600}.risk-badge{border-radius:6px;font-size:.7rem;font-weight:600;padding:4px 8px}.risk-badge.risk-low{background:#d1fae5;color:#065f46}.risk-badge.risk-medium{background:#fed7aa;color:#9a3412}.risk-badge.risk-high{background:#fecaca;color:#991b1b}.pattern-value{justify-content:space-between}.value-label{color:#92400e;font-size:.8rem}.value-amount{color:#78350f;font-size:1rem;font-weight:700}.bi-prediction-card{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #6366f1;border-radius:12px;box-shadow:0 2px 10px #6366f133;padding:16px;transition:all .3s ease}.bi-prediction-card:hover{box-shadow:0 4px 20px #6366f14d;transform:translateY(-2px)}.prediction-header{color:#4338ca;font-size:.9rem;font-weight:600;margin-bottom:12px;text-align:center}.prediction-content{display:flex;flex-direction:column;gap:8px}.prediction-item{align-items:center;display:flex;justify-content:space-between}.pred-label{color:#4338ca;font-size:.8rem;font-weight:500}.pred-value{color:#312e81;font-size:.9rem;font-weight:600}.confidence-bar{background:#ffffff80;border-radius:8px;height:20px;margin-top:8px;overflow:hidden;position:relative}.confidence-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:8px;height:100%;transition:width .3s ease}.confidence-text{color:#fff;font-size:.7rem;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translate(-50%,-50%)}.bi-insights-card{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:12px;box-shadow:0 2px 10px #10b98133;padding:16px;transition:all .3s ease}.bi-insights-card:hover{box-shadow:0 4px 20px #10b9814d;transform:translateY(-2px)}.insights-header{color:#047857;font-size:.9rem;font-weight:600;margin-bottom:12px;text-align:center}.insights-content{display:flex;flex-direction:column;gap:8px}.insight-compact{background:#fff9;border:1px solid #10b98133;border-radius:8px;padding:8px}.insight-title{color:#065f46;font-size:.8rem;font-weight:600;margin-bottom:4px}.insight-desc{color:#047857;font-size:.7rem;line-height:1.3;margin-bottom:6px}.insight-priority-badge{border-radius:4px;font-size:.6rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.insight-priority-badge.priority-high{background:#fecaca;color:#991b1b}.insight-priority-badge.priority-medium{background:#fed7aa;color:#9a3412}.insight-priority-badge.priority-low{background:#d1fae5;color:#065f46}.bi-anomaly-card{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444;border-radius:12px;box-shadow:0 2px 10px #ef444433;padding:16px;transition:all .3s ease}.bi-anomaly-card:hover{box-shadow:0 4px 20px #ef44444d;transform:translateY(-2px)}.anomaly-header{color:#dc2626;font-size:.9rem;font-weight:600;text-align:center}.anomaly-content{display:flex;flex-direction:column;gap:6px}.anomaly-compact{align-items:center;background:#fff9;border:1px solid #ef444433;border-radius:6px;display:flex;justify-content:space-between;padding:6px 8px}.anomaly-type{color:#991b1b;font-size:.8rem;font-weight:600}.anomaly-severity-badge{border-radius:4px;font-size:.6rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.anomaly-severity-badge.severity-high{background:#991b1b;color:#fff}.anomaly-severity-badge.severity-medium{background:#f59e0b;color:#fff}.anomaly-severity-badge.severity-low{background:#10b981;color:#fff}.bi-empty-state{color:#64748b;grid-column:1/-1;padding:40px;text-align:center}.empty-icon{font-size:3rem;margin-bottom:12px;opacity:.7}.empty-title{color:#475569;font-size:1.1rem;font-weight:600;margin-bottom:8px}.empty-desc{color:#64748b;font-size:.9rem;line-height:1.4}.bi-dashboard-optimized:hover{box-shadow:0 12px 40px #1f293759;transform:translateY(-2px)}.bi-dashboard-optimized h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:16px;position:relative;text-align:center;z-index:2}.bi-metrics-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.bi-metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#374151b3;border:1px solid #6b72804d;border-radius:10px;padding:12px;position:relative;text-align:center;transition:all .3s ease}.bi-metric-card:hover{background:#374151e6;border-color:#9ca3af80;transform:translateY(-2px)}.bi-metric-card.primary{background:#3b82f633;border-color:#3b82f666;box-shadow:0 4px 15px #3b82f64d}.bi-metric-label{color:#fffc;font-size:.7rem;font-weight:500;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.bi-metric-value{color:#fff;font-size:1.2rem;font-weight:700;line-height:1.1;margin-bottom:4px}.bi-metric-card.primary .bi-metric-value{color:#60a5fa}.bi-metric-status{border-radius:4px;font-size:.65rem;font-weight:600;padding:2px 6px;text-transform:uppercase}.bi-metric-status.success{background:#22c55e33;border:1px solid #22c55e4d;color:#4ade80}@media (max-width:768px){.key-metrics-row{gap:8px;grid-template-columns:repeat(2,1fr)}.detailed-info-grid{gap:6px;grid-template-columns:1fr}.metric-value{font-size:1.1rem}.metric-card{padding:8px}.financial-status-card{padding:12px!important}.info-row{padding:6px 10px}.bi-metrics-row{gap:8px;grid-template-columns:repeat(2,1fr)}.bi-metric-card{padding:8px}.bi-metric-value{font-size:1rem}.bi-dashboard-optimized{padding:12px}.bi-grid{gap:12px;grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.bi-container{padding:12px}}.combined-financial-card:hover{border-color:#d1d5db!important;box-shadow:0 12px 40px #00000026!important;transform:translateY(-3px)}.combined-financial-card:before{background:linear-gradient(90deg,#10b981,#3b82f6);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.combined-financial-card h3{align-items:center;color:#1f2937;display:flex;font-size:1.25rem;font-weight:600;gap:8px;justify-content:center;letter-spacing:-.02em;margin-bottom:20px;position:relative;text-align:center;text-shadow:none;z-index:1}.combined-info-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;position:relative;z-index:2}.combined-info-layout:before{background:linear-gradient(180deg,#0000,#e5e7eb,#0000);bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:1px}.contract-section,.financial-section{position:relative}.section-title{align-items:center;border-bottom:2px solid #f3f4f6;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:6px;margin-bottom:16px;padding-bottom:6px}.financial-section .section-title{border-bottom-color:#dcfce7}.contract-section .section-title{border-bottom-color:#dbeafe}@media (max-width:768px){.combined-info-layout{gap:30px;grid-template-columns:1fr}.combined-info-layout:before{display:none}.financial-section:after{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);bottom:-15px;content:"";height:1px;left:0;position:absolute;right:0}}.sozlesme-bilgileri-card:before{background:linear-gradient(90deg,#2196f3,#64b5f6);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.sozlesme-bilgileri-card h3{align-items:center;color:#1a237e;display:flex;font-size:1.3rem;font-weight:600;gap:8px;letter-spacing:-.02em;margin-bottom:24px;position:relative;text-shadow:none;z-index:1}.sozlesme-bilgileri-card h3:after{background:linear-gradient(90deg,#e8ebf7,#0000);border-radius:1px;content:"";flex:1 1;height:1px}.info-card{background:#fff;border:1px solid #667eea1a;border-radius:20px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-card:before{background:linear-gradient(90deg,#667eea,#764ba2,#f093fb,#f5576c);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.info-card:hover:before{opacity:1}.info-card:hover{border-color:#667eea33;box-shadow:0 20px 60px #00000026;transform:translateY(-6px)}.info-card h3{align-items:center;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:700;gap:12px;margin:0 0 25px;padding-bottom:12px;position:relative}.info-card h3:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.info-card.full-width{grid-column:1/-1}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:20px}@media (max-width:768px){.info-grid{gap:15px;grid-template-columns:1fr}}.info-item{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:18px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.info-item:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.info-item:hover:before{transform:translateX(100%)}.info-item:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 8px 32px #0000001a;transform:translateY(-3px)}.info-item.full-width{grid-column:1/-1}.info-item label{align-items:center;color:#ffffffbf;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.info-item label:before{background:currentColor;border-radius:50%;content:"";height:3px;opacity:.6;width:3px}.info-item span{color:#fff;font-size:1.1rem;font-weight:600;line-height:1.3;text-shadow:0 2px 8px #0003}.credit-amount{align-items:center;display:flex;font-size:1.4rem!important;font-weight:700!important;gap:8px;text-shadow:0 3px 10px #0000004d!important}.credit-amount:before{content:""}.debt-amount{background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:6px;color:#ff6b6b!important}.debt-amount,.highlight{font-weight:700!important;padding:4px 8px}.highlight{background:#ffd93d1a;border:1px solid #ffd93d33;border-radius:6px;color:#ffd93d!important;text-shadow:0 2px 8px #ffd93d66!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card){background:#fff!important;color:#2c3e50!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) *,.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) h3{color:#2c3e50!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .info-item{background:#667eea0d!important;border:1px solid #667eea1a!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .info-item label{color:#6c757d!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .info-item span{color:#2c3e50!important;text-shadow:none!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .status-badge{color:#fff!important}.combined-financial-card .info-item label,.kontor-bilgileri-card .info-item label,.sozlesme-bilgileri-card .info-item label{color:#6b7280!important;font-size:.75rem!important;font-weight:500!important;letter-spacing:.05em!important;margin-bottom:2px!important;text-transform:uppercase!important}.combined-financial-card .info-item span,.kontor-bilgileri-card .info-item span,.sozlesme-bilgileri-card .info-item span{color:#1f2937!important;font-size:1rem!important;font-weight:600!important;line-height:1.3!important}.combined-financial-card .financial-section .highlight,.kontor-bilgileri-card .highlight{background:#ecfdf5!important;border:1px solid #a7f3d0!important;border-radius:6px!important;color:#059669!important;font-size:.9rem!important;font-weight:600!important;padding:4px 8px!important}.combined-financial-card .contract-section .highlight,.sozlesme-bilgileri-card .highlight{background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:6px!important;color:#1d4ed8!important;font-size:.9rem!important;font-weight:600!important;padding:4px 8px!important}.combined-financial-card .credit-amount,.kontor-bilgileri-card .credit-amount,.sozlesme-bilgileri-card .credit-amount{color:#1f2937!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.2!important;margin:4px 0!important}.combined-financial-card .financial-section .status-badge,.kontor-bilgileri-card .status-badge{background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:4px!important;color:#166534!important;font-size:.7rem!important;font-weight:600!important;padding:3px 6px!important}.combined-financial-card .contract-section .status-badge,.sozlesme-bilgileri-card .status-badge{background:#eff6ff!important;border:1px solid #bfdbfe!important;border-radius:4px!important;color:#1e40af!important;font-size:.7rem!important;font-weight:600!important;padding:3px 6px!important}.sozlesme-bilgileri-card .debt-amount{background:#fef2f2!important;border:1px solid #fecaca!important;border-radius:8px!important;color:#dc2626!important;font-weight:700!important;padding:6px 12px!important}.kontor-bilgileri-card .info-grid,.sozlesme-bilgileri-card .info-grid{position:relative;z-index:2}.combined-financial-card .info-item,.kontor-bilgileri-card .info-item,.sozlesme-bilgileri-card .info-item{border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:3px;margin-bottom:12px;padding:10px 0}.combined-financial-card .info-item:last-child,.kontor-bilgileri-card .info-item:last-child,.sozlesme-bilgileri-card .info-item:last-child{border-bottom:none;margin-bottom:0}.messages-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.messages-container:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:15px 15px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.messages-container:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.messages-header{align-items:center;border-bottom:2px solid #667eea33;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.messages-header h3{align-items:center;color:#2c3e50!important;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0}.status-badge{padding:6px 14px}.status-acil{background:linear-gradient(135deg,#ff4757,#ff3742);color:#fff}.status-kritik{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.status-dikkat{background:linear-gradient(135deg,#ffa726,#ff9800);color:#fff}.status-normal{background:linear-gradient(135deg,#42a5f5,#2196f3);color:#fff}.status-iyi{background:linear-gradient(135deg,#66bb6a,#4caf50);color:#fff}.warnings-section{display:flex;flex-direction:column;gap:15px}.warning-item{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #ffc107}.warning-item strong{margin-bottom:5px}.warning-item p{color:#6c5700}.error,.loading{align-items:center;display:flex;font-size:1.1rem;justify-content:center;min-height:200px}.error{background:#f8d7da;border-radius:8px;margin:20px 0}.no-messages{background:#f8f9fa;border-radius:12px}@media (max-width:1200px){.customer-detail{max-width:100%;padding:15px}.cards-grid{grid-template-columns:1fr}}@media (max-width:768px){.page-header{flex-direction:column;gap:15px;text-align:center}.page-header .header-right{flex-wrap:wrap;justify-content:center}.tab-navigation{gap:2px;padding:6px}.tab-button{font-size:.8rem;padding:10px 12px}.tab-label{display:none}.tab-icon{font-size:1.2rem}.info-grid{grid-template-columns:1fr}.info-card,.messages-container{padding:20px}}@media (max-width:480px){.customer-detail{padding:10px}.page-header{padding:15px}.page-header h1{font-size:1.4rem}.tab-button{padding:8px 10px}.info-card{padding:15px}.info-card h3{font-size:1.1rem}}.back-button{align-items:center;background:linear-gradient(135deg,#6c757d,#5a6268);border-radius:8px;color:#fff;display:inline-flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #0003;color:#fff;text-decoration:none;transform:translateY(-2px)}.detail-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.detail-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:25px;transition:all .3s ease}.detail-card:hover{box-shadow:0 6px 25px #00000026;transform:translateY(-2px)}.card-header{border-bottom:2px solid #f1f3f4;margin-bottom:20px;padding-bottom:15px}.card-header h3{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.detail-item{border-bottom:1px solid #f1f3f4;padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-item strong{color:#2c3e50;display:block;font-weight:600;margin-bottom:5px}.detail-item span{color:#555;font-size:.95rem}.status-badge{display:inline-block;font-size:.85rem;padding:4px 12px}.warning-section{grid-column:1/-1}.warnings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.warning-item{background:#fff3cd;border:1px solid #ffeaa7;border-left:4px solid #f39c12;border-radius:8px;padding:15px}.warning-item strong{color:#856404;display:block;font-weight:600;margin-bottom:8px}.warning-item p{color:#856404;line-height:1.5;margin:0}.messages-list{max-height:400px;overflow-y:auto}.message-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .2s ease}.message-item:hover{background:#e9ecef;border-color:#4a90e2;transform:translateX(5px)}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-type{background:#4a90e2;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 10px}.message-date{color:#6c757d;font-size:.85rem}.message-preview{color:#495057;font-size:.9rem;margin-bottom:10px}.message-footer{align-items:center;display:flex;font-size:.8rem;justify-content:space-between}.message-status{border-radius:10px;font-weight:600;padding:2px 8px;text-transform:uppercase}.message-status.sent{background:#d4edda;color:#155724}.message-status.delivered{background:#cce7ff;color:#004085}.message-status.failed{background:#f8d7da;color:#721c24}.message-sender{color:#6c757d}.loading-messages{color:#6c757d;font-style:italic;padding:40px;text-align:center}.no-messages{color:#6c757d}.no-messages p{font-size:1.1rem;margin:0}.more-messages{border-top:1px solid #e9ecef;margin-top:10px;padding:15px;text-align:center}.btn{border-radius:6px;padding:8px 16px}.btn-sm{font-size:.85rem}.btn-secondary:hover{color:#fff;text-decoration:none}.btn-link{background:none;border:none;color:#4a90e2;padding:5px 0}.btn-link:hover{color:#357abd;text-decoration:underline}@media (max-width:768px){.customer-detail-container{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.detail-content{gap:15px}.detail-content,.detail-grid,.warnings-grid{grid-template-columns:1fr}.message-footer,.message-header{align-items:flex-start;flex-direction:column;gap:5px}}.ai-analytics-container{padding:0}.ai-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.ai-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea4d;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.ai-header h3{color:#fff!important;font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0003}.refresh-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-1px)}.ai-content{display:flex;flex-direction:column;gap:25px}.ai-dashboard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8f9faf2);border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.ai-dashboard:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:15px 15px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.ai-dashboard:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.ai-dashboard h4{align-items:center;color:#2c3e50!important;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0 0 20px}.ai-metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.ai-metric{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.ai-metric label{color:#495057;font-size:.9rem;font-weight:600}.risk-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.risk-badge.high{background:#dc3545;color:#fff}.risk-badge.medium{background:#ffc107;color:#212529}.risk-badge.low{background:#28a745;color:#fff}.score{color:#007bff;font-size:1.1rem;font-weight:700}.segment-badge{border-radius:20px;font-size:.8rem;font-weight:700;padding:4px 12px;text-transform:uppercase}.segment-badge.vip{background:#6f42c1;color:#fff}.segment-badge.premium{background:#fd7e14;color:#fff}.segment-badge.standard{background:#17a2b8;color:#fff}.segment-badge.basic{background:#6c757d;color:#fff}.revenue{color:#28a745;font-size:1.1rem;font-weight:700}.ai-insights{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:20px}.ai-insights h4{color:#2c3e50;font-size:1.2rem;margin:0 0 15px}.insight-card{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;padding:15px}.insight-card.high{background:#fff5f5;border-left-color:#dc3545}.insight-card.medium{background:#fffbf0;border-left-color:#ffc107}.insight-card.low{background:#f0fff4;border-left-color:#28a745}.insight-type{background:#007bff;color:#fff}.insight-type,.priority-badge{border-radius:4px;font-size:.8rem;font-weight:700;padding:2px 8px}.priority-badge{text-transform:uppercase}.priority-badge.high{background:#dc3545;color:#fff}.priority-badge.medium{background:#ffc107;color:#212529}.priority-badge.low{background:#28a745;color:#fff}.insight-card h5{color:#2c3e50;font-size:1rem;margin:0 0 8px}.insight-card p{color:#495057;line-height:1.4;margin:0 0 10px}.recommendation{background:#e7f3ff;border-left:3px solid #007bff;border-radius:6px;margin:10px 0;padding:8px 12px}.insight-footer{align-items:center;color:#6c757d;display:flex;font-size:.8rem;justify-content:space-between}.impact-score{font-weight:700}.action-type{background:#e9ecef;border-radius:4px;padding:2px 6px}.ai-opportunities{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:20px}.ai-opportunities h4{color:#2c3e50;font-size:1.2rem;margin:0 0 15px}.opportunities-list{display:flex;flex-direction:column;gap:15px}.opportunity-card{background:#f0fff4;border:1px solid #28a745;border-radius:8px;padding:15px}.opportunity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.opportunity-type{background:#28a745;border-radius:4px;color:#fff;font-size:.8rem;font-weight:700;padding:4px 8px}.potential-revenue{color:#28a745;font-size:1.1rem;font-weight:700}.probability{color:#007bff;font-weight:700;margin-bottom:8px}.strategy{color:#495057;line-height:1.4;margin:8px 0}.opportunity-footer{align-items:center;color:#6c757d;display:flex;font-size:.8rem;justify-content:space-between;margin-top:10px}.best-date{font-weight:700}.channel{background:#e9ecef;border-radius:4px;padding:2px 6px}.no-ai-data{color:#6c757d;padding:40px 20px;text-align:center}.no-ai-data h4{color:#495057;margin:0 0 10px}.no-ai-data p{line-height:1.5;margin:5px 0}.loading-container{padding:40px 20px;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#007bff;margin:0 auto 15px}@media (max-width:768px){.ai-metrics-grid{grid-template-columns:1fr}.ai-header{align-items:flex-start;flex-direction:column;gap:10px}.insight-footer,.insight-header,.opportunity-footer,.opportunity-header{align-items:flex-start;flex-direction:column;gap:5px}}.bi-analysis-card{background:linear-gradient(135deg,#fff,#f8fafc)!important;border:1px solid #e2e8f0!important;border-radius:16px;box-shadow:0 10px 40px #00000014!important;color:#1e293b!important;grid-column:1/-1;margin-top:20px;overflow:hidden;padding:24px;position:relative}.bi-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.bi-header,.bi-header-buttons{align-items:center;display:flex}.bi-header-buttons{gap:12px}.bi-header h3{color:#1e293b!important;font-size:1.3rem;font-weight:600;margin:0;text-shadow:none!important}.bi-header .refresh-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.bi-header .refresh-btn:hover{background:#2563eb;transform:translateY(-1px)}.bi-header .refresh-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.sync-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.sync-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px)}.sync-btn:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.bi-content{display:flex;flex-direction:column}.bi-dashboard{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;box-shadow:0 4px 20px #1e293b4d;color:#fff;margin-bottom:16px;padding:20px}.bi-dashboard h4{font-size:1.1rem;margin:0 0 16px;text-align:center}.dashboard-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:12px;transition:all .3s ease}.metric-item:hover{background:#ffffff26;transform:translateY(-2px)}.metric-item .metric-label{color:#fffc!important;display:block;font-size:.8rem;margin-bottom:4px}.metric-item .metric-value{color:#fff!important;font-size:1.1rem;font-weight:700}.metric-item .metric-value.highlight{color:#60a5fa!important}.bi-pattern{background:linear-gradient(135deg,#fff,#fef3c7 50%,#fde68a);border:1px solid #f59e0b33;border-radius:16px;box-shadow:0 8px 32px #f59e0b26;color:#92400e;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.bi-pattern:before{background:linear-gradient(90deg,#f59e0b,#d97706,#b45309);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.bi-pattern h4{color:#92400e!important;font-weight:700;margin:0 0 20px;position:relative;text-align:center;text-shadow:0 1px 2px #92400e1a;z-index:1}.pattern-info{grid-gap:16px;gap:16px;position:relative;z-index:1}.pattern-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #f59e0b33;border-radius:12px;box-shadow:0 2px 8px #f59e0b1a;padding:16px;transition:all .3s ease}.pattern-item:hover{background:#fffffff2;box-shadow:0 8px 25px #f59e0b33;transform:translateY(-3px)}.pattern-label{color:#92400e!important;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.pattern-value{align-items:center;color:#78350f!important;display:flex;font-weight:700;gap:8px}.pattern-value.risk-low{color:#065f46!important}.pattern-value.risk-low:before{content:"🟢";font-size:.8rem}.pattern-value.risk-medium{color:#d97706!important}.pattern-value.risk-medium:before{content:"🟡";font-size:.8rem}.pattern-value.risk-high{color:#dc2626!important}.pattern-value.risk-high:before{content:"🔴";font-size:.8rem}.bi-insights{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #10b98126;box-shadow:0 4px 20px #10b98114;color:#047857;margin-bottom:16px;position:relative}.bi-insights:before{background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.bi-insights h4{align-items:center;color:#047857!important;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 16px;position:relative;text-align:left;z-index:1}.bi-insights h4:before{content:"💡";font-size:1.2rem}.insights-list{gap:12px;position:relative;z-index:1}.insight-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffffa,#ecfdf5e6);border:1px solid #10b98140;border-radius:12px;box-shadow:0 2px 12px #10b9811a;margin-bottom:12px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.insight-item:before{background:linear-gradient(90deg,#10b981,#34d399,#6ee7b7);border-radius:12px 12px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.insight-item:hover{background:linear-gradient(135deg,#fff,#ecfdf5f2);box-shadow:0 8px 25px #10b98133;transform:translateY(-2px)}.insight-header{margin-bottom:12px;position:relative;z-index:2}.insight-type{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:12px;color:#065f46!important;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.insight-type:before{content:"💡";font-size:.9rem}.insight-priority{border-radius:12px;box-shadow:0 1px 3px #0000001a;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.insight-priority.priority-high{background:#ef4444;color:#fff!important}.insight-priority.priority-medium{background:#f59e0b;color:#fff!important}.insight-priority.priority-low{background:#10b981;color:#fff!important}.insight-item h5{color:#065f46!important;font-weight:700;line-height:1.3;margin:0 0 12px}.insight-item p{color:#047857!important;font-size:.9rem;font-weight:400;line-height:1.5;margin:0 0 16px;opacity:.9}.insight-recommendation{align-items:flex-start;background:#10b98114;border:1px solid #10b98126;border-radius:8px;color:#065f46!important;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 12px;position:relative}.insight-recommendation:before{content:"💬";flex-shrink:0;font-size:.9rem;margin-top:1px}.bi-predictive{background:linear-gradient(135deg,#fff,#e0e7ff 50%,#c7d2fe);border:1px solid #6366f133;border-radius:16px;box-shadow:0 8px 32px #6366f126;color:#4338ca;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.bi-predictive:before{background:linear-gradient(90deg,#6366f1,#4f46e5,#4338ca);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.bi-predictive h4{color:#4338ca!important;font-weight:700;margin:0 0 20px;position:relative;text-align:center;text-shadow:0 1px 2px #4338ca1a;z-index:1}.predictive-info{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));position:relative;z-index:1}.predictive-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #6366f133;border-radius:12px;box-shadow:0 2px 8px #6366f11a;padding:16px;position:relative;transition:all .3s ease}.predictive-item:hover{background:#fffffff2;box-shadow:0 8px 25px #6366f133;transform:translateY(-3px)}.predictive-item:before{content:"🔮";font-size:1rem;opacity:.6;position:absolute;right:12px;top:12px}.predictive-label{color:#4338ca!important;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.predictive-value{align-items:center;color:#312e81!important;display:flex;font-weight:700;gap:8px}.bi-anomalies{background:linear-gradient(135deg,#fff,#fef2f2 50%,#fecaca);border:1px solid #ef444433;border-radius:16px;box-shadow:0 8px 32px #ef444426;color:#dc2626;margin-bottom:20px;overflow:hidden;padding:24px;position:relative}.bi-anomalies:before{background:linear-gradient(90deg,#ef4444,#dc2626,#b91c1c);border-radius:16px 16px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.bi-anomalies h4{color:#dc2626!important;font-weight:700;margin:0 0 20px;position:relative;text-align:center;text-shadow:0 1px 2px #dc26261a;z-index:1}.anomalies-list{gap:16px;position:relative;z-index:1}.anomaly-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #ef444433;border-radius:12px;box-shadow:0 2px 8px #ef44441a;padding:20px;position:relative;transition:all .3s ease}.anomaly-item:hover{background:#fffffff2;box-shadow:0 8px 25px #ef444433;transform:translateY(-3px)}.anomaly-item:before{content:"⚠️";font-size:1.2rem;left:16px;opacity:.7;position:absolute;top:16px}.anomaly-header{margin-bottom:12px;margin-left:32px}.anomaly-type{background:#ef44441a;border-radius:6px;color:#991b1b!important;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.anomaly-date{background:#ef44441a;border-radius:4px;color:#dc2626!important;font-weight:600;padding:2px 6px}.anomaly-item p{color:#dc2626!important;line-height:1.5;margin:0 0 12px 32px;opacity:.9}.anomaly-impact{background:#ef44441a;border-left:3px solid #ef4444;border-radius:8px;color:#991b1b!important;font-size:.9rem;font-weight:600;margin-left:32px;padding:8px 12px}.no-data-message{color:#64748b;padding:40px}.no-data-message .no-data-icon{font-size:3rem;margin-bottom:16px;opacity:.7}.no-data-message h4{color:#475569!important}.no-data-message p{color:#64748b!important;font-size:.9rem;margin:0 0 8px}@media (max-width:768px){.bi-analysis-card{margin-top:16px;padding:16px}.bi-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:20px;padding-bottom:12px}.bi-header h3{font-size:1.1rem;text-align:center}.dashboard-metrics,.pattern-info,.predictive-info{grid-template-columns:1fr}.bi-content{gap:16px}.bi-anomalies,.bi-dashboard,.bi-insights,.bi-pattern,.bi-predictive{margin-bottom:12px;padding:16px}.metric-item,.pattern-item,.predictive-item{padding:10px}.anomaly-item,.insight-item{padding:16px}.insight-header{align-items:flex-start;flex-direction:column;gap:8px}.insight-priority,.insight-type{font-size:.7rem;padding:3px 8px}.insight-item h5{font-size:1rem}.insight-item p{font-size:.85rem}.insight-recommendation{font-size:.8rem;padding:8px 10px}}.refresh-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.refresh-btn:active{transform:translateY(0)}.bi-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;padding:0;position:relative;z-index:1}.bi-dashboard{background:linear-gradient(135deg,#1f2937,#374151);border:1px solid #4b55634d;border-radius:16px;box-shadow:0 10px 40px #1f293740;color:#fff!important}.bi-anomaly,.bi-dashboard,.bi-insights,.bi-pattern,.bi-predictive{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;padding:28px;position:relative;transition:all .3s ease}.bi-anomaly,.bi-insights,.bi-pattern,.bi-predictive{background:linear-gradient(135deg,#fffffff2,#f9fafbf2);border:1px solid #e5e7eb99;border-radius:16px;box-shadow:0 4px 20px #00000014;color:#1f2937}.bi-dashboard:before{background:linear-gradient(90deg,#1b5e20,#2e7d32);border-radius:15px 15px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.bi-anomaly:before,.bi-insights:before,.bi-pattern:before,.bi-predictive:before{background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:15px 15px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.bi-dashboard:hover{background:linear-gradient(135deg,#1b5e20,#2e7d32);box-shadow:0 12px 40px #2e7d3266;transform:translateY(-2px)}.bi-anomaly:hover,.bi-insights:hover,.bi-pattern:hover,.bi-predictive:hover{background:linear-gradient(135deg,#81c784f2,#a5d6a7f2);box-shadow:0 12px 40px #4caf5033;transform:translateY(-2px)}.bi-dashboard h4{font-size:1.2rem;font-weight:600;margin-bottom:20px;text-shadow:0 2px 8px #0000004d}.bi-dashboard *,.bi-dashboard h4{color:#fff!important}.bi-anomaly h4,.bi-insights h4,.bi-pattern h4,.bi-predictive h4{align-items:center;color:#2c3e50!important;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0 0 20px}.bi-metrics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:0 30px 30px;position:relative;z-index:1}.bi-metric{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;flex-direction:column;gap:10px;overflow:hidden;padding:20px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.bi-metric:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.bi-metric:hover:before{transform:translateX(100%)}.bi-metric:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.customer-detail .bi-analysis-card .metric-label{align-items:center;color:#fffc!important;display:flex;font-size:.75rem;font-weight:600;gap:6px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.customer-detail .bi-analysis-card .metric-label:before{background:currentColor;border-radius:50%;content:"";height:3px;opacity:.6;width:3px}.customer-detail .bi-analysis-card .metric-value{color:#fff!important;font-size:1.4rem;font-weight:700;line-height:1.2;text-shadow:0 2px 8px #0003}.bi-pattern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.bi-pattern h4{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 15px}.pattern-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.pattern-item{display:flex;flex-direction:column;gap:5px}.pattern-label{color:#fffc;font-size:.9rem;font-weight:400}.pattern-value{color:#fff;font-size:1.1rem;font-weight:600}.pattern-value.risk-low{color:#4ade80}.pattern-value.risk-medium{color:#fbbf24}.pattern-value.risk-high{color:#f87171}.bi-insights{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.bi-insights h4{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 15px}.insights-list{display:flex;flex-direction:column;gap:15px}.insight-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:15px}.insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.insight-type{color:#fffc;font-size:.9rem;font-weight:500}.insight-priority{border-radius:4px;font-size:.8rem;font-weight:500;padding:4px 8px}.insight-priority.priority-low{background:#4ade8033;border:1px solid #4ade804d;color:#4ade80}.insight-priority.priority-medium{background:#fbbf2433;border:1px solid #fbbf244d;color:#fbbf24}.insight-priority.priority-high{background:#f8717133;border:1px solid #f871714d;color:#f87171}.insight-item h5{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 10px}.insight-item p{margin:0 0 10px}.insight-item p,.insight-recommendation{color:#ffffffe6;font-size:.95rem;line-height:1.4}.insight-recommendation strong{color:#fff}.bi-predictive{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.bi-predictive h4{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 15px}.predictive-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.predictive-item{display:flex;flex-direction:column;gap:5px}.predictive-label{color:#fffc;font-size:.9rem;font-weight:400}.predictive-value{color:#fff;font-size:1.1rem;font-weight:600}.bi-anomalies{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:20px}.bi-anomalies h4{color:#fff;font-size:1.2rem;font-weight:500;margin:0 0 15px}.anomalies-list{display:flex;flex-direction:column;gap:15px}.anomaly-item{background:#f871711a;border:1px solid #f871714d;border-radius:8px;padding:15px}.anomaly-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.anomaly-type{color:#f87171;font-size:.9rem;font-weight:500}.anomaly-date{color:#ffffffb3;font-size:.8rem}.anomaly-item p{margin:0 0 10px}.anomaly-impact,.anomaly-item p{color:#ffffffe6;font-size:.95rem;line-height:1.4}.anomaly-impact strong{color:#fff}.no-data-message{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:40px 30px;text-align:center}.no-data-icon{filter:none;font-size:3rem;margin-bottom:15px}.no-data-message h4{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 12px;text-shadow:none}.no-data-message p{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0 auto 8px;max-width:400px}.loading-container{align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8f9fa;border-radius:12px;display:flex;flex-direction:column;justify-content:center;padding:40px 30px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:15px;width:40px}.loading-container p{color:#2c3e50;font-size:1rem;font-weight:500;margin:0;text-shadow:none}@media (max-width:768px){.cards-grid{gap:20px}.cards-grid,.info-grid{grid-template-columns:1fr}.info-grid{gap:15px}.kontor-bilgileri-card,.sozlesme-bilgileri-card{padding:20px}.kontor-bilgileri-card h3,.sozlesme-bilgileri-card h3{font-size:1.1rem;margin-bottom:20px}.info-item{padding:12px}.info-item label{font-size:.75rem}.info-item span{font-size:1rem}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) *{color:#2c3e50!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .info-item label{color:#6c757d!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .info-item span{color:#2c3e50!important}.info-card:not(.kontor-bilgileri-card):not(.sozlesme-bilgileri-card):not(.bi-analysis-card) .status-badge{color:#fff!important}.kontor-bilgileri-card .info-item label,.sozlesme-bilgileri-card .info-item label{color:#fffc!important}.kontor-bilgileri-card .info-item span,.sozlesme-bilgileri-card .info-item span{color:#fff!important}.kontor-bilgileri-card .highlight,.sozlesme-bilgileri-card .highlight{background:#ffffff1a!important;border:1px solid #fff3!important;color:#fff!important;text-shadow:0 2px 8px #0000004d!important}.credit-amount{font-size:1.1rem!important}.bi-metrics-grid,.pattern-info,.predictive-info{grid-template-columns:1fr}.bi-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px 20px 0}.bi-content{padding:0 20px 20px}.bi-anomalies,.bi-dashboard,.bi-insights,.bi-pattern,.bi-predictive{padding:20px}.anomaly-header,.insight-header{align-items:flex-start;flex-direction:column;gap:5px}.loading-container,.no-data-message{padding:40px 20px}.no-data-icon{font-size:3rem}}.amount-info{color:#10b981;font-size:.85em;font-weight:500;margin-left:8px}.customer-detail .info-card .info-row{align-items:center!important;background:#ffffffb3!important;border:1px solid #0000001a!important;border-radius:4.5px!important;display:flex!important;justify-content:space-between!important;margin-bottom:6px!important;min-height:38px!important;padding:9px 12px!important}.customer-detail .info-card .info-label{color:#495057!important;flex-shrink:0!important;font-size:14px!important;font-weight:600!important;line-height:1.3!important;min-width:150px!important}.customer-detail .info-card .info-value{word-wrap:break-word!important;flex:1 1!important;font-size:14px!important;font-weight:500!important;line-height:1.3!important;max-width:210px!important;text-align:right!important}.customer-detail .info-card .info-row[style*=backgroundColor]:not([style*="#f8f9fa"]){min-height:45px!important;padding:12px 15px!important}.customer-detail .info-card .info-row[style*=backgroundColor]:not([style*="#f8f9fa"]) .info-label{font-size:15px!important;min-width:105px!important}.customer-detail .info-card .info-row[style*=backgroundColor]:not([style*="#f8f9fa"]) .info-value{font-size:15px!important;line-height:1.4!important;max-width:240px!important}.customer-detail .info-card .info-row[style*="#f8f9fa"]{min-height:34px!important;padding:9px 12px!important}.customer-detail .info-card .info-row[style*="#f8f9fa"] .info-value{font-size:13px!important;line-height:1.4!important;max-width:263px!important}.customer-detail .combined-financial-card{max-width:800px!important;min-width:600px!important;width:100%!important}.customer-detail .combined-financial-card .metric-cards-grid{gap:16px!important;margin-bottom:20px!important}.customer-detail .combined-financial-card .metric-card{min-width:140px!important;padding:16px!important}.customer-detail .combined-financial-card .financial-info{gap:12px!important;padding:16px!important}.customer-edit-container{background:#f8f9fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.customer-edit-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px 25px}.header-left{flex:1 1}.back-link{color:#6c757d;display:inline-block;font-size:.9rem;margin-bottom:8px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#007bff;text-decoration:underline}.customer-edit-header h1{align-items:center;color:#2c3e50;display:flex;font-size:1.8rem;gap:10px;margin:0}.customer-name{color:#6c757d;font-size:1.2rem;font-weight:400;margin-left:10px}.header-actions{align-items:flex-start;gap:12px}.btn-status{border:none;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-status.active{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-status.passive{background:linear-gradient(135deg,#dc3545,#fd7e14);color:#fff}.btn-status:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.tab-navigation{box-shadow:0 2px 10px #0000000f}.tab-btn{background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-btn:hover{background:#f8f9fa;color:#495057}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;color:#fff}.customer-form{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;overflow:hidden}.form-group{gap:6px}.form-group.full-width{grid-column:1/-1}.form-group label.required:after{color:#dc3545;content:" *"}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{font-family:inherit;min-height:80px;resize:vertical}.credit-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;grid-column:1/-1;margin-top:20px;padding:20px}.credit-summary h3{color:#2c3e50;font-size:1.1rem;margin:0 0 15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:12px 16px}.summary-item .label{color:#6c757d;font-size:.9rem;font-weight:500}.summary-item .value{color:#2c3e50;font-size:1rem;font-weight:700}.summary-item .value.warning{color:#dc3545}.form-actions{background:#f8f9fa;border-top:1px solid #e9ecef;padding:25px 30px}.btn{font-size:.95rem}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#007bff,#0056b3)}.btn:disabled{box-shadow:none;transform:none}.loading-spinner{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;padding:60px 20px}.spinner{border:4px solid #f3f3f3;border-top-color:#667eea;margin-bottom:15px}.spinner-sm{animation:spin 1s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.loading-spinner p{color:#6c757d;font-size:1.1rem;margin:0}@media (max-width:768px){.customer-edit-container{padding:15px}.customer-edit-header{flex-direction:column;gap:15px;padding:20px}.customer-edit-header h1{font-size:1.5rem}.customer-name{display:block;font-size:1rem;margin-left:0;margin-top:5px}.header-actions{justify-content:flex-end;width:100%}.tab-navigation{padding:6px}.tab-btn{font-size:.85rem;padding:10px 16px}.form-grid{gap:15px;grid-template-columns:1fr}.tab-content{padding:20px}.form-actions{flex-direction:column;padding:20px}.summary-grid{grid-template-columns:1fr}}@media (max-width:480px){.customer-edit-header h1{font-size:1.3rem}.tab-navigation{flex-wrap:wrap;gap:4px}.tab-btn{flex:none;font-size:.8rem;min-width:calc(50% - 2px);padding:8px 12px}.form-input,.form-select,.form-textarea{font-size:.9rem;padding:10px 14px}.btn{font-size:.9rem;padding:10px 20px}}@media print{.customer-edit-header,.form-actions,.tab-navigation{display:none}.customer-edit-container{background:#fff;padding:0}.customer-form{box-shadow:none}}.csv-import{padding:20px 0}.page-header h1{color:#333;margin:0 0 10px}.import-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.import-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.import-card h3{color:#333;margin:0 0 20px}.import-type-selector{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px}.import-type-selector h3{margin-bottom:15px}.type-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.type-option{background:#fafafa;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:block;padding:20px;transition:all .3s ease}.type-option:hover{background:#f3f8ff;border-color:#1976d2}.type-option.selected{background:linear-gradient(135deg,#f3f8ff,#e3f2fd);border-color:#1976d2;box-shadow:0 4px 12px #1976d233}.type-option input[type=radio]{display:none}.option-content{align-items:center;display:flex;gap:15px}.option-icon{font-size:2rem;opacity:.8}.option-text strong{color:#333;display:block;font-size:1.1rem;margin-bottom:5px}.option-text p{color:#666;font-size:.9rem;margin:0}.dropzone{background-color:#fafafa;border:2px dashed #ddd;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s}.dropzone.active{background-color:#f3f8ff;border-color:#1976d2}.dropzone.has-file{background-color:#f8fff8;border-color:#4caf50}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:10px}.upload-icon{font-size:48px;opacity:.6}.dropzone-content p{color:#666;margin:0}.upload-hint{color:#999!important;font-size:14px!important}.file-info{align-items:center;display:flex;gap:15px;padding:10px}.file-icon{font-size:32px}.file-details{flex:1 1;text-align:left}.file-name{color:#333;font-weight:500;margin:0 0 5px}.file-size{color:#666;font-size:14px;margin:0}.upload-actions,.upload-result{margin-top:20px;text-align:center}.upload-result{border-radius:6px;padding:15px}.upload-result.success{background-color:#e8f5e8;border:1px solid #4caf50;color:#2e7d32}.upload-result.error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.import-info{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.import-info h3{color:#333;margin:0 0 15px}.import-info p{color:#666;margin:0 0 15px}.import-info ul{margin:0 0 20px;padding-left:20px}.import-info li{color:#666;font-size:14px;margin-bottom:5px}.import-notes{border-top:1px solid #eee;margin-top:25px;padding-top:20px}.import-notes h4{color:#333;font-size:16px;margin:0 0 10px}@media (max-width:768px){.import-container{gap:20px;grid-template-columns:1fr}.import-card,.import-info{padding:20px}.dropzone{padding:30px 15px}.file-info{flex-direction:column;gap:10px;text-align:center}}.price-management{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:30px}.page-header h1{color:#2c3e50;text-shadow:2px 2px 4px #0000001a}.page-header p{color:#6c757d;font-size:1.2em;margin:0}.tab-navigation{border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:10px}.tab-button{border-radius:10px;font-weight:600;margin:0 5px}.tab-button:hover{background:#e3f2fd;color:#1976d2}.tab-button.active{background:linear-gradient(135deg,#1976d2,#42a5f5);box-shadow:0 4px 15px #1976d24d}.tab-content{border-radius:15px;box-shadow:0 4px 15px #0000001a}.controls-section{margin-bottom:30px}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-input{border:2px solid #e9ecef;border-radius:10px;flex:1 1;min-width:300px;padding:12px 20px}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.btn{display:inline-flex}.btn-primary{background:linear-gradient(135deg,#1976d2,#42a5f5)}.btn-primary:hover{background:linear-gradient(135deg,#1565c0,#1976d2);box-shadow:0 4px 15px #1976d24d}.btn-secondary:hover{background:#5a6268}.btn-warning{background:#ffc107;color:#212529}.btn-warning:hover{background:#e0a800;transform:translateY(-2px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838;transform:translateY(-2px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-2px)}.btn-sm{font-size:12px;padding:6px 12px}.btn-large{font-size:16px;font-weight:700;padding:15px 30px}.price-table-container{border-radius:15px;box-shadow:0 4px 15px #0000001a;overflow-x:auto}.price-table{background:#fff;border-radius:15px}.price-table th{background:linear-gradient(135deg,#2c3e50,#34495e);padding:15px;text-align:left}.price-table td{border-bottom:1px solid #e9ecef;padding:15px;vertical-align:middle}.price-table tr:hover{background:#f8f9fa}.price-table tr:last-child td{border-bottom:none}.price-type-badge{border-radius:20px;font-size:12px;font-weight:600;padding:6px 12px;text-transform:uppercase}.price-type-badge.counter{background:#e3f2fd;color:#1976d2}.rule-info .rule-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.rule-info .rule-description{color:#6c757d;font-size:12px}.price-value{color:#28a745;font-size:16px;font-weight:700}.quantity-range{background:#f8f9fa;border-radius:6px;color:#495057;font-weight:600;padding:6px 12px}.discount-value{color:#dc3545;font-weight:600}.status-badge{font-size:12px}.status-badge.aktif{background:#d4edda;color:#155724}.status-badge.pasif{background:#f8d7da;color:#721c24}.edit-input{border:2px solid #1976d2;border-radius:6px;font-size:14px;padding:8px 12px}.edit-input:focus{box-shadow:0 0 0 3px #1976d21a;outline:none}.price-input{width:100px}.discount-input{width:80px}.calculator-section{margin:0 auto;max-width:600px}.calculator-section h3{color:#2c3e50;font-size:1.8em;margin-bottom:30px;text-align:center}.calculator-form{background:#f8f9fa;border-radius:15px;margin-bottom:30px;padding:30px}.form-input,.form-select{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}.form-input:focus,.form-select:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.calculation-result{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border:2px solid #1976d2;border-radius:15px;padding:30px}.calculation-result h4{color:#1976d2;margin-bottom:20px;text-align:center}.result-item{align-items:center;border-bottom:1px solid #1976d21a;display:flex;justify-content:space-between;padding:12px 0}.result-item:last-child{border-bottom:none}.result-value{color:#2c3e50;font-weight:700}.result-value.total{color:#28a745;font-size:1.2em}.history-section h3{color:#2c3e50;font-size:1.8em;margin-bottom:30px;text-align:center}.history-filters{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.history-filters .form-input{flex:1 1;min-width:200px}.no-data{color:#6c757d;font-size:1.1em;font-style:italic;padding:40px;text-align:center}.modal-header{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px 15px 0 0}.modal-header h3{font-size:1.5em}.modal-close{font-size:18px;height:35px;transition:all .3s ease;width:35px}.modal-close:hover{transform:scale(1.1)}.modal-footer{background:#f8f9fa;border-radius:0 0 15px 15px}@media (max-width:768px){.price-management{padding:10px}.page-header{padding:20px}.page-header h1{font-size:2em}.tab-navigation{flex-direction:column;gap:10px}.tab-button{text-align:center;width:100%}.tab-content{padding:20px}.search-controls{flex-direction:column}.search-input{min-width:auto}.price-table-container{font-size:14px}.price-table td,.price-table th{padding:10px 8px}.form-row{grid-template-columns:1fr}.history-filters{flex-direction:column}.modal-content{margin:10px;width:95%}.calculation-result,.calculator-form,.modal-body,.modal-footer,.modal-header{padding:20px}}@media (max-width:480px){.page-header h1{font-size:1.8em}.action-buttons{flex-direction:column;gap:5px}.btn-sm{font-size:11px;padding:8px 12px}}.price-list-generator-container{background:#f8f9fa;border-radius:12px;margin:20px 0;padding:20px;text-align:center}.price-list-content{background:linear-gradient(135deg,#4a90e2,#357abd);border:3px solid #fff;border-radius:15px;box-shadow:0 8px 25px #00000026;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto 30px;max-width:1200px;overflow:hidden}.price-list-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;color:#fff;padding:25px 20px;text-align:center}.price-list-header h1{font-size:2.5em;font-weight:700;margin:0 0 10px;text-shadow:2px 2px 4px #0000004d}.price-list-header h2{font-size:1.3em;font-weight:300;margin:0 0 15px;opacity:.9}.price-list-header .date,.price-list-header .kdv-info,.price-list-header .note{font-size:.9em;font-weight:500;margin:5px 0;opacity:.9}.price-list-body{display:flex;flex-direction:column;gap:30px;padding:30px}.main-content-grid{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:2fr 1fr}.price-section{margin-bottom:0}.price-section h3{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-bottom:3px solid #ffffff4d;border-radius:8px;color:#fff;font-size:1.5em;margin-bottom:20px;padding:15px;text-align:center}.price-table{background:#fffffff2;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 15px #0003;color:#2c3e50;margin:20px 0;overflow:hidden;width:100%}.price-table th{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;font-weight:600;padding:15px 12px}.price-table td,.price-table th{font-size:14px;text-align:center}.price-table td{border-bottom:1px solid #ecf0f1;padding:12px}.price-table tbody tr:nth-child(2n){background:#f8f9fa}.price-table tbody tr:hover{background:#e3f2fd;transition:background-color .3s ease}.price-table td:nth-child(2),.price-table td:nth-child(3){color:#27ae60;font-weight:600}.additional-services{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:25px}.additional-services h3{border-bottom:2px solid #ffffff4d;color:#fff;font-size:1.3em;margin-bottom:20px;padding-bottom:8px;text-align:center}.services-list{display:flex;flex-direction:column;gap:12px;margin-top:20px}.service-item{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:space-between;padding:15px}.service-name{color:#2c3e50;font-weight:500}.service-price{color:#e74c3c;font-size:1.1em;font-weight:700}.price-list-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;color:#fff;font-size:13px;padding:20px;text-align:center}.price-list-footer p{margin:5px 0;opacity:.9}.generate-image-btn{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 15px #28a7454d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease}.generate-image-btn:hover{background:linear-gradient(135deg,#218838,#1ea080);box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.generate-image-btn:active{box-shadow:0 2px 10px #28a7454d;transform:translateY(0)}@media (max-width:768px){.price-list-content{margin:0 10px 20px;max-width:100%}.main-content-grid{gap:20px;grid-template-columns:1fr}.price-list-header{padding:20px 15px}.price-list-header h1{font-size:2em}.price-list-header h2{font-size:1.1em}.price-list-body{padding:20px 15px}.price-table td,.price-table th{font-size:12px;padding:8px 6px}.generate-image-btn{font-size:14px;padding:12px 20px}}@media (max-width:480px){.price-list-header h1{font-size:1.8em}.price-table{font-size:11px}.price-table td,.price-table th{padding:6px 4px}}.share-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.share-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000004d;max-height:95vh;max-width:1000px;overflow-y:auto;width:95%}.share-modal .modal-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#20c997);border-bottom:1px solid #e9ecef;border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 30px}.share-modal .modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.share-modal .modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.share-modal .modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.instruction-modal .modal-header{align-items:center;background:linear-gradient(135deg,#4a90e2,#20c997,#17a2b8);border-bottom:none;border-radius:25px 25px 0 0;color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:25px 30px;position:relative}.instruction-modal .modal-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.instruction-modal .modal-header h3{font-size:1.6em;font-weight:700;letter-spacing:.5px;margin:0;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.instruction-modal .modal-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;font-size:1.8em;padding:8px;position:relative;transition:all .3s ease;z-index:1}.instruction-modal .modal-close:hover{background:#ffffff4d;box-shadow:0 4px 15px #0003;transform:rotate(90deg) scale(1.1)}.modal-body{grid-gap:30px;align-items:start;display:grid;gap:30px;grid-template-columns:1fr 1fr}.image-preview{background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;height:fit-content;margin-bottom:0;max-height:70vh;overflow-y:auto;padding:20px;text-align:center}.image-preview::-webkit-scrollbar{width:8px}.image-preview::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.image-preview::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4a90e2,#357abd);border-radius:4px}.image-preview::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#357abd,#2968a3)}.preview-image{border-radius:8px;box-shadow:0 4px 15px #0000001a;max-height:none;max-width:100%}.share-options h4{border-bottom:2px solid #4a90e2;color:#2c3e50;font-size:1.2em;margin-bottom:20px;padding-bottom:8px}.share-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.share-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.whatsapp-btn{background:linear-gradient(135deg,#25d366,#20ba5a);color:#fff}.whatsapp-btn:hover{background:linear-gradient(135deg,#20ba5a,#1da851);box-shadow:0 6px 20px #25d3664d;transform:translateY(-2px)}.download-btn{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.download-btn:hover{background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 6px 20px #6c757d4d;transform:translateY(-2px)}.send-btn{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.send-btn:hover{background:linear-gradient(135deg,#0056b3,#004085);box-shadow:0 6px 20px #007bff4d;transform:translateY(-2px)}.clipboard-btn{background:linear-gradient(135deg,#17a2b8,#138496);color:#fff}.clipboard-btn:hover{background:linear-gradient(135deg,#138496,#117a8b);box-shadow:0 6px 20px #17a2b84d;transform:translateY(-2px)}.phone-input-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:25px;padding:20px}.phone-input-section h5{color:#495057;font-size:1.1em;margin-bottom:15px}.phone-input-group{display:flex;gap:10px}.phone-input{border:1px solid #ced4da;border-radius:8px;flex:1 1;font-size:14px;padding:12px 15px;transition:border-color .3s ease}.phone-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.instructions{background:#e3f2fd;border-left:4px solid #2196f3;border-radius:12px;padding:20px}.instructions h5{color:#1976d2;font-size:1.1em;margin-bottom:15px}.instructions ol{color:#424242;margin:0;padding-left:20px}.instructions li{line-height:1.5;margin-bottom:8px}@media (max-width:768px){.share-modal{margin:10px;max-width:100%;width:95%}.modal-body{gap:20px;grid-template-columns:1fr;padding:20px}.image-preview{max-height:60vh;order:-1}.preview-image{max-height:none}.share-buttons{grid-template-columns:1fr}.phone-input-group{flex-direction:column}}.instruction-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4a90e2e6,#357abde6);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.instruction-modal{animation:instructionSlideIn .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9fa);border:2px solid #ffffff4d;border-radius:25px;box-shadow:0 25px 60px #0000004d;max-height:95vh;max-width:800px;overflow-y:auto;width:95%}@keyframes instructionSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.8) rotateY(10deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0deg)}}.step-instructions{margin-bottom:30px;padding:0 10px}.step-item{align-items:flex-start;background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #4a90e233;border-radius:20px;box-shadow:0 8px 25px #00000014;display:flex;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-item:before{background:linear-gradient(90deg,#4a90e2,#20c997,#ffc107,#e74c3c);content:"";height:4px;left:0;position:absolute;top:0;transform:scaleX(0);transition:transform .4s ease;width:100%}.step-item:hover{background:linear-gradient(135deg,#f8f9fa,#e3f2fd);box-shadow:0 15px 40px #4a90e233;transform:translateY(-5px) scale(1.02)}.step-item:hover:before{transform:scaleX(1)}.step-number{align-items:center;background:linear-gradient(135deg,#4a90e2,#20c997);border-radius:50%;box-shadow:0 8px 20px #4a90e266;color:#fff;display:flex;flex-shrink:0;font-size:1.4em;font-weight:700;height:50px;justify-content:center;margin-right:25px;overflow:hidden;position:relative;width:50px}.step-number:before{background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s ease;width:200%}.step-item:hover .step-number:before{animation:shimmer 1.5s ease-in-out;opacity:1}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.step-content h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4a90e2,#20c997);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.3em;font-weight:700;margin:0 0 12px}.step-content p{color:#495057;font-size:1.05em;line-height:1.6;margin:0 0 8px}.step-content small{background:#6c757d1a;border-radius:8px;color:#6c757d;display:inline-block;font-size:.9em;font-style:italic;margin-top:5px;padding:4px 8px}.quick-tips{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:2px solid #28a745;border-radius:20px;box-shadow:0 10px 30px #28a74526;margin-bottom:25px;overflow:hidden;padding:30px;position:relative}.quick-tips:before{animation:floatingLight 4s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes floatingLight{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-30%,-30%) rotate(180deg)}}.quick-tips h4{align-items:center;display:flex;font-size:1.4em;font-weight:700;gap:12px;margin-bottom:20px}.quick-tips h4,.quick-tips ul{color:#155724;position:relative;z-index:1}.quick-tips ul{margin:0;padding-left:25px}.quick-tips li{border-bottom:1px solid #1557241a;font-size:1.05em;line-height:1.8;margin-bottom:15px;padding:8px 0;transition:all .3s ease}.quick-tips li:hover{background:#ffffff4d;border-radius:8px;padding-left:10px}.quick-tips strong{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#28a745,#20c997);-webkit-background-clip:text;background-clip:text;color:#0d4419;font-weight:700}.modal-actions{background:linear-gradient(135deg,#f8f9facc,#e9ecef80);border-radius:0 0 25px 25px;border-top:2px solid #4a90e21a;padding:30px 20px 20px;text-align:center}.understand-btn{background:linear-gradient(135deg,#28a745,#20c997,#17a2b8);border:none;border-radius:50px;box-shadow:0 8px 25px #28a74566;color:#fff;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:18px 40px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.4,0,.2,1)}.understand-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.understand-btn:hover{background:linear-gradient(135deg,#20c997,#17a2b8,#6f42c1);box-shadow:0 15px 40px #28a74599;transform:translateY(-4px) scale(1.05)}.understand-btn:hover:before{left:100%}.understand-btn:active{transform:translateY(-2px) scale(1.02)}@media (max-width:768px){.instruction-modal{border-radius:20px;margin:10px;max-height:90vh;width:98%}.instruction-modal .modal-header{border-radius:20px 20px 0 0;padding:20px 25px}.instruction-modal .modal-header h3{font-size:1.3em}.step-item{flex-direction:column;margin-bottom:15px;padding:20px;text-align:center}.step-number{font-size:1.2em;height:45px;margin:0 auto 15px;width:45px}.step-content h4{font-size:1.2em;margin-bottom:10px}.step-content p{font-size:1em}.quick-tips{margin:15px 10px;padding:20px}.quick-tips h4{font-size:1.2em;margin-bottom:15px}.quick-tips li{font-size:1em;margin-bottom:12px}.understand-btn{font-size:16px;padding:15px 30px}.modal-actions{padding:25px 15px 15px}}@media (max-width:480px){.instruction-modal{margin:8px;width:96%}.instruction-modal .modal-header{padding:15px 20px}.instruction-modal .modal-header h3{font-size:1.1em}.step-item{padding:15px}.step-number{height:40px;width:40px}.step-content h4,.step-number{font-size:1.1em}.understand-btn{font-size:14px;padding:12px 25px}}.whatsapp-center{margin:0 auto;max-width:1400px;padding:20px}.stats-grid{margin:20px 0}.stat-item{background:#f8f9fa;border-left:4px solid #007bff;padding:10px 15px}.stat-label{color:#6c757d;font-size:14px;font-weight:600}.stat-value{color:#2c3e50;font-size:16px}.template-preview{margin:20px 0}.template-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.btn-edit-template{background:#17a2b8;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s ease}.btn-edit-template:hover{background:#138496;transform:translateY(-1px)}.template-params{background:#f1f3f4;border-radius:8px;margin:15px 0;padding:15px}.params-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.param-tag{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 8px}.send-actions{display:flex;gap:10px}.btn-copy,.btn-send{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-send{background:#28a745}.btn-send:hover{background:#218838}.btn-copy{background:#6c757d}.btn-copy:hover{background:#5a6268;transform:translateY(-2px)}.page-header{text-align:center}.page-header h1{color:#25d366;font-size:2.5em;margin-bottom:10px}.page-header p{color:#666;font-size:1.1em}.tab-navigation{border-bottom:2px solid #e0e0e0;justify-content:center;margin-bottom:30px}.tab-button{border-bottom:3px solid #0000;font-size:1.1em;margin:0 10px;padding:15px 25px}.tab-button:hover{background-color:#f5f5f5;color:#25d366}.tab-button.active{border-bottom-color:#25d366;color:#25d366;font-weight:700}.tab-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.message-sender{margin:0 auto;max-width:900px}.customer-selector{margin-bottom:25px}.customer-selector label{color:#333;display:block;font-weight:700;margin-bottom:8px}.customer-selector select{border:2px solid #ddd;border-radius:8px;font-size:1em;padding:12px;width:100%}.customer-stats{background:linear-gradient(135deg,#e8f5e8,#f0f8f0);border:2px solid #25d366;border-radius:10px;margin-bottom:25px;padding:20px}.customer-stats h4{color:#25d366;font-size:1.2em;margin-bottom:15px}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:#fff;border-left:4px solid #25d366;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:12px}.stat-label{display:block;font-size:.85em;margin-bottom:4px}.stat-value{color:#333;display:block;font-size:1.1em}.help-text{color:#666;display:block;font-style:italic;margin-top:5px}.send-actions{margin-top:20px;text-align:center}.btn-send{background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;padding:15px 30px;transition:all .3s ease}.btn-send:hover{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 4px 15px #25d3664d;transform:translateY(-2px)}.template-selector{margin-bottom:20px}.template-selector label{color:#333;display:block;font-weight:700;margin-bottom:8px}.template-selector select{border:2px solid #ddd;border-radius:8px;font-size:1em;padding:12px;width:100%}.template-preview{background:#f8f9fa;border-left:4px solid #25d366;border-radius:10px;margin-top:20px;padding:20px}.template-preview h4{color:#25d366;margin-bottom:15px}.message-preview{background:#fff;border:1px solid #ddd;border-radius:8px;font-family:monospace;line-height:1.5;padding:15px;white-space:pre-wrap}.message-history{width:100%}.history-filters{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:20px}.filter-row{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#333;display:block;font-weight:700;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:5px;font-size:1em;padding:8px 12px;width:100%}.message-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:10px;color:#fff;flex:1 1;min-width:120px}.stat-number{display:block;font-size:2em;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9em;opacity:.9}.loading{font-size:1.2em}.loading,.no-messages{color:#666;padding:40px}.no-messages{text-align:center}.no-messages p{font-size:1.1em;margin:10px 0}.messages-table-container{border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.messages-table{background:#fff;border-collapse:collapse;width:100%}.messages-table td,.messages-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.messages-table th{background:#f8f9fa;color:#333;font-weight:700;position:sticky;top:0}.messages-table tr:hover{background:#f8f9fa}.status{border-radius:15px;font-size:.85em;font-weight:700;padding:4px 8px;white-space:nowrap}.status-sent{background:#d4edda;color:#155724}.status-delivered{background:#cce7ff;color:#004085}.status-read{background:#e2e3e5;color:#383d41}.status-failed{background:#f8d7da;color:#721c24}.status-pending{background:#fff3cd;color:#856404}.message-preview-cell{line-height:1.4;max-width:200px;overflow:hidden;text-overflow:ellipsis}.action-buttons{gap:5px}.action-buttons button{background:none;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1em;padding:5px 8px;transition:all .2s ease}.action-buttons button:hover{background:#f0f0f0}.btn-resend:hover{background:#fff3cd;border-color:#ffc107}.btn-view:hover{background:#e2e3e5;border-color:#6c757d}.pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin-top:20px;padding:20px}.pagination button{background:#25d366;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background .3s ease}.pagination button:hover:not(:disabled){background:#128c7e}.pagination button:disabled{background:#ccc;cursor:not-allowed}.page-info{color:#333;font-weight:700}.template-manager{margin:0 auto;max-width:1200px}.templates-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.template-card{background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:20px;transition:transform .2s ease}.template-card:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.template-card h4{color:#25d366;font-size:1.2em;margin-bottom:15px}.template-card .template-preview{background:#f8f9fa;border-radius:8px;font-size:.9em;line-height:1.4;margin-bottom:15px;padding:15px;white-space:pre-wrap}.template-actions{display:flex;gap:10px}.template-actions button{border:1px solid #ddd;border-radius:5px;cursor:pointer;flex:1 1;font-size:.9em;padding:8px 12px;transition:all .2s ease}.btn-edit{background:#fff3cd;border-color:#ffc107;color:#856404}.btn-edit:hover{background:#ffecb5}.btn-test{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.btn-test:hover{background:#bee5eb}.template-editor-modal-wide{height:84vh!important;max-height:880px!important;max-width:1440px!important;width:78vw!important}.template-editor-modal-wide .modal-body{flex:1 1;overflow:hidden;padding:20px}.template-editor-horizontal{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1.1fr 403px;grid-template-rows:1fr 198px}.editor-parameters-section{background:#fff3cd;border:2px solid #ffc107;border-radius:12px;display:flex;flex-direction:row;gap:10px;grid-column:1/-1;grid-row:2;height:100%;overflow-x:auto;padding:15px}.editor-main-content{background:#fff;border:3px solid #dc3545;border-radius:12px;grid-column:1;grid-row:1;height:100%;min-height:0;padding:20px}.editor-preview-section{background:#d4edda;border:3px solid #28a745;border-radius:12px;grid-column:2;grid-row:1;height:100%;overflow-y:auto;padding:12px}.editor-header-actions{align-items:center;display:flex;gap:8px;position:absolute;right:50px;top:20px;z-index:10}.parameters-section{margin-bottom:20px}.parameters-grid{margin-top:0}.param-btn{border:2px solid #ffc107;border-radius:8px;box-shadow:0 2px 4px #ffc10733;color:#856404;font-size:13px;padding:10px 15px;white-space:nowrap}.param-btn:hover{background:#ffc107;transform:translateY(-1px)}.template-textarea-large{background:#fefefe;border:none;box-shadow:inset 0 2px 6px #dc35451a;font-size:16px;height:100%;min-height:350px;padding:20px}.template-textarea-large:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a}.live-preview-container{margin-bottom:20px}.whatsapp-app-preview{background:#0a1014;border-radius:12px;box-shadow:0 6px 20px #0000004d;display:flex;flex-direction:column;height:100%;margin:5px auto;max-height:500px;min-height:400px;overflow:hidden;width:368px}.whatsapp-header{align-items:center;background:#202c33;border-bottom:1px solid #3b4a54;color:#e9edef;display:flex;gap:10px;padding:12px}.contact-avatar-circle{align-items:center;background:#00a884;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.contact-info-text{flex:1 1}.contact-name-text{color:#e9edef;font-size:16px;font-weight:500;margin-bottom:2px}.contact-status-text{color:#8696a0;font-size:13px}.whatsapp-chat-area{background:#0b141a;background-image:radial-gradient(circle at 25% 25%,#ffffff05 0,#0000 50%),radial-gradient(circle at 75% 75%,#ffffff05 0,#0000 50%);flex:1 1;overflow-y:auto;padding:15px}.whatsapp-message-bubble{background:#005c4b;border-radius:12px 12px 4px 12px;box-shadow:0 2px 8px #0000004d;color:#e9edef;margin-bottom:8px;margin-left:auto;max-width:85%;padding:12px 16px;position:relative}.whatsapp-message-content{word-wrap:break-word;font-family:Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.4;white-space:pre-wrap}.whatsapp-message-time{align-items:center;color:#8696a0;display:flex;font-size:11px;gap:4px;justify-content:flex-end;margin-top:6px;text-align:right}.whatsapp-checkmarks{color:#53bdeb;font-size:12px}.whatsapp-phone-preview{align-items:flex-start}.phone-frame{background:#e5ddd5;border:8px solid #333;display:flex;flex-direction:column;height:500px;overflow:hidden}.phone-header{padding:15px}.phone-messages{flex:1 1}.message-bubble{word-wrap:break-word;margin-bottom:10px}.message-content{font-size:13px;padding:10px 12px}.message-time{color:#666;padding:2px 12px 8px;text-align:right}.editor-actions{border-top:2px solid #eee;padding:15px 0}.btn-cancel,.btn-copy,.btn-reset,.btn-save{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:4px;padding:8px 12px;transition:all .3s ease;white-space:nowrap}.btn-save:hover{transform:translateY(-2px)}.btn-cancel:hover{background:#545b62}.save-icon{font-size:16px}.editor-help{border-left:4px solid #28a745;border-radius:8px;margin-top:15px;padding:12px}.editor-help p{color:#495057;font-size:12px;line-height:1.4;margin:4px 0}@media (max-width:1400px){.template-editor-horizontal{grid-template-columns:1.1fr 368px;grid-template-rows:1fr 160px}}@media (max-width:1200px){.template-editor-horizontal{gap:20px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.editor-parameters-section{grid-row:1;max-height:200px}.editor-main-content{grid-row:2;min-height:400px}.editor-preview-section{grid-row:3;min-height:300px}.editor-bottom-actions{grid-row:4}.parameters-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.whatsapp-center{padding:10px}.template-editor-modal-wide{height:95vh!important;width:98vw!important}.tab-navigation{align-items:center;flex-direction:column}.tab-button{margin:5px 0;width:200px}.filter-row,.message-stats{flex-direction:column}.messages-table-container{font-size:.9em}.templates-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:10px}.parameters-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.phone-frame{height:350px;width:220px}}.template-editor-modal{height:85vh;max-width:1400px;width:95%}.template-editor-modal,.template-editor-modal-wide{background:#fff;border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.template-editor-modal-wide{box-shadow:0 10px 30px #0000004d;height:90vh;max-width:2200px;width:98%}.modal-header{background:#f8f9fa;border-radius:12px 12px 0 0;padding:20px}.modal-close{background:#dc3545;border-radius:50%;color:#fff;font-size:16px;font-weight:700;height:30px;width:30px}.modal-close:hover{background:#c82333}.modal-body{display:flex;flex:1 1;flex-direction:row;gap:20px;overflow:hidden;padding:20px}.template-editor{display:flex;flex-direction:column;gap:20px;height:100%}.template-editor-horizontal{display:flex;flex-direction:row;gap:25px;height:100%;width:100%}.editor-main-content{flex:1 1;max-width:500px;min-width:400px;overflow:visible}.editor-content-row{display:none}.editor-textarea-section{flex:1 1;max-width:500px;min-width:400px}.editor-preview-section{flex:2 1;flex-direction:row;gap:20px;min-width:600px}.live-preview-container,.whatsapp-preview-container{display:flex;flex:1 1;flex-direction:column}.parameters-section{margin-bottom:15px}.parameters-grid{display:flex;flex-wrap:wrap}.template-textarea-large{border:1px solid #ced4da;box-sizing:border-box;font-family:Courier New,monospace;min-height:300px}.live-preview,.template-textarea-large{font-size:14px;line-height:1.6;padding:15px}.live-preview{background:#f8f9fa;border:1px solid #e9ecef;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:200px}.editor-info{background:#e3f2fd;border-radius:8px;padding:15px;text-align:center}.editor-info h4{color:#1976d2;margin:0 0 10px}.editor-info p{color:#424242;margin:0}.editor-section{border:1px solid #e9ecef;border-radius:8px;padding:15px}.editor-section h5{color:#2c3e50;font-size:16px;margin:0 0 15px}.available-params{display:flex;flex-wrap:wrap;gap:8px}.param-button{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .3s ease}.param-button:hover{background:#1976d2;color:#fff;transform:translateY(-1px)}.template-textarea{border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;font-family:Courier New,monospace;font-size:14px;line-height:1.6;min-height:300px;padding:15px;resize:vertical;width:100%}.template-textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.whatsapp-phone-preview{display:flex;justify-content:center;margin-top:15px}.phone-frame{background:#000;border-radius:25px;box-shadow:0 8px 25px #0000004d;height:400px;padding:8px;width:280px}.phone-header{background:#075e54;border-radius:15px 15px 0 0;color:#fff;padding:12px 15px}.contact-info,.phone-header{align-items:center;display:flex;gap:10px}.contact-avatar{align-items:center;background:#128c7e;border-radius:50%;display:flex;font-size:16px;height:35px;justify-content:center;width:35px}.contact-details{flex:1 1}.contact-name{font-size:16px;font-weight:700}.contact-status{font-size:12px;opacity:.8}.phone-messages{background:#e5ddd5;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' x='0' y='0' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");border-radius:0 0 15px 15px;height:calc(100% - 59px);overflow-y:auto;padding:15px}.message-bubble{margin-bottom:8px;max-width:85%;position:relative}.message-bubble.outgoing{background:#dcf8c6;border-radius:15px 15px 5px 15px;box-shadow:0 1px 2px #0000001a;margin-left:auto}.message-content{word-wrap:break-word;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4;padding:8px 12px 20px}.message-content strong{font-weight:700}.message-content em{font-style:italic}.message-time{align-items:center;bottom:4px;color:#667781;display:flex;font-size:11px;gap:2px;position:absolute;right:8px}.editor-help{background:#fff3cd;border-left:4px solid #ffc107;padding:10px}.editor-help p{color:#856404;font-size:13px;margin:5px 0}.template-preview-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;max-height:300px;overflow-y:auto;padding:20px;white-space:pre-wrap}.editor-actions{flex-wrap:wrap;justify-content:center;padding-top:20px}.btn-cancel,.btn-reset,.btn-save,.btn-test-template{border:none;border-radius:6px;cursor:pointer;font-weight:600;min-width:120px;padding:12px 20px;transition:all .3s ease}.btn-test-template{background:#17a2b8;color:#fff}.btn-test-template:hover{background:#138496}.template-header{margin-bottom:30px;text-align:center}.template-header h3{color:#2c3e50;margin-bottom:10px}.template-header p{color:#6c757d;font-size:16px}.template-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.template-card-header h4{color:#2c3e50;font-size:18px;margin:0}.editable-badge{background:#28a745;border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:4px 8px}.template-preview-short{background:#f8f9fa;border-left:4px solid #007bff;border-radius:8px;color:#495057;font-family:monospace;font-size:13px;line-height:1.5;margin-bottom:15px;padding:15px}.template-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.params-count{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:12px;font-weight:600;padding:6px 12px}.template-params-preview{display:flex;flex-wrap:wrap;gap:5px}.param-preview{background:#f1f3f4;color:#5f6368}.param-more,.param-preview{border-radius:4px;font-size:10px;padding:2px 6px}.param-more{background:#6c757d;color:#fff}.btn-preview{background:#17a2b8;color:#fff}.btn-preview:hover{background:#138496;transform:translateY(-1px)}.btn-visual{background:#6f42c1;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px;transition:all .3s ease}.btn-visual:hover{background:#5a32a3;transform:translateY(-1px)}.price-list-visual-generator{max-width:100%;overflow-x:auto}.template-editor-horizontal{padding:0}.editor-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px;text-align:center}.editor-header h4{color:#2c3e50;font-size:1.5em;margin:0 0 10px}.editor-header p{color:#6c757d;margin:0}.editor-main-content{display:flex;flex-direction:column;gap:15px;height:calc(85vh - 160px);overflow:hidden;padding:15px}.parameters-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;flex-shrink:0;padding:12px}.editor-content-row{grid-gap:15px;display:grid;flex:1 1;gap:15px;grid-template-columns:1fr 1fr;min-height:0}.editor-textarea-section{background:#fff}.editor-preview-section,.editor-textarea-section{border:1px solid #e9ecef;border-radius:8px;display:flex;flex-direction:column;min-height:0;padding:15px}.editor-preview-section{background:#f1f3f4}.editor-preview-section h5,.editor-textarea-section h5,.parameters-section h5{border-bottom:2px solid #1976d2;color:#2c3e50;flex-shrink:0;font-size:1em;margin:0 0 10px;padding-bottom:5px}.parameters-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.param-btn{background:#fff;border:2px solid #1976d2;border-radius:6px;color:#1976d2;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;text-align:center;transition:all .2s ease}.param-btn:hover{background:#1976d2;box-shadow:0 4px 12px #1976d24d;color:#fff;transform:translateY(-2px)}.template-textarea-large{background:#fff;border:2px solid #e9ecef;border-radius:8px;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;line-height:1.5;min-height:0;padding:12px;resize:none;transition:border-color .3s ease;width:100%}.template-textarea-large:focus{background:#fff;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.live-preview{background:#fff;border:2px solid #e9ecef;border-left:4px solid #1976d2;border-radius:8px;color:#2c3e50;flex:1 1;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:13px;line-height:1.5;min-height:0;overflow-y:auto;padding:12px;white-space:pre-wrap}.editor-help{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-shrink:0;margin-top:10px;padding:8px}.editor-help p{color:#6c757d;font-size:11px;margin:3px 0}.editor-help code{background:#fff;border:1px solid #dee2e6;border-radius:4px;color:#e83e8c;font-family:Courier New,monospace;padding:2px 6px}.editor-actions{align-items:center;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;padding:15px 20px}.editor-actions,.editor-actions>div{display:flex;gap:10px}.editor-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s ease}.btn-save{background:#28a745;color:#fff}.btn-save:hover{background:#218838}.btn-copy{background:#17a2b8;color:#fff}.btn-copy:hover{background:#138496}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover{background:#5a6268}.btn-reset{background:#ffc107;color:#212529}.btn-reset:hover{background:#e0a800}@media (max-width:768px){.template-editor-modal-content{height:90vh;width:98%}.editor-content-row{gap:10px;grid-template-columns:1fr}.parameters-grid{gap:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.param-btn{font-size:11px;padding:4px 8px}.editor-actions{flex-direction:column;gap:8px;padding:10px 15px}.editor-actions button{margin:0;width:100%}.editor-main-content{gap:10px;padding:10px}}.smm-container{background:#f8f9fa;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.smm-header{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-bottom:15px;padding:20px;text-align:center}.smm-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:1.9rem;margin:0 0 8px}.smm-header p{color:#6c757d;font-size:1rem;margin:0 0 12px}.smm-tabs{border-bottom:2px solid #f1f3f4;display:flex;gap:8px;justify-content:center;margin-top:12px;padding-bottom:8px}.tab-button{background:none;padding:8px 16px}.tab-button:hover{background:#f8f9fa;color:#495057}.tab-button.active{box-shadow:0 2px 10px #667eea4d}.tab-content{animation:fadeIn .3s ease-in-out;margin-top:10px}.overview-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;padding:30px}.overview-section h2{border-bottom:2px solid #f1f3f4;color:#2c3e50;margin-bottom:25px;padding-bottom:15px;text-align:center}.overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.overview-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;padding:25px;transition:all .3s ease}.overview-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.overview-card h3{color:#2c3e50;font-size:1.2rem;margin-bottom:15px;text-align:center}.overview-content{text-align:center}.overview-name{color:#2c3e50;font-size:1.5rem;font-weight:700;margin-bottom:8px}.overview-stat{color:#495057;font-size:1.1rem;margin-bottom:5px}.overview-detail{color:#6c757d;font-size:1rem}.overview-stats{display:flex;flex-direction:column;gap:10px}.stat-item{border-bottom:1px solid #f1f3f4}.stat-item:last-child{border-bottom:none}.stat-item span:first-child{color:#495057;font-weight:500}.stat-item span:last-child{color:#2c3e50;font-weight:600}.smm-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:15px}.smm-stat-card{align-items:center;background:#fff;border-left:4px solid #667eea;border-radius:15px;box-shadow:0 4px 20px #00000014;display:flex;padding:18px;transition:transform .3s ease,box-shadow .3s ease}.smm-stat-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.smm-stat-card .stat-icon{font-size:2.5rem;margin-right:20px;opacity:.8}.smm-stat-card .stat-content{flex:1 1}.smm-stat-card .stat-value{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:5px}.smm-stat-card .stat-label{color:#6c757d;font-size:1rem;font-weight:500}.smm-charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:30px}.smm-chart-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:25px;transition:transform .3s ease}.smm-chart-card.wide{grid-column:1/-1}.smm-chart-card:hover{transform:translateY(-3px)}.smm-chart-card h3{border-bottom:2px solid #f1f3f4;color:#2c3e50;font-size:1.3rem;margin:0 0 20px;padding-bottom:15px;text-align:center}.chart-container{height:300px;position:relative}.smm-detailed-analysis{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:30px 0;padding:30px}.smm-detailed-analysis h2{border-bottom:2px solid #f1f3f4;color:#2c3e50;font-size:1.8rem;margin-bottom:25px;padding-bottom:15px;text-align:center}.consultant-performance-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.consultant-performance-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:15px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.consultant-performance-card:before{background:linear-gradient(90deg,#6f42c1,#9c27b0);content:"";height:4px;left:0;position:absolute;right:0;top:0}.consultant-performance-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.consultant-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;margin-bottom:20px;padding-bottom:15px}.consultant-avatar{align-items:center;background:linear-gradient(135deg,#6f42c1,#9c27b0);border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:60px;justify-content:center;margin-right:15px;width:60px}.consultant-info h4{color:#2c3e50;font-size:1.2rem;margin:0}.consultant-title{color:#6c757d;font-size:.9rem;font-style:italic}.consultant-metrics{margin-bottom:20px}.metric-row{align-items:center;border-bottom:1px solid #f1f3f4;display:flex;justify-content:space-between;padding:10px 0}.metric-row:last-child{border-bottom:none}.metric-label{color:#495057;font-size:.95rem;font-weight:500}.metric-value{color:#2c3e50;font-size:1rem;font-weight:600}.performance-indicator{border-radius:20px;font-size:.85rem;font-weight:600;padding:4px 12px}.performance-indicator.high{background:#d4edda;color:#155724}.performance-indicator.medium{background:#fff3cd;color:#856404}.performance-indicator.low{background:#f8d7da;color:#721c24}.consultant-actions{text-align:center}.btn-detail{background:linear-gradient(135deg,#6f42c1,#9c27b0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;padding:12px 25px;transition:all .3s ease;width:100%}.btn-detail:hover{background:linear-gradient(135deg,#5a2d8c,#7b1fa2);transform:translateY(-2px)}.smm-efficiency-analysis{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin:30px 0;padding:30px}.smm-efficiency-analysis h2{border-bottom:2px solid #f1f3f4;color:#2c3e50;font-size:1.8rem;margin-bottom:25px;padding-bottom:15px;text-align:center}.efficiency-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.efficiency-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;overflow:hidden;padding:25px;position:relative;text-align:center;transition:all .3s ease}.efficiency-card:before{background:#ffffff1a;border-radius:50%;content:"";height:100%;position:absolute;right:-50%;top:-50%;transition:all .5s ease;width:100%}.efficiency-card:hover:before{right:-25%;top:-25%}.efficiency-card:hover{box-shadow:0 10px 30px #0003;transform:translateY(-5px) scale(1.02)}.efficiency-card h4{font-size:1.2rem;margin:0 0 20px;opacity:.9}.top-performer{position:relative;z-index:2}.performer-name{font-size:1.5rem;font-weight:700;margin-bottom:10px}.performer-stat{font-size:1.2rem;margin-bottom:5px;opacity:.9}.performer-credit{font-size:1rem;opacity:.8}.error,.loading{color:#6c757d;font-size:1.2rem;padding:60px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.smm-container{padding:15px}.smm-header{padding:20px}.smm-header h1{font-size:1.8rem}.smm-tabs{flex-wrap:wrap;gap:5px;justify-content:center}.tab-button{font-size:.9rem;padding:10px 15px}.consultant-performance-grid,.efficiency-grid,.overview-grid,.smm-charts-grid,.smm-stats-grid{grid-template-columns:1fr}.consultant-header{flex-direction:column;text-align:center}.consultant-avatar{margin-bottom:10px;margin-right:0}.chart-container{height:250px}}@media (max-width:480px){.smm-header h1{font-size:1.5rem}.tab-button{font-size:.85rem;padding:8px 12px}.smm-stat-card{flex-direction:column;text-align:center}.smm-stat-card .stat-icon{margin-bottom:15px;margin-right:0}.chart-container{height:200px}}.management-section{background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;margin-top:0;padding:30px}.management-header{align-items:center;border-bottom:2px solid #f1f3f4;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.management-header h2{color:#2c3e50;font-size:1.8rem;margin:0}.consultants-table-container{border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow-x:auto}.consultants-table{background:#fff;border-collapse:collapse;font-size:.9rem;width:100%}.consultants-table th{background:linear-gradient(135deg,#4a90e2,#357abd);border-bottom:2px solid #357abd;color:#fff;font-weight:600;padding:15px 12px;position:sticky;text-align:left;top:0;z-index:10}.consultants-table td{border-bottom:1px solid #e9ecef;padding:12px;vertical-align:middle}.consultants-table td:nth-child(7),.consultants-table td:nth-child(8),.consultants-table td:nth-child(9){text-align:right}.consultants-table tr:hover{background-color:#f8f9fa}.edit-input,.edit-textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:8px;width:100%}.edit-textarea{min-height:60px;resize:vertical}.address-cell,.notes-cell{word-wrap:break-word;cursor:help;max-width:200px}.customer-count-badge{background:#28a745;color:#fff;font-size:.8rem;font-weight:600}.customer-count-badge,.status-badge{border-radius:12px;padding:4px 8px}.btn-cancel,.btn-delete,.btn-edit,.btn-save{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;padding:6px;transition:all .2s}.btn-save:hover{background:#e8f5e8}.btn-cancel:hover{background:#fff3e0}.empty-state{color:#6c757d}.empty-state p{font-size:1.2rem;margin-bottom:20px}.modal-overlay{background:#00000080}.modal-content{border-radius:15px;box-shadow:0 10px 30px #0000004d;overflow-y:auto}.modal-header{border-bottom:1px solid #e9ecef;padding:20px 30px}.modal-header h3{color:#2c3e50;font-size:1.4rem}.modal-close{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1.5rem;padding:5px;transition:background .2s}.modal-close:hover{background:#f8f9fa}.modal-body{padding:30px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.modal-footer{border-top:1px solid #e9ecef;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.btn{font-size:1rem;transition:all .2s}.btn-primary{background:#4a90e2}.btn-primary:hover{background:#357abd}.btn-primary:disabled{background:#6c757d;cursor:not-allowed}.btn-secondary{background:#6c757d}.btn-secondary:hover{background:#545b62}@media (max-width:768px){.management-header{flex-direction:column;gap:15px;text-align:center}.consultants-table{font-size:.8rem}.consultants-table td,.consultants-table th{padding:8px 6px}.modal-content{margin:20px;width:95%}.modal-body{padding:20px}.modal-footer{padding:15px 20px}}.consultant-filters{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:20px;margin-bottom:25px;padding:20px}.consultant-filters .filter-group{display:flex;flex-direction:column;gap:8px}.consultant-filters .filter-group label{color:#2c3e50;font-size:.9rem;font-weight:600}.filter-input,.filter-select{border:1px solid #ddd;border-radius:6px;font-size:.9rem;min-width:200px;padding:10px 12px;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a;outline:none}.checkbox-container{align-items:center;display:flex;gap:8px;margin-top:5px}.filter-checkbox{accent-color:#4a90e2;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#495057;font-size:.9rem;margin:0}.credit-amount{border-radius:8px;display:inline-block;font-size:.85rem;font-weight:600;min-width:60px;padding:4px 8px;text-align:right;white-space:nowrap}.total-credit{background:#e3f2fd;color:#1565c0}.used-credit{background:#fff3e0;color:#ef6c00}.remaining-credit{background:#e8f5e8;color:#2e7d32}@media (max-width:768px){.consultant-filters{flex-direction:column;gap:15px}.filter-input,.filter-select{min-width:auto;width:100%}}.company-type-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:20px}.company-type-card{background:#fff!important;border:1px solid #e9ecef;border-radius:15px;box-shadow:0 4px 20px #0000001a;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.company-type-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.company-type-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.company-type-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.company-type-header h3{color:#2c3e50!important;font-size:1.3rem!important;font-weight:600!important;margin:0!important;text-shadow:none!important}.customer-count{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-radius:20px;color:#fff!important;font-size:.85rem;font-weight:500;padding:6px 12px}.company-type-metrics{margin-bottom:20px}.metric-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:12px}.metric-row:last-child{margin-bottom:0}.metric-item{display:flex;flex-direction:column;gap:4px}.metric-label{color:#6c757d!important;font-size:.85rem!important;font-weight:500!important}.metric-value{color:#2c3e50!important;font-size:1.1rem!important;font-weight:600!important;text-shadow:none!important}.metric-value.used{color:#dc3545!important}.metric-value.remaining{color:#28a745!important}.metric-value.usage{color:#fd7e14!important}.usage-progress{margin-top:15px}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:4px;height:100%;transition:width .3s ease}.progress-text{color:#6c757d!important;font-size:.85rem!important;font-weight:500!important;margin-top:8px;text-align:center}.company-type-card *{text-shadow:none!important}.company-type-card .metric-label{color:#6c757d!important}.company-type-card .metric-value{color:#2c3e50!important}.company-type-card .progress-text{color:#6c757d!important}@media (max-width:768px){.company-type-grid{grid-template-columns:1fr}.company-type-card{padding:20px}.company-type-header{flex-direction:column;gap:10px;text-align:center}.metric-row{gap:10px;grid-template-columns:1fr}}@media (max-width:480px){.company-type-card{padding:15px}.company-type-header h3{font-size:1.1rem!important}.customer-count{font-size:.8rem;padding:4px 10px}}.edm-integration-container{background:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.edm-header{background:linear-gradient(135deg,#1976d2,#1565c0);border-radius:12px;box-shadow:0 4px 20px #1976d24d;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.edm-header h1{font-size:2.5rem;font-weight:600;margin:0}.edm-header p{font-size:1.1rem;margin:10px 0 0;opacity:.9}.MuiTabs-root{border-radius:8px;box-shadow:0 2px 10px #0000001a}.MuiTab-root{font-size:1rem;min-height:60px}.MuiTab-root.Mui-selected{background:#1976d20d}.MuiCard-root{border:1px solid #0000000d;border-radius:12px;box-shadow:0 4px 20px #00000014}.MuiCard-root:hover{box-shadow:0 8px 30px #0000001f}.setup-form{margin:0 auto;max-width:600px}.setup-form .MuiFormControl-root,.setup-form .MuiTextField-root{margin-bottom:20px}.setup-form .MuiButton-root{border-radius:8px;font-size:1.1rem;font-weight:600;padding:12px 30px;text-transform:none}.status-card{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;margin-bottom:20px}.status-card.error{background:linear-gradient(135deg,#f44336,#d32f2f)}.status-card.warning{background:linear-gradient(135deg,#ff9800,#f57c00)}.status-indicator{align-items:center;display:flex;gap:10px;margin-bottom:10px}.status-indicator .MuiSvgIcon-root{font-size:2rem}.stat-card{padding:24px}.stat-card:hover{box-shadow:0 8px 30px #00000026}.stat-value{color:#1976d2;font-size:2.5rem;font-weight:700;margin:10px 0}.stat-label{color:#666;font-size:1rem;font-weight:500}.stat-detail{color:#999;font-size:.9rem;margin-top:5px}.transaction-table{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.transaction-table .MuiTableHead-root{background:linear-gradient(135deg,#1976d2,#1565c0)}.transaction-table .MuiTableHead-root .MuiTableCell-root{border-bottom:none;color:#fff;font-weight:600}.transaction-table .MuiTableRow-root:nth-of-type(2n){background-color:#00000005}.transaction-table .MuiTableRow-root:hover{background-color:#1976d20d}.action-buttons{flex-wrap:wrap;gap:15px;margin-top:20px}.action-buttons .MuiButton-root{border-radius:8px;font-weight:600;padding:10px 20px;text-transform:none;transition:all .3s ease}.action-buttons .MuiButton-contained{box-shadow:0 4px 15px #1976d24d}.action-buttons .MuiButton-contained:hover{box-shadow:0 6px 20px #1976d266;transform:translateY(-2px)}.connection-status{align-items:center;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.connection-status.connected{background:#4caf501a;border:1px solid #4caf504d;color:#2e7d32}.connection-status.disconnected{background:#f443361a;border:1px solid #f443364d;color:#c62828}.integration-code{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;font-family:Courier New,monospace;font-size:.9rem;margin:10px 0;padding:15px;word-break:break-all}@media (max-width:768px){.edm-integration-container{padding:15px}.edm-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons .MuiButton-root{width:100%}}.loading-overlay{align-items:center;display:flex;justify-content:center;min-height:200px}.loading-spinner{color:#1976d2}.MuiAlert-root{border-radius:8px;margin-bottom:20px}.MuiChip-colorSuccess{background:#4caf501a}.MuiChip-colorError{background:#f443361a;color:#c62828}.MuiChip-colorWarning{background:#ff98001a;color:#ef6c00}.config-display{background:#f8f9fa;border-radius:8px;margin:20px 0;padding:20px}.config-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:10px 0}.config-item:last-child{border-bottom:none}.config-label{color:#555;font-weight:600}.config-value{color:#333;font-family:Courier New,monospace;font-size:.9rem}.edm-customer-registration{background:#f5f5f5;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px}.edm-customer-registration h1{color:#1976d2;font-weight:600;margin-bottom:30px}.MuiStepper-root{background:#0000;padding:20px 0}.MuiStepLabel-root .MuiStepLabel-iconContainer{padding-right:12px}.MuiStepIcon-root.Mui-active{color:#1976d2}.MuiStepIcon-root.Mui-completed{color:#4caf50}.MuiCardContent-root{padding:32px}.MuiSelect-root{border-radius:8px}.MuiButton-root{padding:10px 24px}.MuiPaper-outlined{background:#fafafa;border:1px solid #e0e0e0;border-radius:12px}.MuiPaper-outlined .MuiTypography-subtitle2{font-weight:600;margin-bottom:8px}.MuiAlert-standardError{background:#f443361a;border:1px solid #f4433633}.step-content{min-height:400px;padding:20px 0}@keyframes successPulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.MuiSvgIcon-root.success-icon{animation:successPulse .6s ease-out}@media (max-width:768px){.edm-customer-registration{padding:15px}.MuiCardContent-root{padding:20px}.MuiStepper-root{padding:15px 0}.MuiStepLabel-label{font-size:.875rem}.step-content{min-height:300px;padding:15px 0}}@media (max-width:600px){.MuiStepper-root .MuiStepLabel-label{display:none}.MuiButton-root{margin-bottom:8px;width:100%}.MuiBox-root[sx*="justifyContent: 'space-between'"]{flex-direction:column-reverse}}.MuiTextField-root .Mui-error .MuiOutlinedInput-notchedOutline{border-color:#f44336}.MuiTextField-root .Mui-error .MuiFormHelperText-root{color:#f44336}.MuiDivider-root{margin:24px 0}.MuiDivider-root .MuiTypography-root{color:#666;font-size:.875rem}.summary-paper{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;margin-bottom:16px}.summary-paper .MuiTypography-subtitle2{border-bottom:1px solid #e0e0e0;color:#1976d2;font-weight:600;margin-bottom:12px;padding-bottom:8px}.MuiFormControl-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1976d2}.edm-counter-management{background:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.edm-counter-management h1{color:#1976d2;font-weight:600;margin-bottom:30px}.MuiTabs-root{background:#fff;border-radius:12px 12px 0 0;box-shadow:0 2px 8px #0000001a}.MuiTab-root{font-weight:600;min-height:64px;text-transform:none}.MuiTab-root.Mui-selected{color:#1976d2}.MuiFormControl-root{margin-bottom:16px}.MuiButton-contained.MuiButton-colorError{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 15px #f443364d}.MuiButton-contained.MuiButton-colorError:hover{background:linear-gradient(135deg,#d32f2f,#c62828);box-shadow:0 6px 20px #f4433666}.MuiInputAdornment-root{font-weight:600}.MuiAlert-root{margin-bottom:16px}.MuiAlert-standardWarning{background:#ff98001a;border:1px solid #ff980033}.tab-content{animation:fadeIn .3s ease-in}.counter-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.stat-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-radius:12px;padding:20px;text-align:center}.stat-card:hover{box-shadow:0 8px 25px #0000001a}.stat-card .stat-icon{display:block;font-size:2.5rem;margin-bottom:12px}.stat-card .stat-value{color:#1976d2;font-size:1.8rem;font-weight:700;margin-bottom:4px}.stat-card .stat-label{color:#666;font-size:.9rem;font-weight:500}@media (max-width:768px){.edm-counter-management{padding:15px}.MuiCardContent-root{padding:16px}.MuiButton-root{margin-bottom:8px;width:100%}.MuiTableContainer-root{overflow-x:auto}.counter-stats{grid-template-columns:1fr}}@media (max-width:600px){.MuiTab-root{font-size:.875rem;min-width:auto;padding:12px 8px}.MuiDialogContent-root{padding:16px}.MuiDialogActions-root{flex-direction:column;padding:12px 16px}.MuiDialogActions-root .MuiButton-root{margin:4px 0;width:100%}}.success-message{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border:1px solid #4caf50;border-radius:8px;color:#2e7d32}.error-message,.success-message{margin-bottom:16px;padding:12px 16px}.error-message{background:linear-gradient(135deg,#ffebee,#ffcdd2);border:1px solid #f44336;border-radius:8px;color:#d32f2f}.MuiIconButton-root{transition:all .3s ease}.MuiIconButton-root:hover{background:#f443361a;transform:scale(1.1)}.empty-state{padding:40px 20px}.edm-customer-info{background:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.edm-customer-info h1{color:#1976d2;font-weight:600;margin-bottom:30px}.MuiCard-root{border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.MuiCard-root:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.MuiCardContent-root{padding:24px}.search-card{background:linear-gradient(135deg,#fff,#f8f9fa)}.MuiTable-root{margin-top:8px}.MuiTableCell-root{border-bottom:1px solid #f0f0f0;padding:8px 12px}.customer-info-table .MuiTableCell-root:first-of-type{color:#666;width:40%}.status-paper{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;transition:all .3s ease}.status-paper:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.MuiButton-root{border-radius:8px;font-size:1rem;font-weight:600;padding:12px 24px;text-transform:none;transition:all .3s ease}.MuiButton-contained{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 15px #1976d24d}.MuiButton-contained:hover{background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 6px 20px #1976d266;transform:translateY(-2px)}.MuiButton-outlined{border:2px solid #1976d2;color:#1976d2}.MuiButton-outlined:hover{background:#1976d20d;border-color:#1565c0;transform:translateY(-1px)}.MuiButton-outlined:disabled{border-color:#ccc;color:#999}.MuiTextField-root{margin-bottom:16px}.MuiTextField-root .MuiOutlinedInput-root{border-radius:8px}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1976d2;border-width:2px}.MuiTextField-root .MuiInputBase-input[readonly]{background:#f8f9fa;cursor:default}.MuiChip-root{border-radius:6px;font-size:.875rem;font-weight:500}.MuiChip-colorPrimary{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1976d2}.MuiChip-colorSuccess{background:linear-gradient(135deg,#e8f5e8,#c8e6c9);color:#2e7d32}.MuiChip-colorError{background:linear-gradient(135deg,#ffebee,#ffcdd2);color:#d32f2f}.MuiChip-colorWarning{background:linear-gradient(135deg,#fff3e0,#ffcc02);color:#e65100}.status-icon{font-size:1.2rem;margin-right:8px}.MuiDialog-paper{border-radius:16px;padding:8px}.MuiDialogTitle-root{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px 12px 0 0;font-weight:600;margin:-8px -8px 0;padding:20px 24px}.MuiDialogContent-root{padding:24px}.MuiDialogActions-root{gap:12px;padding:16px 24px}.token-display{background:#f5f5f5;border:1px solid #ddd;border-radius:4px;font-family:Courier New,monospace;font-size:.875rem;padding:12px;word-break:break-all}.MuiAlert-root{border-radius:12px;margin-top:16px}.MuiAlert-standardInfo{background:#2196f31a;border:1px solid #2196f333}.MuiCircularProgress-root,.MuiInputAdornment-root{color:#1976d2}.MuiTypography-h6{align-items:center;color:#333;display:flex;font-weight:600}.MuiTypography-subtitle2{color:#1976d2;font-weight:600}.MuiTypography-caption{color:#666;font-style:italic}.status-info-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:12px;margin-bottom:12px;padding:16px}.status-info-card.success{background:linear-gradient(135deg,#e8f5e8,#f1f8e9);border-left:4px solid #4caf50}.status-info-card.error{background:linear-gradient(135deg,#ffebee,#fce4ec);border-left:4px solid #f44336}.status-info-card.warning{background:linear-gradient(135deg,#fff3e0,#fce4ec);border-left:4px solid #ff9800}.MuiTableContainer-root{border-radius:12px;margin-top:16px;overflow:hidden}.MuiTableHead-root{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.MuiTableHead-root .MuiTableCell-root{border-bottom:2px solid #dee2e6;color:#495057;font-weight:600}.MuiTableBody-root .MuiTableRow-root:hover{background:#1976d20a}@media (max-width:768px){.edm-customer-info{padding:15px}.MuiCardContent-root{padding:16px}.MuiButton-root{margin-bottom:8px}.MuiTableContainer-root{overflow-x:auto}.token-display{font-size:.75rem;padding:8px}}@media (max-width:600px){.MuiDialogContent-root{padding:16px}.MuiDialogActions-root{flex-direction:column;padding:12px 16px}.MuiDialogActions-root .MuiButton-root{margin:4px 0;width:100%}.status-info-card{padding:12px}}@keyframes statusChange{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.status-chip-animated{animation:statusChange .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.search-results{animation:fadeInUp .5s ease-out}.empty-state{color:#666;padding:60px 20px;text-align:center}.empty-state .empty-icon{display:block;font-size:4rem;margin-bottom:16px;opacity:.3}.copy-button{margin-left:8px;min-width:auto;padding:4px 8px}.token-field .MuiInputBase-input{font-family:Courier New,monospace;font-size:.875rem;line-height:1.4}.sector-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.btn-secondary{background:linear-gradient(135deg,#2196f3,#1976d2)}.btn-secondary:hover{background:linear-gradient(135deg,#1976d2,#1565c0);box-shadow:0 4px 12px #2196f366}.stat-content p{margin:0 0 5px}.stat-content small{color:#95a5a6;font-size:.85rem}.search-container{margin-bottom:20px}.search-input::placeholder{color:#95a5a6}.tab-navigation{background:#f8f9fa;border-radius:12px;gap:10px}.tab-button{border-radius:8px;font-size:14px}.tab-button.active{box-shadow:0 4px 15px #667eea4d}.sectors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.sector-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:all .3s ease}.sector-card:hover{border-color:#667eea;box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.card-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px}.sector-info h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 5px}.sector-code{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.card-actions{display:flex;gap:8px}.btn-icon{font-size:16px}.card-content{padding:20px}.sector-description{color:#6c757d;font-size:.9rem;line-height:1.5;margin-bottom:15px}.sector-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.stat-item{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.stat-item .label{color:#6c757d;font-size:.85rem;font-weight:500}.stat-item .value{color:#2c3e50;font-size:.9rem;font-weight:600}.sector-status{display:flex;justify-content:flex-end}.companies-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.company-card{background:#fff;border:1px solid #e1e8ed;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden;transition:all .3s ease}.company-card:hover{border-color:#667eea;box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.company-info h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 5px}.company-sector{background:linear-gradient(135deg,#28a745,#20c997);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.company-details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:15px}.detail-item{display:flex;flex-direction:column;gap:2px}.detail-item .label{color:#6c757d;font-size:.8rem;font-weight:500}.detail-item .value{color:#2c3e50;font-size:.9rem;font-weight:600}.company-status{align-items:center;display:flex;justify-content:space-between}.company-size{background:#e9ecef;border-radius:12px;color:#495057;font-size:.75rem;font-weight:500;padding:4px 8px}.modal-content.large{max-width:800px}.company-form,.sector-form{max-height:calc(90vh - 140px);overflow-y:auto;padding:25px}.form-section{margin-bottom:25px}.form-section h4{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:1.1rem;font-weight:600;margin:0 0 15px;padding-bottom:8px}.form-group textarea{min-height:80px;resize:vertical}@media (max-width:768px){.sector-management-container{padding:15px}.page-header{flex-direction:column;gap:20px;text-align:center}.header-right{flex-direction:column;width:100%}.companies-grid,.form-grid,.sectors-grid,.stats-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.company-details{grid-template-columns:1fr}}@media (max-width:480px){.sector-management-container{padding:10px}.page-header{padding:20px}.header-left h1{font-size:1.5rem}.stat-card{flex-direction:column;gap:15px;text-align:center}.stat-icon{font-size:2rem;height:50px;width:50px}.form-actions,.tab-navigation{flex-direction:column}}.communication-types-container{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{padding:20px 25px}.page-header h1{font-size:24px;font-weight:600;margin:0}.header-actions{display:flex;gap:10px}.btn{font-weight:600;gap:5px;padding:10px 20px}.btn-primary{background:#007bff}.btn-primary:hover{background:#0056b3;transform:translateY(-1px)}.btn-secondary{background:#fff3;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-1px)}.form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.form-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:25px;width:90%}.form-header{align-items:center;border-bottom:2px solid #f1f3f4;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.form-header h3{color:#2c3e50;font-size:20px;margin:0}.close-btn{background:none;border-radius:4px;color:#999;font-size:20px;padding:5px}.close-btn:hover{background:#f8f9fa;color:#dc3545}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;margin-bottom:8px}.form-group input[type=text]{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input[type=text]:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.icon-selector{display:flex;flex-direction:column;gap:10px}.icon-input{font-size:18px;text-align:center;width:80px!important}.predefined-icons{grid-gap:8px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:200px;overflow-y:auto;padding:10px}.icon-option{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:6px;cursor:pointer;display:flex;font-size:16px;justify-content:center;min-height:36px;padding:8px;transition:all .3s ease}.icon-option.selected,.icon-option:hover{border-color:#007bff;transform:scale(1.1)}.icon-option.selected{background:#e3f2fd}.color-selector{display:flex;flex-direction:column;gap:10px}.color-input{border-radius:8px!important;cursor:pointer;height:40px!important;padding:2px!important;width:60px!important}.predefined-colors{display:flex;flex-wrap:wrap;gap:8px}.color-option{border:3px solid #e9ecef;border-radius:8px;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.color-option.selected,.color-option:hover{border-color:#007bff;transform:scale(1.1)}.color-option.selected{box-shadow:0 0 0 2px #007bff4d}.checkbox-label{display:flex!important;font-weight:500!important;gap:8px}.checkbox-label input[type=checkbox]{margin:0!important;width:auto!important}.form-actions{border-top:1px solid #f1f3f4;gap:12px}.types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.no-types{color:#6c757d;grid-column:1/-1;padding:60px 20px;text-align:center}.no-data-icon{font-size:64px;margin-bottom:20px}.no-types h3{color:#495057;margin:0 0 10px}.no-types p{line-height:1.6;margin:0}.type-card{background:#fff;border:1px solid #e9ecef;border-radius:16px;box-shadow:0 4px 16px #00000014;padding:20px;transition:all .3s ease}.type-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.type-header{justify-content:space-between;margin-bottom:15px}.type-badge,.type-header{align-items:center;display:flex}.type-badge{border-radius:20px;color:#fff;font-size:14px;font-weight:600;gap:8px;max-width:200px;padding:8px 12px}.type-icon{font-size:16px}.type-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-status{font-size:12px}.status-active{color:#28a745;font-weight:600}.status-inactive{color:#dc3545;font-weight:600}.type-info{margin-bottom:15px}.type-detail{display:flex;font-size:13px;justify-content:space-between;margin-bottom:5px}.type-detail label{color:#6c757d;font-weight:500}.type-detail span{color:#495057}.type-actions{border-top:1px solid #f1f3f4;display:flex;gap:10px;justify-content:flex-end;padding-top:15px}.btn-delete,.btn-edit{background:none;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;padding:8px 12px;transition:all .3s ease}.btn-edit:hover{background:#e3f2fd;border-color:#2196f3;color:#1976d2}.btn-delete:hover{background:#ffebee;border-color:#f44336;color:#d32f2f}.loading{color:#6c757d;font-size:18px;font-style:italic;padding:60px;text-align:center}@media (max-width:768px){.communication-types-container{padding:15px}.page-header{flex-direction:column;gap:15px;text-align:center}.types-grid{grid-template-columns:1fr}.form-modal{padding:20px;width:95%}.predefined-icons{grid-template-columns:repeat(auto-fill,minmax(35px,1fr))}}.user-management-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.header-right{display:flex;gap:15px}.btn{padding:12px 20px}.btn-primary:hover{background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-secondary:hover{background:linear-gradient(135deg,#5a6268,#495057);transform:translateY(-2px)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:20px;padding:25px;transition:all .3s ease}.stat-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.stat-content h3{color:#2c3e50;font-size:2rem;font-weight:700;margin:0 0 5px}.stat-content p{color:#7f8c8d;font-size:1rem;font-weight:500;margin:0}.controls-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:25px;padding:25px}.search-container{margin-bottom:0}.search-input{background:#fafbfc;border:2px solid #e1e8ed;border-radius:12px;font-size:16px;max-width:400px;padding:15px 20px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.content-section{min-height:400px;padding:25px}.table-container{overflow-x:auto}.users-table{border-collapse:collapse;margin-top:10px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #e1e8ed;padding:15px 12px;text-align:left}.users-table th{background:#f8f9fa;color:#2c3e50;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.users-table tbody tr{transition:all .3s ease}.users-table tbody tr:hover{background:#f8f9fa;transform:scale(1.01)}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;width:40px}.role-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.role-badge.admin{background:#ffebee;border:1px solid #ffcdd2;color:#d32f2f}.role-badge.operator{background:#e3f2fd;border:1px solid #bbdefb;color:#1976d2}.role-badge.viewer{background:#f3e5f5;border:1px solid #e1bee7;color:#7b1fa2}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.action-buttons{display:flex;gap:8px}.btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.btn-icon.edit{background:#e3f2fd;color:#1976d2}.btn-icon.edit:hover{background:#1976d2;color:#fff;transform:scale(1.1)}.btn-icon.delete{background:#ffebee;color:#d32f2f}.btn-icon.delete:hover{background:#d32f2f;color:#fff;transform:scale(1.1)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 80px #0006;max-height:90vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e8ed;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:35px;justify-content:center;transition:all .3s ease;width:35px}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.user-form{max-height:calc(90vh - 140px);overflow-y:auto;padding:25px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group label{font-size:.9rem}.form-group input,.form-group select{background:#fafbfc;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-actions{margin-top:25px;padding-top:20px}@media (max-width:768px){.user-management-container{padding:15px}.page-header{flex-direction:column;gap:20px;text-align:center}.header-right{width:100%}.form-grid,.stats-grid{grid-template-columns:1fr}.modal-content{max-height:95vh;width:95%}.users-table{font-size:.9rem}.users-table td,.users-table th{padding:10px 8px}.user-info{flex-direction:column;gap:8px;text-align:center}.user-avatar{font-size:1rem;height:35px;width:35px}}@media (max-width:480px){.user-management-container{padding:10px}.page-header{padding:20px}.header-left h1{font-size:1.5rem}.stat-card{flex-direction:column;gap:15px;text-align:center}.stat-icon{font-size:2rem;height:50px;width:50px}.form-actions{flex-direction:column}.table-container{font-size:.8rem}}.system-settings-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:50vh}.spinner{animation:spin 1s linear infinite;border:4px solid #e3f2fd;border-radius:50%;border-top-color:#2196f3;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.page-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:flex;justify-content:space-between;margin-bottom:30px;padding:25px 30px}.header-left h1{font-size:2rem;font-weight:600;margin:0 0 8px}.header-left p{font-size:1rem;margin:0;opacity:.9}.tab-navigation{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;gap:4px;margin-bottom:25px;overflow-x:auto;padding:8px}.tab-button{align-items:center;background:#0000;border:none;border-radius:12px;color:#6c757d;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;min-width:fit-content;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-button:hover{background:#667eea1a;color:#667eea;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.tab-icon{font-size:1.1rem}.tab-label{font-weight:600}.content-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;min-height:500px;padding:30px}.settings-section{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-section h3{border-bottom:2px solid #e1e8ed;color:#2c3e50;font-size:1.5rem;font-weight:600;margin:0 0 25px;padding-bottom:15px}.form-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{background:#fafbfc;border:2px solid #e1e8ed;border-radius:8px;font-size:14px;padding:12px 15px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.readonly{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.form-group.checkbox{align-items:center;flex-direction:row;gap:15px}.checkbox-label{align-items:center;color:#2c3e50;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:12px}.checkbox-label input[type=checkbox]{display:none}.checkmark{background:#fafbfc;border:2px solid #e1e8ed;border-radius:4px;height:20px;position:relative;transition:all .3s ease;width:20px}.checkbox-label input[type=checkbox]:checked+.checkmark{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.security-options{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:20px}.security-options .form-group{margin-bottom:15px}.security-options .form-group:last-child{margin-bottom:0}.backup-options{background:#f8f9fa;border:1px solid #e1e8ed;border-radius:12px;margin:20px 0;padding:20px}.backup-status{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.status-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e1e8ed;border-radius:12px;padding:20px;text-align:center}.status-card h4{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 10px}.status-card p{color:#6c757d;font-size:.9rem;margin:0}.status-badge{border-radius:20px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.form-actions{border-top:1px solid #e1e8ed;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:25px}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.btn-primary{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#3d8b40);box-shadow:0 4px 12px #4caf5066;transform:translateY(-2px)}.btn-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#5a6268,#495057);box-shadow:0 4px 12px #6c757d66;transform:translateY(-2px)}@media (max-width:768px){.system-settings-container{padding:15px}.page-header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header-left h1{font-size:1.5rem}.tab-navigation{flex-direction:column;gap:8px}.tab-button{justify-content:center;padding:15px 20px}.form-grid{gap:20px;grid-template-columns:1fr}.content-section{padding:20px}.backup-status{grid-template-columns:1fr}.form-actions{flex-direction:column;gap:10px}.btn{justify-content:center}}@media (max-width:480px){.system-settings-container{padding:10px}.page-header{padding:15px}.header-left h1{font-size:1.3rem}.content-section{padding:15px}.settings-section h3{font-size:1.3rem}.form-group label{font-size:.9rem}.form-group input,.form-group select{font-size:14px;padding:10px 12px}.status-card{padding:15px}.checkbox-label{font-size:.9rem}}.form-group input:focus,.form-group select:focus{animation:inputFocus .3s ease}@keyframes inputFocus{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.form-group input[type=password]{font-family:monospace;letter-spacing:2px}.form-group input[readonly]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-color:#dee2e6;color:#6c757d}.status-card:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px);transition:all .3s ease}.checkbox-label:hover .checkmark{background:#667eea0d;border-color:#667eea}
/*# sourceMappingURL=main.c07efdee.css.map*/