:root{--bg-base:#f0f2f5;--bg-surface:#fff;--bg-raised:#f8fafc;--border:#e2e8f0;--border-mid:#cbd5e1;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#4f46e5;--accent-dark:#3730a3;--accent-light:#6366f1;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 4px #00000014;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 24px #00000024;--transition:0.2s ease}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;background-color:var(--bg-base);color:#1e293b;color:var(--text-primary);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:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 1px 4px #00000014;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:20px}.card,.page-header{background:var(--bg-surface)}.page-header{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 18px}.page-header h1{color:#1e293b;color:var(--text-primary);font-size:1.3rem}.back-link{color:#6366f1;color:var(--accent-light);font-size:13px;margin-bottom:10px}.status-badge{font-size:11px;font-weight:700;letter-spacing:.4px;padding:3px 9px}.status-acil{background:#ef444426;color:#f87171}.status-kritik{background:#f59e0b26;color:#fbbf24}.status-dikkat{background:#eab30826;color:#fde047}.status-normal{background:#22c55e26;color:#4ade80}.status-iyi{background:#3b82f626;color:#60a5fa}.btn{border:1px solid #0000;border-radius:var(--radius-sm);font-size:13px;gap:6px;padding:7px 15px;text-align:center;transition:all var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#3730a3,#4f46e5);background:linear-gradient(135deg,var(--accent-dark),var(--accent));border-color:#4f46e5;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#3730a3);background:linear-gradient(135deg,#4338ca,var(--accent-dark));box-shadow:0 3px 10px #6366f159;transform:translateY(-1px)}.btn-secondary{background:#f8fafc;background:var(--bg-raised);border-color:#cbd5e1;border-color:var(--border-mid);color:#475569;color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:#2d3a52;color:#1e293b;color:var(--text-primary)}.btn-success{background:linear-gradient(135deg,#15803d,#16a34a)}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#14532d,#15803d);box-shadow:0 3px 10px #22c55e4d;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#b91c1c,#dc2626)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#991b1b,#b91c1c);box-shadow:0 3px 10px #ef44444d;transform:translateY(-1px)}.btn-warning{background:linear-gradient(135deg,#b45309,#d97706);color:#fff}.btn-warning:hover:not(:disabled){box-shadow:0 3px 10px #f59e0b4d;transform:translateY(-1px)}.btn-sm{padding:5px 10px}.form-group{margin-bottom:14px}.form-label{color:#94a3b8;color:var(--text-muted);display:block;font-size:12px;font-weight:600;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.form-input{background:#f0f2f5;background:var(--bg-base);border:1px solid #cbd5e1;border:1px solid var(--border-mid);border-radius:6px;border-radius:var(--radius-sm);box-sizing:border-box;color:#1e293b;color:var(--text-primary);font-family:inherit;font-size:13px;padding:8px 12px;transition:all .2s ease;transition:all var(--transition);width:100%}.form-input:focus{background:#fff;background:var(--bg-surface);border-color:#4f46e5;border-color:var(--accent);box-shadow:0 0 0 3px #6366f11f;outline:none}.form-input::placeholder{color:#94a3b8;color:var(--text-muted)}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#475569;color:var(--text-secondary);font-size:13px;padding:10px 13px;text-align:left}.table th{background:#f0f2f5;background:var(--bg-base);color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:1}.table tbody tr{transition:background .2s ease;transition:background var(--transition)}.table tbody tr:hover{background:#6366f10d}.table tbody td{color:#475569;color:var(--text-secondary)}.table-container{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:var(--radius-md)}.customer-link{color:#6366f1;color:var(--accent-light)}.customer-link:hover{color:#fff}.stats-grid{grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:20px}.stat-card{background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px;transition:all .2s ease;transition:all var(--transition)}.stat-card:hover{border-color:#cbd5e1;border-color:var(--border-mid);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md)}.stat-number{color:#6366f1;color:var(--accent-light);font-size:1.8em;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.stat-label{font-size:12px}.loading,.stat-label{color:#94a3b8;color:var(--text-muted)}.loading{font-size:16px;height:200px}.error{background:#ef444414;border:1px solid #ef444440;border-radius:10px;border-radius:var(--radius-md);color:#f87171}.error,.success{font-size:13px;margin-bottom:16px;padding:14px 16px}.success{background:#22c55e14;border:1px solid #22c55e40;border-radius:10px;border-radius:var(--radius-md);color:#4ade80}.filters-section{gap:16px}.warning-item{background:#f59e0b14;border-left:3px solid #d97706;border-left:3px solid var(--warning);border-radius:6px;border-radius:var(--radius-sm);padding:12px 14px}.warning-item strong{color:#fbbf24;font-size:13px;margin-bottom:4px}.warning-item p{color:#475569;color:var(--text-secondary);font-size:13px}.reports-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.critical-customer-item{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:6px;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:8px 12px}.customer-name{color:#1e293b;color:var(--text-primary);font-size:13px}.customer-credit{align-items:center;display:flex;gap:4px}.credit-amount{color:#f87171;font-size:13px;font-weight:700}.credit-label{color:#94a3b8;color:var(--text-muted);font-size:11px}.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:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.detail-grid,.reports-grid{grid-template-columns:1fr}.filters-section{gap:12px}.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 10px}}: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{box-shadow:0 2px 8px #0000001a;color:#1e293b;padding:0;position:sticky;top:0;z-index:1000}.navbar,.navbar-top{background:#fff;border-bottom:1px solid #e2e8f0}.navbar-top{height:44px;justify-content:space-between;padding:0 20px}.navbar-brand,.navbar-top{align-items:center;display:flex}.navbar-brand{color:#1e293b;font-size:14px;font-weight:800;gap:8px;letter-spacing:.3px;text-decoration:none;white-space:nowrap}.navbar-brand:before{content:"⚡";font-size:16px}.navbar-brand:hover{color:#4f46e5}.navbar-user-area{align-items:center;display:flex;gap:6px}.navbar-bottom{background:#f8fafc;border-bottom:1px solid #e2e8f0;height:38px;overflow:visible;padding:0 8px;position:relative}.navbar-container{margin:0;max-width:100%;padding:0}.navbar-menu{flex-wrap:nowrap;height:38px;list-style:none;padding:0}.navbar-item,.navbar-menu{align-items:stretch;display:flex;margin:0}.navbar-link{align-items:center;border-bottom:2px solid #0000;color:#475569;display:flex;font-size:12.5px;font-weight:500;height:38px;line-height:1;padding:0 12px;text-decoration:none;transition:all .18s;white-space:nowrap}.navbar-link:hover{background-color:#4f46e50f;border-bottom-color:#4f46e566;color:#1e293b}.navbar-link.active{background-color:#4f46e514;border-bottom-color:#4f46e5;color:#4f46e5;font-weight:600}.ai-nav-link{background:linear-gradient(135deg,#ede9fe,#e0e7ff)!important;border:1px solid #c7d2fe!important;border-radius:6px;color:#4f46e5!important;font-size:12px!important;font-weight:700!important;height:28px!important;margin:5px 4px;padding:0 12px!important}.ai-nav-link:hover{background:linear-gradient(135deg,#c7d2fe,#ddd6fe)!important;border-color:#818cf8!important;box-shadow:0 2px 8px #4f46e52e;color:#3730a3!important}.ai-nav-link.active{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;border-color:#4f46e5!important;color:#fff!important}.navbar-item.dropdown{position:relative}.dropdown-toggle{align-items:center;cursor:pointer;display:flex;gap:5px;-webkit-user-select:none;user-select:none}.dropdown-arrow{font-size:9px;margin-left:2px;opacity:.6}.dropdown.open .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 24px #0000001f,0 2px 8px #0000000f;left:0;list-style:none;margin:0;min-width:220px;opacity:0;padding:5px 0;top:100%;transform:translateY(-6px);transition:all .2s ease;visibility:hidden;z-index:99999}.dropdown-right .dropdown-menu{left:auto;right:0}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-menu li{margin:0}.dropdown-link{align-items:center;background:none;border:none;border-left:2px solid #0000;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:13px;gap:8px;line-height:1.4;padding:8px 14px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.dropdown-link:hover{background:#4f46e50f;border-left-color:#4f46e5;color:#4f46e5;padding-left:18px}.dropdown-link.active{background:#4f46e51a;border-left-color:#4f46e5;color:#4f46e5;font-weight:600}.dropdown-divider{background:#f1f5f9;border:none;height:1px;margin:4px 0}.user-menu-trigger{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:12.5px;font-weight:500;gap:7px;padding:5px 10px;transition:all .2s;white-space:nowrap}.user-menu-trigger:hover{background:#4f46e50f;border-color:#c7d2fe;color:#4f46e5}.user-avatar{background:linear-gradient(135deg,#4f46e5,#7c3aed);flex-shrink:0;font-size:12px;height:26px;width:26px}.dropdown-header-info{border-bottom:1px solid #f1f5f9;margin-bottom:4px;padding:10px 14px 8px}.dropdown-header-name{color:#1e293b;font-size:13px;font-weight:700;margin-bottom:2px}.dropdown-header-email{color:#94a3b8;font-size:11px;margin-bottom:2px}.dropdown-header-role{background:#4f46e51a;border-radius:20px;color:#4f46e5;display:inline-block;font-size:10px;margin-top:2px;padding:2px 8px}.dropdown-link-danger{color:#dc2626!important}.dropdown-link-danger:hover{background:#dc26260f!important;border-left-color:#dc2626!important;color:#b91c1c!important}.hamburger-btn{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:none;flex-direction:column;gap:5px;height:36px;justify-content:center;margin-left:8px;padding:6px 8px;transition:background .2s;width:36px}.hamburger-btn span{background:#475569;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .25s ease;width:18px}.hamburger-btn:hover{background:#4f46e50f;border-color:#c7d2fe}.hamburger-btn.open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu-overlay{background:#00000059;display:none;inset:0;position:fixed;z-index:1998}.mobile-menu{background:#fff;box-shadow:4px 0 24px #00000026;display:none;flex-direction:column;height:100vh;left:0;overflow-y:auto;padding:16px 0 32px;position:fixed;top:0;transform:translateX(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1);width:280px;z-index:1999}.mobile-menu.open{transform:translateX(0)}.mobile-link{background:none;border:none;border-left:3px solid #0000;color:#475569;cursor:pointer;display:block;font-size:14px;font-weight:500;padding:11px 20px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.mobile-link:hover{background:#4f46e50f;border-left-color:#4f46e5;color:#4f46e5}.mobile-link.sub{background:#f8fafc;font-size:13px;padding-left:36px}.mobile-link.sub:hover{background:#4f46e514}.mobile-logout{border-top:1px solid #f1f5f9;color:#dc2626!important;margin-top:8px}.mobile-group{border-bottom:1px solid #f1f5f9}.mobile-group-toggle{align-items:center;background:none;border:none;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:11px 20px;text-align:left;transition:background .15s;width:100%}.mobile-group-toggle:hover{background:#4f46e50f;color:#4f46e5}.mobile-group-toggle.open{color:#4f46e5;font-weight:600}.mobile-group-toggle.open .dropdown-arrow{transform:rotate(180deg)}.mobile-sub-menu{background:#f8fafc;border-top:1px solid #e2e8f0}@media (max-width:900px){.navbar-top{padding:0 12px}.navbar-bottom{padding:0 4px}.navbar-link{font-size:12px;padding:0 9px}}@media (max-width:768px){.navbar-bottom{display:none}.hamburger-btn,.mobile-menu{display:flex}.mobile-menu-overlay{display:block}.ai-nav-link{display:none}.dropdown-menu{min-width:200px}.user-name-text{display:none}}@media (max-width:600px){.navbar-brand span{display:none}.navbar-top{padding:0 10px}}.login-container{align-items:center;background:linear-gradient(135deg,#0f172a,#1e1b4b 50%,#0f172a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);content:"";height:600px;left:-200px;position:absolute;top:-200px;width:600px}.login-container:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);bottom:-100px;content:"";height:400px;position:absolute;right:-100px;width:400px}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(30px,20px)}}.login-box{animation:slideIn .5s ease-out;background:#1e293b;border:1px solid #334155;border-radius:20px;box-shadow:0 25px 80px #00000080,0 0 60px #6366f114;max-width:440px;padding:44px 40px;position:relative;width:100%;z-index:1}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:36px;text-align:center}.login-header h1{color:#e2e8f0;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin-bottom:8px}.login-header p{color:#64748b;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#94a3b8;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.form-group input[type=password],.form-group input[type=text]{background:#0f172a;border:1.5px solid #334155;border-radius:10px;box-sizing:border-box;color:#e2e8f0;font-size:.95rem;padding:13px 16px;transition:all .2s ease;width:100%}.form-group input[type=password]:focus,.form-group input[type=text]:focus{background:#1e293b;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.form-group input::placeholder{color:#475569}.form-group input:disabled{cursor:not-allowed;opacity:.5}.login-button{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.3px;margin-top:8px;padding:14px;transition:all .25s ease;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-footer{border-top:1px solid #1e293b;margin-top:28px;padding-top:20px;text-align:center}.login-footer p{color:#475569;font-size:.8rem;margin:4px 0}.login-footer p:first-child{color:#64748b;font-weight:600}.login-footer a{color:#818cf8!important}@media (max-width:768px){.login-box{padding:30px 20px}.login-header h1{font-size:1.5rem}}.dashboard-container{background:#f0f2f5;margin:0 auto;max-width:1700px;min-height:calc(100vh - 84px);padding:16px 20px}.dashboard-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 20px}.dashboard-header h1{color:#1e293b;font-size:1.4rem;font-weight:700;letter-spacing:-.3px;margin:0}.stats-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:18px}.stat-card-compact{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:14px;overflow:hidden;padding:16px 18px;position:relative;transition:all .22s ease}.stat-card-compact:after{background:linear-gradient(90deg,#4f46e5,#7c3aed);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.stat-card-compact:hover:after{opacity:1}.stat-card-compact:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #6366f11f;transform:translateY(-3px)}.stat-card-compact.clickable{cursor:pointer}.stat-card-compact.clickable:hover{border-color:#6366f166;box-shadow:0 8px 25px #6366f126;transform:translateY(-4px)}.stat-card-compact.clickable:active{transform:translateY(-1px)}.stat-card-compact.alert{background:linear-gradient(135deg,#ef44440f,#dc26260a);border-color:#ef444440}.stat-card-compact.alert .stat-value{color:#dc2626}.stat-card-compact.warning{background:linear-gradient(135deg,#f59e0b12,#eab3080a);border-color:#f59e0b40}.stat-card-compact.warning .stat-value{color:#d97706}.stat-card-compact.info{background:linear-gradient(135deg,#3b82f612,#2563eb0a);border-color:#3b82f640}.stat-card-compact.info .stat-value{color:#2563eb}.stat-icon{background:#f1f5f9;border-radius:10px;height:44px;opacity:.9;width:44px}.stat-content{min-width:0}.stat-value{font-size:1.7rem;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:3px}.stat-label{color:#475569;font-size:.82rem;letter-spacing:.4px;margin-bottom:3px}.stat-detail{color:#64748b;font-size:.78rem}.analysis-grid-compact{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:18px}.analysis-card-compact{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;transition:all .2s ease}.analysis-card-compact:hover{border-color:#c7d2fe;box-shadow:0 6px 20px #6366f11a;transform:translateY(-2px)}.analysis-card-compact h3{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:6px;margin:0 0 14px}.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:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.8rem;min-width:32px;padding:5px 10px;text-align:center;transition:all .2s ease}.chart-view-btn:hover{background:#f0f2ff;border-color:#a5b4fc;color:#4f46e5}.chart-view-btn.active{background:linear-gradient(135deg,#4f46e5,#6366f1);border-color:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.chart-view-btn.active:hover{background:linear-gradient(135deg,#4338ca,#4f46e5)}.summary-list{display:flex;flex-direction:column;gap:8px}.summary-item{background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;padding:8px 12px;transition:all .2s ease}.summary-item:hover{background:#f0f2ff;border-color:#6366f14d;transform:translateX(4px)}.summary-label{color:#475569;flex:1 1;font-size:.85rem}.summary-value{background:#eef2ff;border-radius:20px;color:#4f46e5;font-size:.78rem;padding:2px 8px}.segment-modal-compact{animation:modalSlideIn .3s ease;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 25px 70px #0000002e;max-height:82vh;max-width:920px;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);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:16px 22px}.segment-modal-header h3{font-size:1.1rem;font-weight:700;margin:0}.close-btn{font-size:1.8rem;transition:background .3s ease}.segment-modal-content{background:#fff;max-height:60vh;overflow-y:auto;padding:20px 22px}.segment-summary{background:#6366f10f;border:1px solid #6366f133;border-radius:8px;color:#475569;font-size:.9rem;margin-bottom:14px;padding:10px 14px;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 #f1f5f9;padding:9px 12px;text-align:left;vertical-align:middle}.segment-table-compact th{background:#f8fafc;color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.5px;position:sticky;text-transform:uppercase;top:0;z-index:10}.segment-table-compact tbody tr:hover{background:#6366f10d}.customer-info{gap:2px}.customer-info strong{color:#1e293b;font-size:.88rem}.customer-info small{color:#64748b;font-size:.75rem}.credit-amount.critical{background:#ef44441f;color:#dc2626}.credit-amount.warning{background:#f59e0b1f;color:#d97706}.credit-amount.low{background:#3b82f61f;color:#2563eb}.credit-amount.normal{background:#22c55e1f;color:#16a34a}.usage-info{color:#6c757d;font-size:.8rem;font-weight:500}.modal-actions{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}@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{-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,#e74c3c0a,#e74c3c12);border-left:4px solid #e74c3c}.stat-card-compact.renewal:hover{background:linear-gradient(135deg,#e74c3c12,#e74c3c1c);border-left-color:#c0392b}.stat-card-compact.expiring{background:linear-gradient(135deg,#f39c120a,#f39c1212);border-left:4px solid #f39c12}.stat-card-compact.expiring:hover{background:linear-gradient(135deg,#f39c1212,#f39c121c);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{color:#6c757d;font-size:.85rem;font-style:italic}.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}}.ai-insight-panel{background:linear-gradient(135deg,#f5f3ff,#eef2ff);border:1px solid #6366f133;border-radius:12px;box-shadow:0 2px 10px #6366f114;margin-bottom:20px;overflow:hidden}.ai-insight-header{align-items:center;background:#6366f112;border-bottom:1px solid #6366f126;display:flex;gap:10px;padding:12px 20px}.ai-insight-icon{font-size:20px}.ai-insight-title{color:#4f46e5;flex:1 1;font-size:14px;font-weight:700;letter-spacing:.3px}.ai-insight-refresh{align-items:center;background:#0000;border:1px solid #6366f14d;border-radius:6px;color:#6366f1;cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;transition:all .2s;width:28px}.ai-insight-refresh:hover{background:#6366f133;border-color:#6366f1}.ai-insight-link{background:#6366f11a;border-radius:20px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 10px;text-decoration:none;transition:all .2s;white-space:nowrap}.ai-insight-link:hover{background:#6366f140;color:#818cf8}.ai-insight-body{padding:16px 20px}.ai-insight-loading{align-items:center;display:flex;gap:6px}.ai-insight-loading span{animation:ai-bounce 1.2s ease infinite;background:#6366f1;border-radius:50%;height:8px;width:8px}.ai-insight-loading span:nth-child(2){animation-delay:.2s}.ai-insight-loading span:nth-child(3){animation-delay:.4s}.ai-insight-loading-text{animation:none!important;background:none!important;border-radius:0!important;color:#64748b;font-size:13px;height:auto!important;margin-left:4px;width:auto!important}@keyframes ai-bounce{0%,80%,to{opacity:.5;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.ai-insight-text{color:#374151;font-size:13.5px;line-height:1.7;white-space:pre-wrap}.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}.filter-section{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px}.filter-section-title{align-items:center;border-bottom:2px solid #007bff;color:#495057;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 15px;padding-bottom:10px}.filter-actions{background:#fff;border-top:2px solid #dee2e6;margin-top:20px;padding:20px;text-align:center}.btn-clear-filters{font-size:16px;font-weight:600;min-width:250px;padding:12px 30px}.code-preview pre{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{flex:0 1 180px!important;max-width:200px!important;min-width:160px!important}.filter-group-medium{flex:0 1 200px!important}.filter-group-consultant,.filter-group-customer-type{flex:1 1 220px!important;min-width:200px!important}.filter-group-company-type{flex:1 1 187px!important;min-width:170px!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:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;display:flex;font-size:13px;justify-content:space-between;min-height:34px;padding:7px 10px;transition:all .18s}.multi-select-header:hover{background:#f0f2ff;border-color:#a5b4fc;color:#4f46e5}.dropdown-arrow{color:#94a3b8;font-size:10px;font-weight:700;transition:transform .25s ease}.ebelge-filter-header .dropdown-arrow{color:#2c3e50;font-size:16px}.multi-select-options{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a,0 2px 8px #0000000f;display:none;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 2px);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;border-bottom:1px solid #f8fafc;color:#475569;cursor:pointer;display:flex;flex-wrap:nowrap;font-size:12.5px;padding:7px 12px;transition:background-color .15s;white-space:nowrap}.checkbox-option:last-child{border-bottom:none}.checkbox-option:hover{background:#f0f2ff;color:#4f46e5}.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;margin-right:8px}.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:#475569;flex:1 1;font-weight:500}.custom-checkbox:hover .label-text{color:#4f46e5}@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:#fef2f2;border-bottom:1px solid #fee2e2;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:7px 12px;text-align:center;transition:background-color .15s}.clear-option:hover{background:#fee2e2}.consultant-filter-expanded{grid-column:span 2}.consultant-options{max-height:400px;min-width:300px}.consultant-search-container{background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:8px}.consultant-search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:13px;outline:none;padding:6px 10px;width:100%}.consultant-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.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:#f0f2f5;min-height:100vh;padding:16px 20px}.customers-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;display:flex;justify-content:space-between;margin-bottom:14px;padding:12px 18px}.customers-header h1{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0}.advanced-filters{background:#fff;border:none;border-radius:10px;box-shadow:0 1px 3px #0f172a0f;display:flex;flex-direction:column;gap:4px;margin-bottom:14px;padding:10px 12px 12px}.filter-accordion-group{background:#0000;border:none;border-radius:8px;margin-bottom:2px;overflow:visible;position:relative}.filter-accordion-header{align-items:center;background:#f8fafc;border-left:3px solid #0000;border-radius:7px;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:7px 14px 7px 12px;transition:background .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.filter-accordion-group.open .filter-accordion-header{background:#eef2ff;border-left:3px solid #6366f1;border-radius:7px 7px 0 0}.filter-accordion-header:hover{background:#eef2f7}.filter-accordion-group.open .filter-accordion-header:hover{background:#e0e7ff}.filter-accordion-title{align-items:center;color:#1e293b;display:flex;flex:1 1;font-size:12px;font-weight:700;gap:6px;letter-spacing:.2px}.filter-accordion-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.filter-acc-badge{background:#6366f1;border-radius:10px;box-shadow:0 1px 2px #6366f140;color:#fff;font-size:10px;font-weight:600;letter-spacing:.2px;padding:2px 8px;white-space:nowrap}.filter-accordion-toggle{color:#94a3b8;flex-shrink:0;font-size:11px;transition:transform .2s}.filter-accordion-group.open .filter-accordion-toggle{transform:rotate(180deg)}.filter-accordion-body{background:#f8fafc;border-radius:0 0 7px 7px;border-top:none;display:none;padding:10px 12px 12px}.filter-accordion-group.open .filter-accordion-body{grid-gap:8px 10px;align-items:end;display:grid;gap:8px 10px;grid-template-columns:repeat(6,minmax(0,1fr))}.filter-accordion-group.open .filter-accordion-body .filter-group{display:flex;flex:1 1 100%!important;flex-direction:column;gap:3px;max-width:100%!important;min-width:0!important;width:100%!important}.filter-accordion-group.open .filter-accordion-body .filter-group label{color:#64748b;font-size:10.5px!important;font-weight:600;letter-spacing:.1px;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.filter-accordion-group.open .filter-accordion-body .form-input,.filter-accordion-group.open .filter-accordion-body .form-select,.filter-accordion-group.open .filter-accordion-body .multi-select-dropdown{background:#fff;border:1px solid #0000;border-radius:6px;box-shadow:0 1px 2px #0f172a0a;box-sizing:border-box;color:#1e293b;font-size:12px;height:30px;max-width:100%!important;min-width:0!important;padding:0 8px;transition:border-color .15s,box-shadow .15s;width:100%!important}.filter-accordion-group.open .filter-accordion-body .form-input:hover,.filter-accordion-group.open .filter-accordion-body .form-select:hover{border-color:#c7d2fe}.filter-accordion-group.open .filter-accordion-body .form-input:focus,.filter-accordion-group.open .filter-accordion-body .form-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f;outline:none}.filter-accordion-group.open .filter-accordion-body .multi-select-header{align-items:center;background:#fff;border:1px solid #0000;border-radius:6px;box-shadow:0 1px 2px #0f172a0a;box-sizing:border-box;color:#1e293b;cursor:pointer;display:flex;font-size:12px;height:30px;justify-content:space-between;max-width:100%!important;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%!important}.filter-accordion-group.open .filter-accordion-body .multi-select-header:hover{border-color:#c7d2fe}.filter-accordion-group.open .filter-accordion-body .multi-select-dropdown.open .multi-select-header,.filter-accordion-group.open .filter-accordion-body .multi-select-header:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.filter-accordion-group.open .filter-accordion-body .dropdown-arrow{color:#94a3b8;flex-shrink:0;font-size:10px;margin-left:6px}.filter-accordion-group.open .filter-accordion-body input[type=date]{background:#fff!important;border:1px solid #0000!important;border-radius:6px!important;box-shadow:0 1px 2px #0f172a0a;color:#1e293b;font-size:12px!important;height:30px!important;padding:0 8px!important}.filter-accordion-group.open .filter-accordion-body input[type=date]:hover{border-color:#c7d2fe!important}.filter-card-checkbox{align-items:center;background:#fff;border:1px solid #0000;border-radius:6px;box-shadow:0 1px 2px #0f172a0a;color:#1e293b;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;height:30px;overflow:hidden;padding:0 10px;text-overflow:ellipsis;transition:border-color .15s,background .15s;white-space:nowrap}.filter-card-checkbox:hover{background:#fffbeb;border-color:#fbbf24}.filter-card-checkbox input[type=checkbox]{accent-color:#6366f1;flex-shrink:0;margin:0}.filter-accordion-group.open .filter-accordion-body .multi-select-options{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a1f;font-size:12px;margin-top:2px;max-height:380px;min-width:220px;overflow-y:auto;padding:4px;position:absolute;z-index:100}.filter-accordion-group.open .filter-accordion-body .multi-select-options .checkbox-option{align-items:center!important;background:#0000!important;border:none!important;border-radius:5px!important;box-shadow:none!important;color:#334155!important;cursor:pointer;display:flex!important;font-size:12px!important;font-weight:500;gap:8px!important;height:auto!important;justify-content:flex-start!important;min-height:28px!important;padding:6px 10px!important;text-align:left!important;white-space:nowrap}.filter-accordion-group.open .filter-accordion-body .multi-select-options .checkbox-option:hover{background:#f1f5f9!important}.filter-accordion-group.open .filter-accordion-body .multi-select-options .checkbox-option input{accent-color:#6366f1;flex-shrink:0;margin:0!important}.filter-accordion-group.open .filter-accordion-body .multi-select-options .checkbox-option .label-text{color:#334155!important;flex:0 1 auto;font-size:12px!important;font-weight:500!important}.filter-accordion-group.open .filter-accordion-body .multi-select-options .clear-option{align-items:center;background:#fef2f2;border-bottom:none;border-radius:5px;color:#b91c1c;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:6px;justify-content:center;margin-bottom:4px;padding:6px 10px;text-align:center}.filter-accordion-group.open .filter-accordion-body .multi-select-options .clear-option:hover{background:#fee2e2}.filter-accordion-group.open .filter-accordion-body .multi-select-options .opt-category{background:#f8fafc;border-top:1px solid #f1f5f9;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.4px;margin-top:2px;padding:6px 10px 4px;text-transform:uppercase}.filter-accordion-group.open .filter-accordion-body .multi-select-options .opt-category:first-of-type{border-top:none;margin-top:0}.row-context-menu{animation:rcmFadeIn .12s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0f172a2e;font-size:13px;min-width:200px;padding:4px}@keyframes rcmFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.row-context-menu .rcm-header{border-bottom:1px solid #f1f5f9;color:#1e293b;font-size:11.5px;font-weight:700;letter-spacing:.3px;margin-bottom:4px;overflow:hidden;padding:6px 10px 4px;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.row-context-menu .rcm-item{align-items:center;background:#0000;border:none;border-radius:5px;color:#334155;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;padding:7px 10px;text-align:left;transition:background .12s,color .12s;width:100%}.row-context-menu .rcm-item:hover{background:#f1f5f9;color:#0f172a}.row-context-menu .rcm-item.rcm-danger:hover{background:#fef2f2;color:#b91c1c}.row-context-menu .rcm-item.rcm-success:hover{background:#ecfdf5;color:#047857}.row-context-menu .rcm-icon{flex-shrink:0;font-size:14px;text-align:center;width:18px}.row-context-menu .rcm-sep{background:#f1f5f9;height:1px;margin:4px 0}.active-filters-bar{align-items:center;background:#fff;border:none;border-radius:8px 8px 0 0;box-shadow:0 1px 0 #0f172a0a;display:flex;flex-wrap:wrap;font-size:11px;gap:6px;margin-bottom:4px;padding:7px 12px}.active-filters-bar .af-title{color:#475569;font-weight:700;margin-right:4px}.active-filter-chip{align-items:center;background:#eef2ff;border-radius:12px;color:#3730a3;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 6px 2px 8px;white-space:nowrap}.active-filter-chip button{background:#0000;border:none;border-radius:50%;color:#6366f1;cursor:pointer;font-size:13px;line-height:1;padding:0 2px}.active-filter-chip button:hover{background:#c7d2fe;color:#1e1b4b}.active-filters-bar .af-empty{color:#94a3b8;font-style:italic}.active-filters-bar .af-clear-all{background:#fee2e2;border:none;border-radius:12px;color:#b91c1c;cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;padding:3px 10px}.active-filters-bar .af-clear-all:hover{background:#fecaca}.filter-row{align-items:center;gap:8px;margin-bottom:0}.filter-row>.filter-group{flex:0 1 auto;min-width:fit-content}.filter-row:last-child{margin-bottom:0}.filter-group{gap:4px}.filter-group-status{flex:0 0 150px!important;flex-grow:0!important;flex-shrink:0!important;max-width:150px!important;min-width:150px!important;width:150px!important}.filter-group-status select{max-width:150px!important;width:100%!important}.filter-group-consultant{flex:0 0 220px!important;max-width:220px!important;min-width:220px!important;width:220px!important}.filter-group-customer-type{flex:0 0 200px!important;max-width:200px!important;min-width:200px!important;width:200px!important}.filter-group-company-type{flex:0 0 220px!important;flex-grow:0!important;flex-shrink:0!important;max-width:220px!important;min-width:220px!important;width:220px!important}.filter-group-company-type .multi-select-dropdown,.filter-group-company-type .multi-select-header{max-width:220px!important;width:100%!important}.filter-group-company-type .multi-select-options{left:0!important;min-width:180px!important}.filter-group-total-credit{flex:0 0 160px!important;flex-grow:0!important;flex-shrink:0!important;max-width:160px!important;min-width:160px!important;width:160px!important}.filter-group-total-credit select{max-width:160px!important;width:100%!important}.filter-group label{color:#475569;font-size:12px}.status-icon{display:none!important}.checkbox-option,.label-text{font-size:14px!important}.form-input,.form-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;transition:border-color .18s}.form-input,.form-select,.multi-select-header{box-sizing:border-box!important;font-size:13px!important;height:34px!important;line-height:20px!important;max-height:34px!important;min-height:34px!important;padding:7px 10px!important}.multi-select-header{align-items:center!important;display:flex!important;justify-content:space-between!important}input[type=date]{box-sizing:border-box!important;font-size:14px!important;height:38px!important;line-height:22px!important;max-height:38px!important;min-height:38px!important;padding:8px 12px!important}.form-input:focus,.form-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.page-controls{background:#fff;border:none;border-radius:10px;box-shadow:0 1px 3px #0f172a0f;justify-content:space-between;margin-bottom:10px;padding:8px 14px}.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{align-items:center;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-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.table-container-full{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:16px;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:#f1f5f9;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;box-sizing:border-box;color:#475569;font-size:.8rem;font-weight:700;height:42px;line-height:1.3;padding:10px 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:#e8edf5;color:#4f46e5}.sortable-header{background:#f1f5f9!important;border:none;border-bottom:2px solid #e2e8f0;border-right:1px solid #e2e8f0;color:#475569!important;display:table-cell!important;font-weight:700;height:42px!important;line-height:1.3!important;padding:10px 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:#e0e7ff!important;color:#4f46e5!important;cursor:pointer}.customers-table-full tbody tr:hover{background:#f0f4ff}.customer-link{color:#4f46e5;display:block;font-weight:600;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{padding:0 15px}.loading-header{align-items:center;display:flex;justify-content:space-between}.loading-filters,.loading-header{border-radius:8px;margin-bottom:20px;padding:15px 20px}.loading-filters{grid-gap:15px;background:#fff;box-shadow:0 2px 8px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.loading-table{border-radius:8px;margin-bottom:20px;padding:20px}.skeleton{border-radius:4px}.skeleton-title{height:36px;width:250px}.skeleton-button{height:36px;width:150px}.skeleton-filter{height:60px;width:100%}.skeleton-table-header{height:50px;margin-bottom:10px;width:100%}.skeleton-table-row{height:40px;margin-bottom:8px;width:100%}.loading-text{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#666;font-size:16px;font-weight:500;padding:20px;text-align:center}@media (max-width:768px){.loading-filters{grid-template-columns:1fr}}.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}.filter-row:first-child{padding:10px}.filter-group-company-type,.filter-group-consultant,.filter-group-customer-type,.filter-group-medium,.filter-group-small{flex:1 1 100%!important;max-width:100%!important;min-width:100%!important}.active-filter-badge{font-size:11px!important;padding:3px 8px!important}.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;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)}.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;font-size:.8rem;text-align:right}.modal-footer{border-radius:0 0 12px 12px;border-top:1px solid #eee}.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:hover:not(:disabled){box-shadow:0 8px 20px #667eea4d}@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%}}.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}.loading-spinner{border-top-color:#1976d2;margin-bottom:20px}.no-data-container{color:#666}.no-data-icon{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}.refresh-btn:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80}.analysis-tabs{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex}.tab-btn:hover{background:#1976d20d;color:#1976d2}.tab-btn.active{border-bottom-color:#1976d2;color:#1976d2}.analysis-content{padding:30px}.stat-card{background:#f8f9fa;border-left:4px solid #1976d2}.stat-icon{font-size:2rem;opacity:.8}.stat-content h4{color:#666;font-size:.9rem;font-weight:500;margin:0 0 5px}.stat-value{margin:0}.stat-value-text{color:#1976d2;font-size:1.2rem;font-weight:600}.stat-label{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{background:#e9ecef;color:#333;font-size:.9rem;font-weight:600;grid-template-columns:120px 100px 100px 100px 120px 100px}.table-body{max-height:400px;overflow-y:auto}.table-row{grid-gap:15px;border-bottom:1px solid #e9ecef;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%}}.credit-load-history{background:#f8f9fa;padding:20px}.compact-header-inline{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px;padding:12px 18px}.compact-header-inline h3{color:#2c3e50;font-size:1.1rem;margin:0;white-space:nowrap}.customer-info-inline{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px}.info-badge{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;color:#5c6873;display:inline-flex;font-size:.75rem;padding:4px 10px;white-space:nowrap}.info-badge strong{color:#2c3e50;margin-right:4px}.refresh-btn-inline{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 6px #667eea4d;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .3s ease}.refresh-btn-inline:hover{box-shadow:0 4px 10px #667eea66;transform:scale(1.1)}.share-whatsapp-btn{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;box-shadow:0 2px 6px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.share-whatsapp-btn:hover{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 4px 12px #25d36666;transform:translateY(-2px)}.compact-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px 20px}.header-left{display:flex;flex-direction:column;gap:8px}.header-left h3{color:#2c3e50;font-size:1.1rem;margin:0}.customer-info-compact{display:flex;flex-wrap:wrap;font-size:.85rem;gap:15px}.customer-info-compact .info-item{color:#5c6873}.customer-info-compact .info-item strong{color:#2c3e50;margin-right:4px}.customer-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:.85rem;font-weight:600;padding:4px 12px}.refresh-btn{box-shadow:0 2px 8px #667eea4d;font-weight:600}.refresh-btn:hover{box-shadow:0 4px 12px #667eea66}.summary-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.stat-card{border:2px solid #0000;box-shadow:0 2px 8px #0000001a}.stat-card:hover{box-shadow:0 4px 16px #00000026}.stat-card.primary .stat-label,.stat-card.primary .stat-unit{color:#ffffffe6}.stat-label{color:#7f8c8d;font-size:.75rem;font-weight:700;letter-spacing:.5px}.stat-value{font-size:1.8rem;margin:5px 0}.stat-card.primary .stat-value{color:#fff}.stat-unit{color:#95a5a6;font-size:.85rem;font-weight:600}.dates-info{grid-gap:15px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:25px;padding:20px}.date-item{display:flex;flex-direction:column;gap:5px}.date-label{color:#7f8c8d;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.date-value{color:#2c3e50;font-size:1.1rem;font-weight:600}.history-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:25px}.history-table-container h4{border-bottom:2px solid #ecf0f1;color:#2c3e50;font-size:1.2rem;margin:0 0 20px;padding-bottom:10px}.history-table{width:100%}.table-header{grid-gap:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:grid;font-size:.85rem;font-weight:700;gap:15px;grid-template-columns:2fr 2fr 1.5fr 1fr;letter-spacing:.5px;margin-bottom:10px;padding:15px 20px;text-transform:uppercase}.table-body{display:flex;flex-direction:column;gap:8px}.table-row{grid-gap:10px;align-items:center;background:#f8f9fa;border-radius:6px;display:grid;font-size:.9rem;gap:10px;grid-template-columns:2fr 2fr 1.5fr 1fr;padding:10px 15px;transition:all .2s ease}.table-row.main-row{background:#fff;border:2px solid #ecf0f1}.table-row.main-row:hover{background:#f8f9fa;border-color:#667eea;transform:translateX(5px)}.col-date{color:#2c3e50;font-weight:600}.col-count,.col-total{text-align:center}.col-actions{text-align:right}.amount-badge{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 2px 8px #11998e4d;font-size:.95rem}.amount-badge,.count-badge{border-radius:20px;color:#fff;display:inline-block;font-weight:700;padding:6px 12px}.count-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 8px #667eea4d;font-size:.85rem}.expand-btn{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;box-shadow:0 2px 8px #f093fb4d;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .3s ease}.expand-btn:hover{box-shadow:0 4px 12px #f093fb66;transform:scale(1.05)}.expanded-details{background:#f8f9fa;border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin-top:8px;padding:15px 20px}.detail-row{grid-gap:15px;background:#fff;border-left:3px solid #95a5a6;border-radius:6px;display:grid;gap:15px;grid-template-columns:2fr 1.5fr 3fr;margin-bottom:8px;padding:10px 15px;transition:all .2s ease}.detail-row:hover{border-left-color:#667eea;transform:translateX(5px)}.detail-row:last-child{margin-bottom:0}.detail-time{color:#7f8c8d;font-size:.85rem;font-weight:600}.detail-amount{color:#11998e;font-size:.9rem;font-weight:700}.detail-notes{color:#95a5a6;font-size:.85rem;font-style:italic}.info-note{align-items:center;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:8px;color:#1976d2;display:flex;font-size:.9rem;gap:10px;padding:15px 20px}.info-icon{font-size:1.2rem}.no-data-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-data-icon{font-size:4rem}.no-data-container h3{color:#2c3e50;margin-bottom:10px}.no-data-container p{color:#7f8c8d;font-size:.95rem}.loading-container{padding:20px}.loading-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;padding:20px}.loading-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.loading-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:25px}.skeleton{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px}.skeleton-title{height:40px;width:300px}.skeleton-stat{height:100px;width:100%}.skeleton-row{height:60px;margin-bottom:10px;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.summary-stats,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:10px}.col-actions,.col-count,.col-date,.col-total{text-align:left}.dates-info,.detail-row{grid-template-columns:1fr}}.unified-stats-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);margin-bottom:10px}.stat-card{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000000f;flex-direction:column;justify-content:center;min-height:11px;padding:1px 3px}.stat-card:hover{border-color:#667eea;transform:translateY(-3px)}.stat-card.primary{background:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000f;color:#2c3e50}.stat-card.primary:hover{border-color:#667eea;box-shadow:0 4px 12px #00000026}.stat-card.highlight{background:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000000f}.stat-card.highlight:hover{box-shadow:0 4px 12px #667eea40}.stat-label-sm{color:#667eea;font-size:.85rem;font-weight:700;letter-spacing:.3px;margin-bottom:1px;text-transform:uppercase}.stat-card.highlight .stat-label-sm,.stat-card.primary .stat-label-sm{color:#667eea}.stat-value-lg{font-size:1.43rem;font-weight:700;letter-spacing:-.3px}.stat-value-lg,.stat-value-md{color:#2c3e50;line-height:1;margin:0}.stat-value-md{font-size:1.1rem;font-weight:900}.stat-card.primary .stat-value-lg,.stat-card.primary .stat-value-md{color:#2c3e50;font-size:1.5rem}.stat-card.highlight .stat-value-lg{color:#2c3e50;font-size:1.56rem;font-weight:700}.stat-unit-sm{color:#95a5a6;font-size:.78rem;font-weight:600;margin-top:0;text-transform:lowercase}.stat-card.highlight .stat-unit-sm,.unit-sm{color:#95a5a6}.unit-sm{font-size:.75rem;font-weight:500;margin-left:4px}.stat-card.primary .unit-sm{color:#ffffffd9}.table-enhanced{background:#fff;border-radius:10px;box-shadow:0 2px 10px #00000014;overflow:hidden}.table-enhanced table{border-collapse:collapse;width:100%}.table-enhanced thead{background:linear-gradient(135deg,#667eea,#764ba2)}.table-enhanced thead tr{display:table;table-layout:fixed;width:100%}.table-enhanced thead th{color:#fff;font-size:.7rem;font-weight:700;letter-spacing:1px;padding:16px 12px;text-align:center;text-transform:uppercase}.table-enhanced thead th:first-child{text-align:center;width:5%}.table-enhanced thead th:nth-child(2){text-align:center;width:15%}.table-enhanced thead th:nth-child(3),.table-enhanced thead th:nth-child(4),.table-enhanced thead th:nth-child(5){padding-right:20px;text-align:right;width:15%}.table-enhanced thead th:nth-child(6){padding-left:20px;text-align:left;width:35%}.table-enhanced tbody{display:block;max-height:600px;overflow-y:auto}.table-enhanced tbody tr{border-bottom:1px solid #f0f0f0;display:table;table-layout:fixed;transition:all .2s ease;width:100%}.table-enhanced tbody tr:nth-child(2n){background:#fafbfc}.table-enhanced tbody tr:hover{background:#f5f7fa;box-shadow:inset 3px 0 0 #667eea}.table-enhanced tbody td{color:#2c3e50;font-size:.9rem;padding:10px 12px;text-align:center;vertical-align:middle}.table-enhanced tbody td:first-child{width:5%}.table-enhanced tbody td:nth-child(2),.table-enhanced tbody td:nth-child(3),.table-enhanced tbody td:nth-child(4),.table-enhanced tbody td:nth-child(5){width:15%}.table-enhanced tbody td:nth-child(6){padding-left:20px;text-align:left;width:35%}.number-cell{background:#f8f9fa;color:#667eea;font-size:.9rem;font-weight:700}.amount-badge-new{background:linear-gradient(135deg,#11998e,#38ef7d);border-radius:16px;box-shadow:0 2px 6px #11998e4d;font-size:.85rem;font-weight:700;padding:5px 12px}.amount-badge-new,.count-badge-new{color:#fff;display:inline-block;vertical-align:middle}.count-badge-new{background:#667eea;border-radius:10px;font-size:.7rem;font-weight:600;margin-left:6px;padding:3px 7px}.date-cell{color:#667eea;font-weight:600;text-align:center}.amount-cell{color:#2c3e50;font-weight:700}.amount-cell,.balance-cell-prev{padding-left:10px!important;padding-right:30px!important;text-align:right!important}.balance-cell-prev{color:#7f8c8d;font-weight:600}.balance-cell-after{color:#27ae60;font-weight:700;padding-left:10px!important;padding-right:30px!important;text-align:right!important}@media (max-width:1200px){.unified-stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.unified-stats-grid{grid-template-columns:repeat(2,1fr)}.table-enhanced{overflow-x:auto}.table-enhanced table{min-width:700px}}@media (max-width:480px){.unified-stats-grid{grid-template-columns:1fr}.stat-value-lg{font-size:1.4rem}}.credit-usage-analysis{background:#f8f9fa;border-radius:10px;padding:20px}.analysis-header{margin-bottom:30px;text-align:center}.analysis-header h2{color:#2c3e50;font-size:1.8rem;margin-bottom:10px}.analysis-header h3{color:#667eea;font-size:1.3rem;font-weight:500}.period-selector{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:20px}.period-buttons{margin-bottom:15px}.period-btn{border-radius:6px;font-weight:500}.period-btn.active{background:#667eea}.custom-range{border-top:1px solid #e0e0e0;padding-top:15px}.custom-range label{font-weight:500;gap:8px;margin-bottom:10px}.date-inputs{gap:10px}.date-inputs input[type=date]{border-radius:6px;font-size:.9rem;padding:8px 12px}.apply-btn{background:#667eea;border-radius:6px;font-weight:500;padding:8px 20px;transition:background .3s ease}.apply-btn:hover{background:#5568d3}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.summary-cards.large{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{border-radius:10px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{box-shadow:0 4px 16px #0000001f}.summary-card.highlight{border-left:4px solid #667eea}.summary-card.success{border-left:4px solid #28a745}.summary-card.danger{border-left:4px solid #dc3545}.card-icon{line-height:1}.card-content h4{color:#6c757d;font-size:.85rem;font-weight:500;margin:0 0 8px}.card-value{margin:0}.card-label{font-size:.8rem}.period-info{background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:20px}.info-row{border-bottom:1px solid #f0f0f0;padding:10px 0}.info-row:last-child{border-bottom:none}.info-label{color:#495057;font-weight:600}.info-value{color:#2c3e50}.view-mode-selector{display:flex;gap:10px;justify-content:center;margin-bottom:25px}.mode-btn{background:#fff;border:2px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 25px;transition:all .3s ease}.mode-btn:hover{background:#f0f4ff;border-color:#667eea}.mode-btn.active{background:#667eea;border-color:#667eea;color:#fff}.section{box-shadow:0 2px 8px #00000014;margin-bottom:25px;padding:25px}.section h3{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.3rem;margin-bottom:20px;padding-bottom:10px}.decisions-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.decision-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px}.decision-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.decision-date{color:#495057;font-size:.9rem;font-weight:600}.decision-amount{background:#667eea;border-radius:4px;color:#fff;font-size:.9rem;font-weight:600;padding:4px 12px}.decision-details{display:flex;flex-direction:column;gap:8px}.detail-row{font-size:.9rem;justify-content:space-between}.detail-row .value{font-weight:600}.detail-row .value.success{color:#28a745}.decision-notes{border-top:1px solid #dee2e6;color:#6c757d;font-size:.85rem;font-style:italic;margin-top:10px;padding-top:10px}.snapshot-timeline{display:flex;flex-direction:column;gap:15px}.snapshot-item{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:8px;padding:15px}.snapshot-date{color:#495057;font-size:.95rem;font-weight:600;margin-bottom:10px}.snapshot-data{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.data-item{background:#fff;border-radius:4px;display:flex;justify-content:space-between;padding:8px}.data-item .label{color:#6c757d;font-size:.85rem}.data-item .value{font-size:.9rem;font-weight:600}.data-item .value.danger{color:#dc3545}.data-item .value.success{color:#28a745}.data-table thead{background:#667eea}.data-table th{padding:12px}.notes-cell{color:#6c757d;font-size:.85rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stats-section h3{border-bottom-color:#ffffff4d;color:#fff}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;padding:15px}.stat-value{font-size:1.5rem}@media (max-width:768px){.summary-cards{grid-template-columns:1fr}.period-buttons{flex-direction:column}.period-btn{width:100%}.decisions-grid,.snapshot-data,.stats-grid{grid-template-columns:1fr}.view-mode-selector{flex-direction:column}.mode-btn{width:100%}}.finance-section{padding:20px}.section-header{border-bottom:2px solid #e0e0e0;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}.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{box-shadow:0 4px 15px #0000001a}.data-table th{background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#2c3e50}.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{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-radius:10px;box-shadow:0 4px 15px #16a34a33;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{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 input,.form-group select,.form-group textarea{border-radius:6px}.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{border-radius:8px;box-shadow:0 3px 12px #667eea33;margin-bottom:10px;padding:7px 10px}.page-header .header-left{display:flex;flex-direction:column;gap:3px}.page-header .header-right{align-items:center;display:flex;gap:8px}.page-header h1{color:#fff;font-size:.95rem}.back-link{color:#ffffffe6;font-size:.7rem;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:12px;font-size:.7rem;padding:3px 8px}.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;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}.stat-value{color:#1e293b;font-size:1.1rem;margin-bottom:2px}.stat-label{color:#64748b;font-size:.7rem;letter-spacing:.05em}.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;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;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 label{align-items:center;color:#ffffffbf;display:flex;font-size:.75rem;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;justify-content:center;min-height:200px}.error{background:#f8d7da;border-radius:8px;font-size:1.1rem;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{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-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}.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-radius:6px;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{-webkit-backdrop-filter:none;backdrop-filter:none;background:#f8f9fa;border-radius:12px;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;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{font-size:.9rem}.tab-btn:hover{background:#f8f9fa;color:#495057}.tab-btn.active{box-shadow:0 2px 8px #667eea4d}.customer-form{background:#fff;border-radius:12px;box-shadow:0 2px 15px #00000014;overflow:hidden}.form-group{gap:6px}.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-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{border-radius:8px;box-shadow:0 2px 4px #0000000d;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{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}}.performance-container{background:#f8f9fa;margin:0;max-width:100%;min-height:100vh;padding:20px 0}.performance-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin:0 5px 25px;padding:20px}.performance-header h1{color:#2c3e50;font-size:2rem;margin:0}.refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:transform .2s ease}.refresh-btn:hover{transform:translateY(-2px)}.retry-btn{background:#e74c3c;margin-top:20px;padding:12px 24px}.error,.loading{padding:40px}.tab-navigation{box-shadow:0 2px 10px #0000001a;flex-wrap:wrap;margin:0 5px 25px;padding:15px}.tab-btn{border:2px solid #e9ecef;min-width:200px;padding:12px 20px}.tab-btn:hover{transform:translateY(-2px)}.tab-btn.active{border-color:#667eea}.tab-content{animation:fadeIn .3s ease-in}.stats-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 5px 25px}.summary-card{box-shadow:0 4px 15px #00000014;gap:20px;padding:25px;transition:transform .3s ease}.summary-icon{font-size:3rem;opacity:.8}.summary-content{flex:1 1}.summary-value{color:#2c3e50;font-size:2rem;font-weight:700;margin-bottom:5px}.summary-label{color:#6c757d;font-size:1rem;font-weight:600}.chart-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin:0 5px 25px}.chart-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px;transition:transform .3s ease}.chart-card:hover{transform:translateY(-3px)}.chart-card.full-width{grid-column:1/-1}.chart-card h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.chart-wrapper{height:350px;position:relative}.data-table-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin:0 5px 25px;padding:25px}.data-table-section h3{color:#2c3e50;font-size:1.3rem;margin:0 0 20px}.data-table{font-size:.95rem}.data-table th{border-bottom:2px solid #dee2e6;font-weight:600;padding:15px}.data-table td{border-bottom:1px solid #e9ecef;padding:12px 15px}.data-table tbody tr:last-child td{border-bottom:none}@media (max-width:1200px){.chart-grid{grid-template-columns:1fr}}@media (max-width:768px){.performance-container{padding:10px 0}.performance-header{align-items:stretch;flex-direction:column;gap:15px}.performance-header h1{font-size:1.5rem}.tab-navigation{flex-direction:column}.tab-btn{min-width:100%}.stats-summary{grid-template-columns:1fr}.chart-wrapper{height:300px}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:10px}}@media (max-width:480px){.summary-value{font-size:1.5rem}.summary-icon{font-size:2rem}.chart-wrapper{height:250px}}.pivot-table-wrapper{margin-left:-25px;margin-right:-25px;margin-top:15px;overflow-x:auto;padding:0 25px}.pivot-table{border-collapse:collapse;font-size:.9rem;min-width:100%;width:100%}.pivot-group-header{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:5}.pivot-group-header th{border-bottom:2px solid #495057;color:#fff;font-weight:600;padding:12px;text-align:center}.pivot-year-total-row{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:2px solid #495057;border-top:2px solid #495057}.pivot-year-total-cell{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1rem;font-weight:700;left:0;padding:12px;position:sticky;text-align:left;z-index:2}.pivot-year-total-value{background:#f1f3f5;border-left:1px solid #dee2e6;color:#495057;font-weight:600;padding:10px;text-align:center}.pivot-header{left:0;padding:12px;position:sticky;z-index:10}.pivot-header,.pivot-month-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;text-align:center}.pivot-month-header{font-size:.85rem;padding:12px 8px}.pivot-total-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;padding:12px;text-align:center}.pivot-year-cell{background:#f8f9fa;font-weight:600;left:0;padding:10px 15px;position:sticky;z-index:5}.pivot-value-cell,.pivot-year-cell{border:1px solid #dee2e6;text-align:center}.pivot-value-cell{background:#fff;padding:10px 8px}.pivot-value-cell:hover{background:#e3f2fd}.pivot-total-cell{border:1px solid #dee2e6;font-weight:600;padding:10px 8px;text-align:center}.pivot-total-cell,.pivot-total-row{background:#fff3cd}.pivot-total-row .pivot-year-cell{background:#ffc107;color:#000}.pivot-grand-total{background:#ffc107;border:2px solid #ff9800;font-size:1.1rem;font-weight:700;padding:10px;text-align:center}.heatmap-container{background:#fff;border-radius:8px;margin-top:20px;padding:20px}.heatmap-row{align-items:center;display:flex;margin-bottom:5px}.heatmap-year-label{color:#2c3e50;font-weight:600;padding-right:15px;text-align:right;width:80px}.heatmap-cells{display:flex;flex:1 1;gap:5px}.heatmap-cell{align-items:center;border:1px solid #e9ecef;border-radius:4px;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;height:50px;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.heatmap-cell:hover{box-shadow:0 4px 12px #00000026;transform:scale(1.05);z-index:10}.heatmap-month-labels{align-items:center;display:flex;margin-top:10px}.heatmap-month-label{color:#6c757d;flex:1 1;font-size:.75rem;font-weight:600;text-align:center}@media (max-width:1200px){.pivot-table{font-size:.8rem;min-width:1000px}.pivot-month-header{font-size:.75rem;padding:10px 6px}.pivot-total-cell,.pivot-value-cell{padding:8px 6px}}@media (max-width:768px){.heatmap-cell{font-size:.8rem;height:40px}.heatmap-year-label{font-size:.85rem;width:60px}.heatmap-month-label{font-size:.7rem}}.csv-import{padding:20px 0}.page-header h1{color:#333}.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{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{border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:30px}.page-header h1{text-shadow:2px 2px 4px #0000001a}.page-header p{color:#6c757d;font-size:1.2em}.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;min-width:300px}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.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}.btn-success:hover{background:#218838}.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.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;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{font-size:1.1em}.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{border:2px dashed #dee2e6;border-radius:12px;height:fit-content;margin-bottom:0;max-height:70vh;overflow-y:auto;padding:20px}.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{border-left:4px solid #007bff;padding:10px 15px}.stat-label{color:#6c757d;font-size:14px;font-weight:600}.stat-value{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 h1{color:#25d366;font-size:2.5em;margin-bottom:10px}.page-header p{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;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{border-left:4px solid #25d366;padding:12px}.stat-label{display:block;font-size:.85em;margin-bottom:4px}.stat-value{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;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{flex-wrap:wrap;gap:20px;margin-bottom:15px}.filter-group{min-width:200px}.filter-group label{font-weight:700}.filter-group input,.filter-group select{font-size:1em;padding:8px 12px}.message-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.stat-card{background:linear-gradient(135deg,#25d366,#128c7e);flex:1 1;min-width:120px}.stat-number{display:block;font-size:2em;font-weight:700;margin-bottom:5px}.stat-label{font-size:.9em}.loading{color:#666;font-size:1.2em}.no-messages{color:#666;padding:40px;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{gap:20px;margin-top: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}.modal-close{background:#dc3545;border-radius:50%;color:#fff;font-size:16px;font-weight:700}.modal-close:hover{background:#c82333}.modal-body{display:flex;flex:1 1;flex-direction:row;gap:20px;overflow:hidden}.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}.btn-save:hover{background:#218838}.btn-copy{background:#17a2b8;color:#fff}.btn-copy:hover{background:#138496}.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}}.consultant-messaging-container{background:#f8f9fa;min-height:100vh;padding:20px}.messaging-header{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:20px;text-align:center}.messaging-header h2{color:#2c3e50;font-size:2rem;margin:0 0 10px}.messaging-header p{color:#6c757d;font-size:1.1rem;margin:0}.statistics-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-bottom:20px}.stat-card{border-radius:5px;box-shadow:0 1px 5px #0000001a;gap:5px;padding:4px 8px;transition:transform .3s}.stat-card,.stat-card *{color:#fff!important}.stat-card:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.stat-icon{background:#fff3;border-radius:4px;flex-shrink:0;font-size:.6rem;height:18px;width:18px}.stat-value{color:#fff;font-size:.65rem;line-height:1.1}.stat-label{color:#fff;font-size:.375rem;margin-top:.5px}.filters-section{border-radius:12px;box-shadow:0 2px 10px #0000001a}.filters-row{display:flex;gap:15px;margin-bottom:15px}.search-input{font-size:1rem;padding:12px 20px;transition:border-color .3s}.search-input:focus{border-color:#4a90e2}.filter-select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 20px}.bulk-actions{display:flex;gap:10px;justify-content:flex-end}.btn-select-all{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-send-bulk{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-excel-export{align-items:center;background:#217346!important;border:2px solid #1e5f3a!important;box-shadow:0 2px 8px #2173464d;display:flex;font-size:16px;font-weight:600;gap:8px;padding:10px 20px!important;transition:all .3s ease}.btn-excel-export:hover{background:#1e5f3a!important;box-shadow:0 4px 12px #21734666;transform:translateY(-2px)}.btn-excel-export .excel-icon{animation:bounce 2s infinite;display:inline-block;font-size:20px}.btn-excel-export .excel-text{font-weight:700;letter-spacing:.5px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.btn:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn:disabled{opacity:.5}.consultants-table-container{background:#fff;border-radius:12px}.no-data{color:#6c757d;font-size:1.1rem;padding:40px}.phone-edit{align-items:center;display:flex;gap:5px}.phone-input{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:6px 10px}.btn-cancel-phone,.btn-save-phone{border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:4px 8px}.btn-save-phone{background:#28a745;color:#fff}.btn-cancel-phone{background:#dc3545;color:#fff}.phone-display{align-items:center;display:flex;gap:8px}.btn-edit-phone{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:2px}.btn-history,.btn-send-single{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:4px;transition:transform .2s}.btn-history:hover,.btn-send-single:hover{transform:scale(1.2)}.btn-send-single:disabled{cursor:not-allowed;opacity:.3}.modern-modal{animation:modalSlideIn .3s ease-out;max-width:900px;width:95%}.fade-in{animation:fadeIn .3s ease-in}.modal-large{max-width:800px}.modern-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;border-radius:15px 15px 0 0;color:#fff;padding:25px 30px}.header-content{gap:15px}.header-icon{border-radius:10px;font-size:2rem;height:50px;width:50px}.header-text h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0}.header-subtitle{color:#ffffffe6;font-size:.9rem;font-weight:400}.modern-close{align-items:center;background:#fff3;border-radius:8px;color:#fff;display:flex;font-size:1.3rem;height:36px;justify-content:center;width:36px}.modern-close:hover{background:#ffffff4d;transform:scale(1.1)}.modern-body{background:#f8f9fa;padding:30px}.message-type-section{margin-bottom:25px}.section-label{align-items:center;border-bottom:2px solid #e9ecef;color:#2c3e50;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;margin-bottom:15px;padding-bottom:12px}.char-count{color:#6c757d;font-size:.85rem;font-weight:400}.message-type-cards{display:flex;flex:1 1;flex-direction:column;gap:15px}.type-card{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:18px;text-align:left}.type-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-3px)}.type-card.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.type-card-icon{flex-shrink:0;font-size:2rem}.type-card-content{flex:1 1}.type-card-title{color:#2c3e50;font-size:.95rem;font-weight:600;margin-bottom:3px}.type-card-desc{color:#6c757d;font-size:.8rem;line-height:1.3}.message-content-section{background:#f8f9fa;overflow-y:auto;padding:30px}.message-content-section,.textarea-wrapper{display:flex;flex:1 1;flex-direction:column}.textarea-wrapper{position:relative}.modern-textarea{background:#fff;border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-family:inherit;font-size:1.05rem;line-height:1.6;min-height:320px;padding:18px;resize:vertical;transition:all .3s;white-space:pre-wrap;width:100%}.modern-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.textarea-hint{background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;color:#856404;font-size:.9rem;margin-top:10px;padding:10px 15px}.modern-group{margin-bottom:20px}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{font-size:1.2rem;left:15px;position:absolute;z-index:1}.modern-input{border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;padding:12px 15px 12px 45px;transition:all .3s;width:100%}.modern-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.required-badge{background:#dc3545}.optional-badge,.required-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:3px 10px}.optional-badge{background:#6c757d}.image-preview{background:#f8f9fa;border-radius:10px;margin-top:15px;padding:15px;text-align:center}.image-preview img{border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:100%}.image-source-buttons{display:flex;gap:10px;margin-bottom:20px}.source-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s}.source-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.file-upload-section{background:#fff;border:2px dashed #667eea;border-radius:10px;margin-bottom:20px;padding:20px}.file-info{align-items:center;display:flex;gap:10px;margin-bottom:10px}.file-name{color:#2c3e50;font-weight:600}.file-size{color:#6c757d;font-size:.9rem}.gallery-modal{max-width:1000px}.gallery-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:10px}.gallery-item{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .3s}.gallery-item:hover{border-color:#667eea;box-shadow:0 6px 16px #00000026;transform:translateY(-5px)}.gallery-item img{height:150px;object-fit:cover;width:100%}.gallery-item-info{padding:10px}.gallery-item-name{color:#2c3e50;font-size:.85rem;font-weight:600;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-item-meta{align-items:center;color:#6c757d;display:flex;font-size:.75rem;justify-content:space-between}.btn-delete-gallery{background:none;border:none;cursor:pointer;font-size:1.2rem;padding:2px;transition:transform .2s}.btn-delete-gallery:hover{transform:scale(1.2)}.message-type-selector{display:flex;gap:10px}.type-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;padding:12px;transition:all .3s}.type-btn.active{background:#e3f2fd;border-color:#4a90e2;color:#1976d2}.form-input,.message-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px;transition:border-color .2s;width:100%}.form-input:focus,.message-textarea:focus{border-color:#4a90e2;outline:none}.modal-actions{gap:10px;margin-top:20px}.modal-actions,.modern-footer{display:flex;justify-content:flex-end}.modern-footer{background:#fff;border-radius:0 0 15px 15px;border-top:1px solid #e9ecef;gap:12px;padding:20px 30px}.modern-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea66}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #667eea80}.btn-primary:disabled{opacity:.6;transform:none}.btn-secondary{background:#f8f9fa;border:2px solid #e0e0e0;color:#6c757d}.btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#6c757d}.btn-icon{font-size:1.1rem}.btn-spinner{animation:spin 1s linear infinite}.btn-send{background:linear-gradient(135deg,#4a90e2,#357abd);color:#fff}.btn-cancel{background:#6c757d}.loading{font-size:1.2rem}.no-history{color:#6c757d;font-size:1.1rem;padding:40px;text-align:center}.message-history{display:flex;flex-direction:column;gap:15px}.history-item{background:#f8f9fa;border-left:4px solid #4a90e2;border-radius:8px;padding:15px}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.history-date{color:#6c757d;font-size:.9rem}.history-type{font-size:1.2rem}.status-badge{font-size:.85rem}.badge-pending{background:#fff3cd;color:#856404}.badge-sent{background:#d1ecf1;color:#0c5460}.badge-delivered{background:#d4edda;color:#155724}.badge-read{background:#cfe2ff;color:#084298}.badge-failed{background:#f8d7da;color:#721c24}.history-content{margin:10px 0}.history-content p{color:#2c3e50;margin:0}.history-image img{border-radius:8px;margin-bottom:10px}.history-error{color:#dc3545;font-size:.9rem;margin-top:10px}.history-footer{border-top:1px solid #dee2e6;color:#6c757d;font-size:.85rem;margin-top:10px;padding-top:10px}@media (max-width:768px){.statistics-grid{grid-template-columns:repeat(2,1fr)}.bulk-actions,.filters-row{flex-direction:column}.consultants-table{font-size:.85rem}.modal-content{width:95%}}.professional-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:90%}.professional-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.header-content{gap:20px}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:#fff3;border-radius:15px;font-size:2.5rem;height:60px;justify-content:center;width:60px}.header-text h2{font-size:1.8rem;font-weight:600;margin:0}.header-subtitle{font-size:.95rem;margin:5px 0 0;opacity:.9}.professional-close-btn{align-items:center;background:#fff3;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:45px;justify-content:center;transition:all .3s;width:45px}.professional-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.professional-modal-body{flex:1 1;overflow-y:auto;padding:30px}.message-type-tabs{background:#f8f9fa;border-radius:12px;display:flex;gap:15px;margin-bottom:30px;padding:8px}.tab-btn{align-items:center;color:#6c757d;display:flex;font-size:1rem;gap:10px;justify-content:center;padding:15px 25px}.tab-btn:hover{background:#667eea1a}.tab-btn.active{box-shadow:0 4px 15px #667eea4d}.tab-icon{font-size:1.3rem}.tab-text{font-weight:600}.message-content-area{background:#f8f9fa;border:2px solid #e9ecef;border-radius:15px;padding:25px}.professional-label{display:flex;flex-direction:column;gap:5px;margin-bottom:15px}.label-text{color:#2c3e50;font-size:1.1rem;font-weight:600}.label-hint{color:#6c757d;font-size:.9rem}.professional-textarea{background:#fff;border:2px solid #dee2e6;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.6;min-height:350px;padding:20px;resize:vertical;transition:all .3s;width:100%}.professional-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.professional-textarea::placeholder{color:#adb5bd;line-height:1.6}.character-count{color:#6c757d;font-size:.9rem;font-weight:500;margin-top:10px;text-align:right}.professional-modal-footer{background:#fafafa;border-radius:0 0 20px 20px;border-top:2px solid #f0f0f0;display:flex;gap:15px;justify-content:flex-end;padding:20px 30px}.professional-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:15px 35px;transition:all .3s}.professional-btn-cancel{background:#e9ecef;color:#495057}.professional-btn-cancel:hover{background:#dee2e6;transform:translateY(-2px)}.professional-btn-send{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 4px 15px #28a7454d;color:#fff}.professional-btn-send:hover:not(:disabled){box-shadow:0 6px 20px #28a74566;transform:translateY(-2px)}.professional-btn-send:disabled{cursor:not-allowed;opacity:.6}.btn-icon,.btn-spinner{font-size:1.2rem}@media (max-width:768px){.professional-modal{max-height:95vh;width:95%}.professional-modal-header{padding:20px}.header-icon{font-size:2rem;height:50px;width:50px}.header-text h2{font-size:1.4rem}.professional-modal-body{padding:20px}.professional-textarea{min-height:250px}.tab-btn{font-size:.9rem;padding:12px 15px}.professional-btn{font-size:.95rem;padding:12px 25px}}.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}.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:#6b7280;font-size:.875rem}.status-icon{font-size:.9rem;margin-left:8px;opacity:.8}.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-radius:10px;font-size:.95rem;padding:12px 25px;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}.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 #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.management-header .header-buttons{display:flex;gap:10px}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 4px 12px #28a7454d;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s}.btn-success:hover{box-shadow:0 6px 16px #28a74566}.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;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.status-badge{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;padding:60px 20px;text-align:center}.empty-state p{font-size:1.2rem;margin-bottom:20px}.modal-content{border-radius:15px;box-shadow:0 10px 30px #0000004d}.modal-header{border-bottom:1px solid #e9ecef;padding:20px 30px}.modal-header h3{color:#2c3e50;font-size:1.4rem}.modal-close{border-radius:4px;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-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.modal-footer{border-top:1px solid #e9ecef;gap:15px;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;transition:border-color .2s}.filter-input:focus,.filter-select:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e21a}.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}}.consultant-report-container{margin:0 auto;max-width:1600px;padding:20px}.page-header{border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px}.page-header p{font-size:14px;opacity:.9}.report-filters{align-items:flex-end;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:20px}.filter-group label{color:#333}.form-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 15px;transition:all .3s}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn{display:inline-flex;transition:all .3s}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-2px)}.report-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 4px #0000001a;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #00000026}.stat-icon{font-size:40px}.stat-value{color:#333;font-size:28px}.table-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.customer-table{border-collapse:collapse;width:100%}.customer-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.customer-table th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.customer-table th:hover{background:#ffffff1a}.customer-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s}.customer-table tbody tr:hover{background:#f8f9fa}.customer-table td{color:#333;font-size:14px;padding:12px}.company-name{color:#667eea;font-weight:600}.credit-value{color:#10b981;font-weight:600;text-align:right}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.passive{background:#fee2e2;color:#991b1b}.customer-type-select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:13px;min-width:150px;padding:6px 10px;transition:all .2s}.customer-type-select:hover{border-color:#667eea}.customer-type-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.checkbox-label{-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkbox-label span{font-size:14px;font-weight:500}.status-indicators{background:#f8f9fa;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:12px}.indicator{align-items:center;border-radius:6px;display:inline-flex;font-size:13px;font-weight:500;padding:6px 12px}.indicator-shared{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.indicator-exported{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.loading-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:60px 20px}.spinner{border:4px solid #f3f3f3}.loading-container p{color:#666;font-size:16px;font-weight:500}.no-data{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.no-data p{color:#666;font-size:16px;margin:0}@media (max-width:1200px){.report-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.report-filters{align-items:stretch;flex-direction:column}.report-stats{grid-template-columns:1fr}.table-container{overflow-x:auto}.customer-table{min-width:1000px}}.credit-usage-report-page{margin:0 auto;max-width:1600px;padding:20px}.report-container{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:20px}@media (max-width:768px){.credit-usage-report-page{padding:10px}.page-header{padding:20px 15px}.page-header h1{font-size:1.6rem}.page-description{font-size:.95rem}.report-container{padding:15px}}.credit-usage-detailed-page{background:#f8f9fa;margin:0 auto;max-width:1800px;min-height:100vh;padding:20px}.page-header{box-shadow:0 4px 16px #667eea4d;padding:30px 20px;text-align:center}.page-header h1{font-size:2.2rem}.page-description{font-size:1.1rem;margin:0;opacity:.95}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:100px 20px}.spinner{border:5px solid #f3f3f3;border-top-color:#667eea;height:60px;margin-bottom:20px;width:60px}.error-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:60px 20px}.error-icon{font-size:4rem;margin-bottom:20px}.error-container h2{color:#dc3545;margin-bottom:15px}.error-message{color:#6c757d;margin-bottom:25px;max-width:500px;text-align:center}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:all .3s ease}.retry-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.filters-section,.period-selector-section,.summary-section,.table-section{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-bottom:25px;padding:25px}.section-title{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.3rem;font-weight:700;margin-bottom:20px;padding-bottom:12px}.period-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.period-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#495057;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s ease}.period-btn:hover{background:#f0f4ff;border-color:#667eea;transform:translateY(-2px)}.period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.custom-range{border-top:2px solid #f0f0f0;padding-top:20px}.custom-range label{align-items:center;color:#495057;cursor:pointer;display:flex;font-weight:600;gap:10px;margin-bottom:15px}.custom-range input[type=checkbox]{cursor:pointer;height:18px;width:18px}.date-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.date-inputs input[type=date]{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:10px 14px;transition:border-color .3s ease}.date-inputs input[type=date]:focus{border-color:#667eea;outline:none}.apply-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.apply-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.summary-card{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #e9ecef}.summary-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-5px)}.summary-card.danger{border-color:#dc3545}.summary-card.success{border-color:#28a745}.card-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;flex-shrink:0;height:70px;justify-content:center;width:70px}.card-label{color:#6c757d;font-weight:500}.card-value{line-height:1.2}.card-sublabel{color:#6c757d;font-size:.8rem;margin-top:3px}.filter-group{gap:8px}.filter-group label{color:#495057}.filter-input,.filter-select{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .3s ease}.filter-input:focus,.filter-select:focus{border-color:#667eea;outline:none}.filter-actions{align-items:flex-end}.clear-btn,.export-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.clear-btn{background:#6c757d;color:#fff}.export-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.clear-btn:hover,.export-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.filter-info{background:#f8f9fa;border-radius:8px;color:#495057;font-size:.95rem;padding:12px;text-align:center}.filter-info strong{color:#667eea;font-size:1.1rem}.table-container{border:1px solid #e0e0e0;border-radius:8px}.data-table{border-collapse:collapse;font-size:.9rem;min-width:1200px;width:100%}.data-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:sticky;top:0;z-index:10}.data-table th{font-size:.85rem;font-weight:700;padding:14px 12px;text-align:left;white-space:nowrap}.data-table th.sortable{cursor:pointer;transition:background .2s ease;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{background:#ffffff1a}.data-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background .2s ease}.data-table tbody tr:hover{background:#f8f9fa}.data-table tbody tr:nth-child(2n){background:#fafbfc}.data-table tbody tr:nth-child(2n):hover{background:#f0f4ff}.data-table td{color:#495057;padding:12px}.company-cell{color:#2c3e50;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.amount-cell{font-family:Courier New,monospace;font-weight:600;text-align:right}.amount-cell.danger{color:#dc3545}.amount-cell.success{color:#28a745}.amount-cell.highlight{background:#fff3cd;color:#dc3545!important;font-weight:700}.center-cell{text-align:center}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.credit-usage-detailed-page{padding:10px}.page-header{padding:20px 15px}.page-header h1{font-size:1.6rem}.page-description{font-size:.95rem}.period-buttons{flex-direction:column}.period-btn{width:100%}.filters-grid,.summary-cards{grid-template-columns:1fr}.filter-actions{flex-direction:column;width:100%}.clear-btn,.export-btn{width:100%}.table-container{border-radius:0;margin:0 -25px}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:8px 6px}}.credit-usage-activity{background:#f5f7fa;min-height:100vh;padding:20px}.page-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.page-header h1{font-size:1.8rem}.page-header p{color:#7f8c8d;font-size:.95rem}.view-controls{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.view-tabs{display:flex;gap:10px}.tab-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#5c6873;font-weight:600;padding:10px 20px;transition:all .3s ease}.tab-btn:hover{border-color:#667eea;color:#667eea}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.date-filters{align-items:center;display:flex;gap:10px}.date-filters input[type=date]{border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:10px}.btn-filter{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-filter:hover{box-shadow:0 4px 12px #11998e4d;transform:translateY(-2px)}.content-area{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:25px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;gap:15px;transition:all .3s ease}.summary-card:hover{border-color:#667eea;box-shadow:0 4px 16px #0000001a;transform:translateY(-3px)}.summary-card.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff}.card-icon{font-size:2.5rem}.card-content{flex:1 1}.card-label{color:#7f8c8d;font-size:.85rem;font-weight:600;margin-bottom:5px}.summary-card.primary .card-label{color:#ffffffe6}.card-value{color:#2c3e50;font-size:1.8rem;font-weight:700}.summary-card.primary .card-value{color:#fff}.summary-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.summary-section{background:#f8f9fa;border-radius:12px}.summary-section h3{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.1rem;margin:0 0 15px;padding-bottom:10px}.pattern-list,.priority-list,.status-list{display:flex;flex-direction:column;gap:12px}.pattern-item,.priority-item,.status-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:15px;transition:all .3s ease}.pattern-item.clickable{cursor:pointer}.pattern-item.clickable:hover{background:#e9ecef;box-shadow:0 2px 8px #667eea33;transform:translateX(5px)}.priority-item.clickable,.status-item.clickable{cursor:pointer}.priority-item.clickable:hover,.status-item.clickable:hover{background:#e9ecef;box-shadow:0 2px 8px #667eea33;transform:translateX(5px)}.pattern-name,.priority-name,.status-name{color:#2c3e50;font-weight:700;margin-bottom:8px}.pattern-stats,.priority-stats,.status-stats{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.stat-badge{background:#667eea;border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.stat-value{color:#5c6873;font-size:.85rem}.filters-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-input{flex:1 1;min-width:250px}.filters-bar select,.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:10px 15px}.filters-bar select{cursor:pointer}.usage-table{border-collapse:collapse;width:100%}.usage-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.usage-table thead th{color:#fff;font-size:.85rem;font-weight:700;letter-spacing:.5px;padding:15px 12px;text-align:left;text-transform:uppercase}.usage-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.usage-table tbody tr:hover{background:#f8f9fa}.usage-table tbody td{color:#2c3e50;font-size:.9rem;padding:12px}.number-cell{font-weight:600;text-align:right}.badge{font-size:.75rem}.pattern-badge{background:#e3f2fd;color:#1976d2}.status-badge{background:#f0f0f0;color:#5c6873}.status-badge.status-iyi{background:#d4edda;color:#155724}.status-badge.status-orta{background:#fff3cd;color:#856404}.status-badge.status-düşük,.status-badge.status-kritik{background:#f8d7da;color:#721c24}.status-badge.status-kritik{font-weight:700}.priority-badge{background:#f0f0f0;color:#5c6873}.priority-badge.priority-acil{background:#f8d7da;color:#721c24;font-weight:700}.priority-badge.priority-yüksek{background:#fff3cd;color:#856404}.btn-detail{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;font-size:.8rem;font-weight:600;transition:all .3s ease}.btn-detail:hover{box-shadow:0 2px 8px #667eea4d;transform:scale(1.05)}.customer-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:20px;margin-bottom:25px;padding-bottom:20px}.btn-back{background:#f0f0f0;border-radius:8px;color:#5c6873;transition:all .3s ease}.btn-back:hover{background:#e0e0e0}.customer-info h2{color:#2c3e50;margin:0 0 5px}.customer-info p{color:#7f8c8d;margin:0}.customer-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.customer-stats .stat-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:15px;text-align:center}.customer-stats .stat-label{color:#7f8c8d;font-size:.85rem;margin-bottom:8px}.customer-stats .stat-value{color:#667eea;font-size:1.5rem;font-weight:700}.activity-summary{background:#f8f9fa;border-radius:12px;margin-bottom:25px;padding:20px}.activity-summary h3{color:#2c3e50;margin:0 0 15px}.summary-info{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-info p{color:#5c6873;font-size:.9rem;margin:0}.snapshots-list,.usage-timeline{margin-bottom:25px}.snapshots-list h3,.usage-timeline h3{border-bottom:2px solid #667eea;color:#2c3e50;font-size:1.2rem;margin:0 0 15px;padding-bottom:10px}.snapshots-table,.timeline-table{overflow-x:auto}.snapshots-table table,.timeline-table table{border-collapse:collapse;width:100%}.snapshots-table thead,.timeline-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.snapshots-table th,.timeline-table th{color:#fff;font-size:.8rem;font-weight:700;padding:12px;text-align:left;text-transform:uppercase}.snapshots-table td,.timeline-table td{border-bottom:1px solid #f0f0f0;color:#2c3e50;font-size:.85rem;padding:10px 12px}.snapshots-table tr:hover,.timeline-table tr:hover{background:#f8f9fa}.loading{padding:60px 20px}@media (max-width:768px){.view-controls{align-items:stretch}.date-filters,.view-controls,.view-tabs{flex-direction:column}.summary-cards,.summary-sections{grid-template-columns:1fr}.filters-bar{flex-direction:column}.filters-bar select{width:100%}}.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}.edm-page .MuiTabs-root{border-radius:8px}.edm-page .MuiTab-root{font-weight:600;min-height:56px;text-transform:none}.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{border-radius:12px;padding:24px;text-align:center}.stat-card:hover{box-shadow:0 8px 30px #00000026}.stat-value{color:#1976d2;font-size:2.5rem;margin:10px 0}.stat-label{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}.edm-chip-success{border-radius:6px;font-weight:500}.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}.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{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{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}.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 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-style:italic}@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;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;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;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}.role-badge.superadmin{background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 2px 6px #667eea66;color:#fff}.role-badge.user{background:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.status-badge.inactive{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.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{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3}.modal-content{animation:modalSlideIn .3s ease-out;border-radius:16px;box-shadow:0 25px 80px #0006;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{border-bottom:1px solid #e1e8ed}.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))}.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}.page-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #667eea4d;color:#fff;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}.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;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.form-group{gap:8px}.form-group label{color:#2c3e50;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{background:#fafbfc;border:2px solid #e1e8ed;border-radius:8px;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}.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;letter-spacing:.5px;padding:6px 12px}.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}.about-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:calc(100vh - 80px);padding:40px 20px}.about-content{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:1200px;overflow:hidden}.about-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:40px;text-align:center}.about-header h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.tagline{font-size:1.2rem;margin:0;opacity:.95}.company-info{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding:40px}.info-section{border-left:4px solid #667eea;border-radius:10px;padding:25px}.info-section.full-width{grid-column:1/-1}.info-section h2{color:#667eea;font-size:1.3rem;font-weight:600;margin:0 0 15px}.info-section p{color:#333;line-height:1.8;margin:0}.info-section a{color:#667eea;text-decoration:none;transition:color .3s}.info-section a:hover{color:#764ba2;text-decoration:underline}.services-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.services-list li{background:#fff;border-left:3px solid #667eea;border-radius:8px;padding:12px;transition:transform .2s,box-shadow .2s}.services-list li:hover{box-shadow:0 4px 12px #667eea33;transform:translateX(5px)}.about-footer{background:#f8f9fa;border-top:1px solid #dee2e6;padding:20px;text-align:center}.about-footer p{color:#666;font-size:.9rem;margin:0}@media (max-width:768px){.about-header h1{font-size:2rem}.tagline{font-size:1rem}.company-info{gap:20px;padding:20px}.services-list{grid-template-columns:1fr}}.audit-logs-container{margin:0 auto;max-width:1400px;padding:20px}.audit-logs-header{margin-bottom:30px}.audit-logs-header h1{color:#2c3e50;font-size:2rem;margin:0 0 10px}.audit-logs-header p{color:#7f8c8d;font-size:1rem;margin:0}.statistics-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;gap:15px;padding:20px;transition:transform .2s}.stat-card:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem}.stat-content{flex:1 1}.stat-value{font-size:2rem;margin-bottom:5px}.stat-label{font-size:.9rem;opacity:.9}.filters-section{border-radius:10px;box-shadow:0 2px 8px #0000001a}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:15px}.filter-group label{color:#2c3e50;font-size:.9rem}.filter-group input,.filter-group select{border-radius:5px;font-size:.95rem}.filter-group input:focus,.filter-group select:focus{border-color:#667eea}.filter-actions{display:flex;gap:10px}.btn-clear,.btn-search{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.btn-search{background:#667eea;color:#fff}.btn-search:hover{background:#5568d3}.btn-clear{background:#e0e0e0;color:#333}.btn-clear:hover{background:#d0d0d0}.logs-table-container{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.logs-table th{font-size:.9rem;font-weight:600;padding:15px;text-align:left}.logs-table td{border-bottom:1px solid #f0f0f0;font-size:.9rem;padding:12px 15px}.logs-table tbody tr:hover{background:#f8f9fa}.no-data{color:#7f8c8d;padding:40px!important}.badge{display:inline-block;font-size:.8rem;padding:4px 10px}.badge-login{background:#e3f2fd;color:#1976d2}.badge-logout{background:#fff3e0;color:#f57c00}.badge-create{background:#e8f5e9;color:#388e3c}.badge-update{background:#fff9c4;color:#f57f17}.badge-delete{background:#ffebee;color:#d32f2f}.badge-success{background:#e8f5e9;color:#2e7d32}.badge-failed{background:#ffebee;color:#c62828}.badge-default{background:#f5f5f5;color:#666}.btn-detail{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;padding:6px 12px;transition:background .3s}.btn-detail:hover{background:#5568d3}.pagination{align-items:center;display:flex;gap:15px;justify-content:center;padding:20px}.btn-page{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:8px 16px;transition:all .3s}.btn-page:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-info{color:#2c3e50;font-weight:600}.modal-content{border-radius:10px;width:100%}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px 10px 0 0;color:#fff}.btn-close,.modal-header h2{font-size:1.5rem}.btn-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:35px;transition:background .3s;width:35px}.btn-close:hover{background:#ffffff4d}.modal-body{padding:20px}.detail-row{border-bottom:1px solid #f0f0f0;display:flex;gap:10px;padding:12px 0}.detail-row strong{color:#2c3e50;min-width:150px}.detail-row.error{background:#ffebee;border-radius:5px;color:#d32f2f;margin:10px 0;padding:12px}.detail-section{margin:15px 0}.detail-section strong{color:#2c3e50;display:block;margin-bottom:10px}.json-view{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:5px;font-family:Courier New,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto;padding:15px}.loading{color:#7f8c8d;font-size:1.1rem}@media (max-width:768px){.statistics-cards{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.logs-table{font-size:.8rem}.logs-table td,.logs-table th{padding:8px}.modal-content{max-width:95%}}.ala-container{font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1400px;padding:24px}.ala-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.ala-header h1{color:#2c3e50;font-size:24px;margin:0}.ala-sub{color:#868e96;font-size:13px;margin:4px 0 0}.ala-error{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-bottom:16px;padding:12px 16px}.ala-loading{color:#868e96;font-size:16px;padding:40px;text-align:center}.ala-tabs{border-bottom:2px solid #dee2e6;display:flex;gap:4px;margin-bottom:24px;padding-bottom:0}.ala-tab{background:none;border:none;border-bottom:3px solid #0000;border-radius:6px 6px 0 0;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 20px;transition:all .2s}.ala-tab:hover{background:#f8f9fa;color:#2c3e50}.ala-tab.active{background:#f0f2ff;border-bottom-color:#4e6ef2;color:#4e6ef2}.ala-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s}.ala-btn.primary{background:#4e6ef2;color:#fff}.ala-btn.primary:hover{background:#3d5ce0}.ala-btn.secondary{background:#f8f9fa;border:1px solid #dee2e6;color:#495057}.ala-btn.secondary:hover{background:#e9ecef}.ala-btn:disabled{cursor:not-allowed;opacity:.5}.ala-table{border-collapse:collapse;font-size:13px;margin-top:12px;width:100%}.ala-table th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.ala-table td{border-bottom:1px solid #f0f0f0;padding:9px 12px;vertical-align:middle}.ala-table tr:hover td{background:#f8f9fa}.ala-action-badge{border-radius:12px;padding:3px 9px;white-space:nowrap}.ala-action-badge,.ala-result-badge{display:inline-block;font-size:11px;font-weight:600}.ala-result-badge{border-radius:10px;padding:2px 8px}.ala-result-badge.success{background:#d4edda;color:#155724}.ala-result-badge.fail{background:#f8d7da;color:#721c24}.ala-calendar-section{display:block}.ala-cal-nav{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:16px}.ala-cal-nav h2{color:#2c3e50;font-size:20px;margin:0;min-width:200px;text-align:center}.ala-calendar{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:24px}.ala-cal-head{color:#868e96;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px;text-align:center;text-transform:uppercase}.ala-cal-cell{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;min-height:90px;padding:6px;transition:all .2s}.ala-cal-cell.empty{background:#f8f9fa;border-color:#0000;cursor:default}.ala-cal-cell.has-data{background:#f0f2ff;border-color:#4e6ef2}.ala-cal-cell.selected{background:#2c3e50!important;border-color:#2c3e50;color:#fff}.ala-cal-cell.selected .ala-login-count{color:#90ee90}.ala-cal-cell.selected .ala-day-num{color:#fff}.ala-cal-cell:hover:not(.empty):not(.selected){border-color:#4e6ef2;box-shadow:0 2px 8px #4e6ef233;transform:scale(1.02)}.ala-day-num{color:#2c3e50;font-size:14px;font-weight:700;margin-bottom:4px}.ala-day-info,.ala-day-num{display:block}.ala-login-count{color:#155724;margin-right:4px}.ala-fail-count,.ala-login-count{display:inline-block;font-size:11px;font-weight:600}.ala-fail-count{color:#721c24}.ala-day-users{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px}.ala-user-dot{align-items:center;background:#4e6ef2;border-radius:50%;color:#fff;cursor:help;display:inline-flex;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.ala-day-detail{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:20px}.ala-day-detail h3{color:#2c3e50;margin:0 0 16px}.ala-day-stats{display:flex;gap:12px;margin-bottom:16px}.ala-ds-card{background:#f8f9fa;border-radius:8px;min-width:80px;padding:12px 20px;text-align:center}.ala-ds-card div{font-size:24px;font-weight:700}.ala-ds-card small{color:#868e96;font-size:11px}.ala-ds-card.green{background:#d4edda}.ala-ds-card.green div{color:#155724}.ala-ds-card.red{background:#f8d7da}.ala-ds-card.red div{color:#721c24}.ala-ds-card.blue{background:#cce5ff}.ala-ds-card.blue div{color:#004085}.ala-session-badge{border-radius:4px;display:inline-block;font-family:monospace;font-size:11px;margin:2px;padding:2px 6px}.ala-session-badge.success{background:#d4edda;color:#155724}.ala-session-badge.fail{background:#f8d7da;color:#721c24}.ala-log-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ala-log-filters input,.ala-log-filters select{border:1px solid #dee2e6;border-radius:6px;font-size:13px;padding:7px 12px}.ala-log-info{color:#868e96;font-size:13px;margin-bottom:8px}.ala-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:16px}.ala-act-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.ala-act-filters label{align-items:center;display:flex;font-size:13px;gap:6px}.ala-act-filters input{border:1px solid #dee2e6;border-radius:6px;font-size:13px;padding:7px 12px}.ala-activity-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ala-user-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;display:flex;flex-direction:column;gap:12px;padding:16px}.ala-user-avatar{align-items:center;background:linear-gradient(135deg,#4e6ef2,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:700;height:44px;justify-content:center;width:44px}.ala-user-info h4{color:#2c3e50;font-size:15px;margin:0 0 2px}.ala-user-info small{color:#868e96;font-size:11px}.ala-user-total{color:#4e6ef2;font-size:13px;font-weight:700;margin-top:4px}.ala-user-actions{display:flex;flex-wrap:wrap;gap:6px}.ala-act-item{border-radius:8px;font-size:12px;font-weight:500;padding:4px 10px}.ala-hourly-filters{display:flex;gap:10px;margin-bottom:20px}.ala-hourly-filters input{border:1px solid #dee2e6;border-radius:6px;flex:1 1;font-size:13px;max-width:240px;padding:8px 12px}.ala-stat-cards{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.ala-stat-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;color:#6c757d;font-size:13px;min-width:110px;padding:16px 24px;text-align:center}.ala-sc-num{color:#2c3e50;font-size:28px;font-weight:700}.ala-stat-card.green .ala-sc-num{color:#155724}.ala-stat-card.green{background:#f4fff7;border-color:#c3e6cb}.ala-stat-card.blue .ala-sc-num{color:#004085}.ala-stat-card.blue{background:#f0f7ff;border-color:#b8daff}.ala-stat-card.yellow .ala-sc-num{color:#856404}.ala-stat-card.yellow{background:#fffdf0;border-color:#ffeeba}.ala-stat-card.red .ala-sc-num{color:#721c24}.ala-stat-card.red{background:#fff5f5;border-color:#f5c6cb}.ala-hourly-chart{background:#fff;border:1px solid #dee2e6;border-radius:12px;margin-bottom:20px;padding:20px}.ala-hourly-chart h3{color:#2c3e50;font-size:15px;margin:0 0 16px}.ala-bar-chart{align-items:flex-end;display:flex;gap:4px;height:180px}.ala-bar-col{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%}.ala-bar-wrap{align-items:flex-end;display:flex;flex:1 1;width:100%}.ala-bar-fill{align-items:flex-start;background:linear-gradient(180deg,#4e6ef2,#7b9ef8);border-radius:4px 4px 0 0;display:flex;justify-content:center;min-height:2px;position:relative;transition:height .3s;width:100%}.ala-bar-val{color:#fff;font-size:9px;font-weight:700;margin-top:2px}.ala-bar-label{color:#868e96;font-size:10px;font-weight:600}.ala-top-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.ala-top-card{background:#fff;border:1px solid #dee2e6;border-radius:12px;padding:20px}.ala-top-card h3{color:#2c3e50;font-size:15px;margin:0 0 16px}.ala-top-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.ala-top-rank{color:#868e96;font-size:12px;font-weight:700;width:24px}.ala-top-name{color:#2c3e50;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:140px}.ala-top-bar-wrap{background:#f0f0f0;border-radius:4px;flex:1 1;height:10px}.ala-top-bar{background:#4e6ef2;border-radius:4px;height:100%}.ala-top-bar.blue{background:#17a2b8}.ala-top-count{color:#4e6ef2;font-size:13px;font-weight:700;min-width:36px;text-align:right}.sales-transaction-container{margin:0 auto;max-width:1600px;padding:20px}.sales-transaction-container h1{color:#2c3e50;font-size:28px;margin-bottom:20px}.message.success{background-color:#d4edda;border:1px solid #c3e6cb}.message.error{border:1px solid #f5c6cb}.message.info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.transaction-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.section-header h3{margin:0}.customer-actions{display:flex;gap:8px}.btn-quick-add{background:#27ae60;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.btn-quick-add:hover{background:#229954}.btn-edit-customer{background:#f39c12;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.btn-edit-customer:hover{background:#e67e22}.customer-search-container,.search-wrapper{position:relative}.search-wrapper{align-items:center;display:flex}.customer-search-input{flex:1 1;padding-right:35px}.btn-clear-customer{align-items:center;background:#e74c3c;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:10px;width:24px}.customer-dropdown{background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 6px #0000001a;left:0;margin-top:5px;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.customer-option{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px}.customer-option:hover{background:#f8f9fa}.customer-option:last-child{border-bottom:none}.customer-name{color:#2c3e50;font-weight:600;margin-bottom:4px}.customer-details{align-items:center;color:#666;display:flex;font-size:13px;gap:8px}.customer-type-badge{background:#3498db;border-radius:10px;color:#fff;font-size:11px;font-weight:500;padding:2px 8px}.customer-info-display{background:#f8f9fa;border-radius:6px;margin-top:10px;padding:15px}.customer-info-display .info-row{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:6px 0}.customer-info-display .info-row:last-child{border-bottom:none}.customer-info-display .label{color:#666;font-size:14px}.customer-info-display .value{color:#2c3e50;font-weight:600}.customer-info-display .customer-type{background:#3498db;border-radius:12px;color:#fff;font-size:13px;padding:3px 10px}.modal-overlay{z-index:2000}.quick-add-modal .modal-header{align-items:center;border-bottom:2px solid #ddd;display:flex;justify-content:space-between;padding:20px}.quick-add-modal .modal-header h2{color:#2c3e50;margin:0}.modal-body{padding:0}.tabs-container{width:100%}.tabs-header{background:#f8f9fa;border-bottom:2px solid #e0e0e0;display:flex;overflow-x:auto;padding:0}.tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;min-width:120px;padding:15px 20px;transition:all .3s;white-space:nowrap}.tab-btn:hover{background:#e8e8e8;color:#2c3e50}.tab-btn.active{background:#fff;border-bottom-color:#3498db;color:#3498db;font-weight:600}.tabs-content{max-height:500px;min-height:400px;overflow-y:auto;padding:25px}.tab-panel{animation:fadeIn .3s}.form-grid .form-group.full-width{grid-column:1/-1}.cash-register-info{align-items:center;background:#e8f5e9;border-left:4px solid #4caf50;border-radius:6px;display:flex;gap:10px;margin-bottom:15px;padding:12px}.cash-register-info .label{color:#2e7d32;font-weight:600}.cash-register-info .value{color:#1b5e20;font-size:16px;font-weight:700}.section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.section h3{border-bottom:2px solid #3498db;color:#34495e;font-size:18px;margin:0 0 15px;padding-bottom:8px}.pricing-section{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin:20px 0;padding:20px}.pricing-title{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 20px}.pricing-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:15px}.pricing-item{display:flex;flex-direction:column}.pricing-item label{color:#555;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.pricing-item input{border:2px solid #ddd;border-radius:6px;font-size:15px;font-weight:600;padding:12px;text-align:center;transition:all .3s}.pricing-item input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.pricing-item input:not(:disabled):hover{border-color:#3498db}.readonly-field{background:#e8e8e8!important;color:#666!important;cursor:not-allowed!important;font-weight:700!important}.pricing-hint{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#7f8c8d;font-size:13px;font-style:italic;margin:15px 0 0;padding:10px;text-align:center}@media (max-width:1200px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.pricing-grid{grid-template-columns:1fr}}.credit-section{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:6px;margin:15px 0;padding:15px}.credit-section .form-group{margin-bottom:10px}.checkbox-group{margin-top:10px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:500;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.item-total-preview{align-items:center;background:#fff3cd;border-left:4px solid #ffc107;border-radius:6px;display:flex;justify-content:space-between;margin:15px 0;padding:12px}.item-total-preview span{color:#856404;font-size:14px}.item-total-preview strong{color:#856404;font-size:18px}.form-group{margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;font-size:14px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.btn-add{font-size:16px;padding:12px;transition:background .3s;width:100%}.empty-cart{color:#999;font-style:italic;padding:40px;text-align:center}.cart-items table{border-collapse:collapse;width:100%}.cart-items th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:10px;text-align:left}.cart-items td{border-bottom:1px solid #dee2e6;padding:10px}.btn-remove{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:5px 10px}.btn-remove:hover{background:#c0392b}.cart-total{border-top:2px solid #3498db;margin-top:15px;padding-top:15px;text-align:right}.cart-total h2{color:#2c3e50;font-size:24px;margin:0}.payment-summary{background:#f8f9fa;border-radius:6px;margin:15px 0;padding:15px}.summary-row{font-size:16px;padding:8px 0}.summary-row.total{border-top:2px solid #3498db;color:#2c3e50;padding-top:10px}.btn-submit,.summary-row.total{font-weight:700;margin-top:10px}.btn-submit{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:18px;padding:16px;transition:background .3s;width:100%}.btn-submit:hover:not(:disabled){background:#2980b9}.btn-submit:disabled{background:#95a5a6;cursor:not-allowed}@media (max-width:1200px){.transaction-layout{grid-template-columns:1fr}}.transaction-management-container{margin:0 auto;max-width:1600px;padding:20px}.invoice-number-badge{background:#e8f4fd;border:1px solid #b3d7f5;border-radius:4px;color:#1a73e8;display:inline-block;font-family:monospace;font-size:12px;font-weight:600;padding:2px 8px}.no-invoice{color:#adb5bd;font-size:12px}.page-header h1{font-size:32px;margin:0 0 10px}.page-header p{color:#666;font-size:16px;margin:0}.message{padding:15px 20px}.message.success{border-left:4px solid #28a745}.message.error{border-left:4px solid #dc3545}.filters-section{padding:20px}.filter-row{grid-gap:15px;align-items:end;display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr}.filter-group{display:flex;flex-direction:column}.filter-group label{font-size:13px;font-weight:600}.filter-group input,.filter-group select{border:2px solid #ddd;border-radius:6px;transition:border-color .3s}.filter-group input:focus,.filter-group select:focus{border-color:#3498db;outline:none}.btn-refresh{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .3s}.btn-refresh:hover{background:#2980b9}.stats-bar{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-item{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.stat-label{color:#666;font-size:13px;margin-bottom:8px}.stat-value{font-size:24px}.stat-value.negative{color:#e74c3c}.transactions-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.transactions-table{border-collapse:collapse;width:100%}.transactions-table thead th{padding:15px;position:sticky;top:0;z-index:10}.transactions-table tbody td{padding:15px}.customer-info{display:flex;flex-direction:column}.customer-info strong{color:#2c3e50}.customer-info small{color:#666;font-size:12px;margin-top:3px}.status-badge{padding:5px 12px}.status-paid{background:#d4edda;color:#155724}.status-partial{background:#fff3cd;color:#856404}.status-unpaid{background:#f8d7da;color:#721c24}.action-buttons{display:flex;gap:8px}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .3s}.btn-view:hover{background:#2980b9;transform:scale(1.1)}.btn-edit:hover{background:#e67e22;transform:scale(1.1)}.btn-delete:hover{background:#c0392b;transform:scale(1.1)}.no-data p{font-size:18px;margin:0 0 10px}.no-data small{font-size:14px}.modal-overlay{animation:fadeIn .3s;overflow-y:auto;padding:20px}.modal-content{animation:slideUp .3s;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:600px}.modal-large{max-width:900px}.modal-small{max-width:450px}.modal-header{border-bottom:2px solid #e0e0e0;padding:20px 25px}.modal-header h2{font-size:22px}.modal-close{transition:color .3s}.modal-close:hover{color:#333}.modal-body{padding:25px}.modal-footer{border-top:2px solid #e0e0e0;padding:20px 25px}.info-section{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:20px}.info-section h3{color:#2c3e50;font-size:16px;margin:0 0 15px}.info-item label{color:#666;font-size:12px;margin-bottom:5px}.info-item span{font-size:14px}.form-section{margin-top:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:2px solid #ddd;border-radius:6px;padding:12px;transition:border-color .3s;width:100%}.form-group small{color:#666;display:block;font-size:12px;margin-top:5px}.warning-box{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;padding:20px;text-align:center}.warning-box p{margin:0 0 15px}.delete-info{background:#fff;border-radius:6px;margin:15px 0;padding:15px}.delete-info p{font-size:14px;margin:8px 0}.warning-text{color:#e74c3c;font-size:14px;font-weight:600}.detail-section{margin-bottom:25px}.detail-section h3{border-bottom:2px solid #e0e0e0;color:#2c3e50;font-size:18px;margin:0 0 15px;padding-bottom:10px}.detail-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.detail-item{background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.detail-item label{color:#666;font-weight:600}.detail-item span{color:#2c3e50}.detail-table{border-collapse:collapse;margin-top:10px;width:100%}.detail-table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px;text-align:left}.detail-table tbody td{border-bottom:1px solid #dee2e6;padding:12px}.payment-summary-detail{background:#f8f9fa;border-radius:8px;padding:20px}.summary-row{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:10px 0}.summary-row.total{border-bottom:2px solid #2c3e50;border-top:2px solid #2c3e50;font-size:18px;margin:10px 0}.notes-text{background:#f8f9fa;border-left:4px solid #3498db;border-radius:6px;line-height:1.6;margin:0;padding:15px}.btn-cancel,.btn-save{font-size:14px;padding:12px 24px}.btn-delete-confirm:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.btn-delete-confirm{font-size:14px;padding:12px 24px}@media (max-width:1200px){.filter-row{grid-template-columns:1fr 1fr}.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.detail-grid,.filter-row,.info-grid,.stats-bar{grid-template-columns:1fr}.transactions-table{font-size:12px}.transactions-table tbody td,.transactions-table thead th{padding:10px 8px}.action-buttons{flex-direction:column}}.edit-section{border-bottom:1px solid #e0e0e0;margin-bottom:30px;padding-bottom:20px}.edit-section:last-child{border-bottom:none}.edit-section h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0 0 20px}.form-grid{grid-template-columns:repeat(3,1fr)}.form-group select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;padding:12px;width:100%}.items-list{display:flex;flex-direction:column;gap:15px}.item-edit-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px}.item-header{border-bottom:2px solid #dee2e6;margin-bottom:15px;padding-bottom:10px}.item-header strong{color:#2c3e50;font-size:16px}.item-total{border-top:2px solid #dee2e6;color:#555;font-size:16px;margin-top:15px;padding-top:15px;text-align:right}.item-total strong{color:#27ae60;font-size:18px}.payments-list{display:flex;flex-direction:column;gap:15px}.payment-edit-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;padding:20px;position:relative}.btn-remove-payment{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 15px;position:absolute;right:10px;top:10px;transition:background .3s}.btn-remove-payment:hover{background:#c0392b}.btn-add-payment{background:#27ae60;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:background .3s;width:100%}.btn-add-payment:hover{background:#229954}.summary-section{background:#f0f8ff;border:2px solid #3498db;border-radius:8px;padding:20px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.summary-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;padding:12px}.summary-item label{color:#555;font-size:14px;font-weight:600}.summary-item span{color:#2c3e50;font-size:16px}.summary-item strong{color:#2c3e50;font-size:18px}.btn-cancel,.btn-save{padding:12px 30px;transition:background .3s}.btn-save{background:#27ae60}.btn-save:hover{background:#229954}.btn-delete-confirm{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:background .3s}.btn-delete-confirm:hover{background:#c0392b}.modal-edit-redesign{display:flex;flex-direction:column;max-height:92vh;max-width:820px!important;width:95%!important}.modal-header-redesign{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:18px 28px}.modal-header-left{align-items:center;display:flex;gap:14px}.modal-header-redesign h2{font-size:20px;font-weight:700;margin:0}.modal-tx-number{background:#ffffff26;border-radius:20px;font-size:13px;font-weight:500;letter-spacing:.5px;padding:4px 14px}.modal-close-redesign{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:36px;justify-content:center;transition:background .2s;width:36px}.modal-close-redesign:hover{background:#ffffff4d}.edit-tabs{background:#f1f3f5;border-bottom:2px solid #dee2e6;display:flex;padding:0}.edit-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:14px 10px;transition:all .2s;white-space:nowrap}.edit-tabs button:hover{background:#e9ecef;color:#2c3e50}.edit-tabs button.active{background:#fff;border-bottom-color:#3498db;color:#3498db}.edit-summary-bar{background:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;gap:0;padding:0}.esb-item{align-items:center;border-right:1px solid #e9ecef;display:flex;flex:1 1;flex-direction:column;padding:12px 8px}.esb-item:last-child{border-right:none}.esb-label{color:#888;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.esb-value{color:#2c3e50;font-size:16px;font-weight:700}.esb-orange{color:#e67e22}.esb-blue{color:#2980b9}.esb-green{color:#27ae60}.esb-red{color:#e74c3c}.modal-body-redesign{flex:1 1;min-height:0;overflow-y:auto}.edit-tab-content{padding:24px 28px}.edit-form-grid-2col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.edit-fg{display:flex;flex-direction:column}.edit-fg label{color:#555;font-size:13px;font-weight:600;margin-bottom:6px}.edit-fg input,.edit-fg select{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .2s,box-shadow .2s}.edit-fg input:focus,.edit-fg select:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.edit-item-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;margin-bottom:16px;overflow:hidden;transition:border-color .2s}.edit-item-card:hover{border-color:#3498db}.eic-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;justify-content:space-between;padding:14px 18px}.eic-header,.eic-title{align-items:center;display:flex}.eic-title{gap:10px}.eic-index{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:inline-flex;font-size:13px;font-weight:700;height:28px;justify-content:center;width:28px}.eic-header strong{color:#2c3e50;font-size:15px}.eic-total{color:#27ae60;font-size:16px;font-weight:700}.eic-body{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr);padding:16px 18px}.eic-field{display:flex;flex-direction:column}.eic-field label{color:#888;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.eic-field input,.eic-field select{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.eic-field input:focus,.eic-field select:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.eic-notes{padding:0 18px 16px}.eic-notes label{color:#888;display:block;font-size:12px;font-weight:600;letter-spacing:.3px;margin-bottom:5px;text-transform:uppercase}.eic-notes input{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-size:14px;padding:9px 12px;transition:border-color .2s;width:100%}.eic-notes input:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.edit-payment-card{background:#fff;border:2px solid #e9ecef;border-radius:10px;margin-bottom:16px;overflow:hidden;transition:border-color .2s}.edit-payment-card:hover{border-color:#27ae60}.epc-header{align-items:center;background:#f0fdf4;border-bottom:1px solid #d1fae5;display:flex;justify-content:space-between;padding:12px 18px}.epc-index{color:#27ae60;font-size:14px;font-weight:700}.epc-delete{background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:background .2s}.epc-delete:hover{background:#fecaca}.epc-body{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr);padding:16px 18px}.btn-add-payment-redesign{background:linear-gradient(135deg,#27ae60,#2ecc71);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:8px;padding:14px;transition:opacity .2s,transform .1s;width:100%}.btn-add-payment-redesign:hover{opacity:.9;transform:translateY(-1px)}.edit-notes-area label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:10px}.edit-notes-area textarea{background:#fafafa;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:14px;line-height:1.6;padding:14px;resize:vertical;transition:border-color .2s;width:100%}.edit-notes-area textarea:focus{background:#fff;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a;outline:none}.edit-empty{color:#aaa;font-size:16px;padding:40px;text-align:center}.modal-footer-redesign{background:#fafafa;border-radius:0 0 12px 12px;border-top:2px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 28px}.btn-cancel-redesign{background:#fff;border:2px solid #ddd;border-radius:8px;color:#666;cursor:pointer;font-size:15px;font-weight:600;padding:11px 28px;transition:all .2s}.btn-cancel-redesign:hover{background:#f8f9fa;border-color:#bbb}.btn-save-redesign{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:11px 32px;transition:opacity .2s,transform .1s}.btn-save-redesign:hover{opacity:.9;transform:translateY(-1px)}.btn-save-redesign:disabled{background:#95a5a6;cursor:not-allowed;transform:none}@media (max-width:768px){.form-grid,.summary-grid{grid-template-columns:1fr}.modal-large{max-width:95%}.edit-form-grid-2col{grid-template-columns:1fr}.eic-body{grid-template-columns:repeat(2,1fr)}.epc-body{grid-template-columns:1fr}.edit-summary-bar{flex-wrap:wrap}.esb-item{min-width:calc(33% - 1px)}.edit-tabs{overflow-x:auto}}.detail-modal-redesign{border-radius:16px!important;box-shadow:0 25px 60px #00000059!important;display:flex;flex-direction:column;max-height:92vh;max-width:920px!important;overflow:hidden;width:95%!important}.detail-modal-header{align-items:center;background:linear-gradient(135deg,#1a237e,#283593,#3949ab);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 28px}.detail-modal-header-left{align-items:center;display:flex;gap:16px}.detail-modal-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.detail-modal-header h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0}.detail-modal-tx-number{background:#ffffff2e;border-radius:16px;display:inline-block;font-family:Consolas,Monaco,monospace;font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:4px;padding:3px 12px}.detail-modal-close{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:38px;justify-content:center;transition:background .2s,transform .15s;width:38px}.detail-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.detail-status-strip{background:#f8f9fc;border-bottom:1px solid #e8eaf6;display:flex;flex-shrink:0;padding:0}.detail-status-item{align-items:center;border-right:1px solid #e8eaf6;display:flex;flex:1 1;flex-direction:column;padding:14px 8px;transition:background .2s}.detail-status-item:last-child{border-right:none}.detail-status-item:hover{background:#eff0f9}.detail-status-item.detail-net{background:#e8eaf6}.detail-status-label{color:#7986cb;font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.detail-status-value{color:#1a237e;font-size:15px;font-weight:700}.detail-orange{color:#e65100!important}.detail-blue{color:#1565c0!important}.detail-green{color:#2e7d32!important}.detail-red{color:#c62828!important}.detail-modal-body{background:#f5f5f8;display:flex;flex:1 1;flex-direction:column;gap:20px;min-height:0;overflow-y:auto;padding:24px}.detail-card{background:#fff;border:1px solid #e0e3eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:box-shadow .2s}.detail-card:hover{box-shadow:0 4px 16px #00000014}.detail-card-header{align-items:center;background:linear-gradient(135deg,#fafbff,#f0f2f8);border-bottom:1px solid #e0e3eb;display:flex;gap:10px;padding:14px 20px}.detail-card-icon{font-size:18px}.detail-card-header h3{color:#1a237e;flex:1 1;font-size:15px;font-weight:700;margin:0}.detail-card-badge{background:#e8eaf6;border-radius:12px;color:#5c6bc0;font-size:11px;font-weight:700;letter-spacing:.3px;padding:3px 10px}.detail-card-body{padding:20px}.detail-card-body-table{padding:0}.detail-info-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.detail-info-item{background:#f8f9fc;border:1px solid #eceef5;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 16px;transition:background .15s}.detail-info-item:hover{background:#eef0f7}.detail-info-label{color:#7986cb;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-info-value{color:#1a237e;font-size:14px;font-weight:500;word-break:break-word}.detail-info-mono{font-family:Consolas,Monaco,monospace;letter-spacing:.5px}.detail-info-bold{font-size:15px;font-weight:700}.detail-products-table{border-collapse:collapse;width:100%}.detail-products-table thead th{background:#f5f6fa;border-bottom:2px solid #e0e3eb;color:#7986cb;font-size:11px;font-weight:700;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.detail-products-table tbody td{border-bottom:1px solid #f0f1f5;color:#37474f;font-size:14px;padding:12px 16px}.detail-products-table tbody tr:last-child td{border-bottom:none}.detail-products-table tbody tr:hover{background:#fafbff}.detail-row-index{align-items:center;background:#e8eaf6;border-radius:50%;color:#3949ab;display:inline-flex;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.detail-product-name{color:#1a237e;font-weight:600}.detail-product-total{color:#1b5e20;font-weight:700}.detail-empty-state{color:#9fa8da;font-size:15px;font-weight:500;padding:40px;text-align:center}.detail-notes-text{background:#f8f9fc;border-left:4px solid #5c6bc0;border-radius:10px;color:#37474f;font-size:14px;line-height:1.7;margin:0;padding:14px 18px}.detail-modal-footer{background:#fff;border-top:1px solid #e0e3eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 28px}.btn-detail-edit{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:opacity .2s,transform .1s}.btn-detail-edit:hover{opacity:.9;transform:translateY(-1px)}.btn-detail-close{background:linear-gradient(135deg,#3949ab,#1a237e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 28px;transition:opacity .2s,transform .1s}.btn-detail-close:hover{opacity:.9;transform:translateY(-1px)}@media (max-width:768px){.detail-modal-redesign{border-radius:0!important;max-height:100vh;max-width:100%!important;width:100%!important}.detail-info-grid{grid-template-columns:1fr}.detail-status-strip{flex-wrap:wrap}.detail-status-item{min-width:calc(33.33% - 1px);padding:10px 6px}.detail-modal-body{padding:16px}.detail-products-table tbody td,.detail-products-table thead th{font-size:13px;padding:10px}}.sales-reports-container{margin:0 auto;max-width:1600px;padding:20px}.date-limit-warn{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;color:#856404;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:6px 12px}.masked-amount{color:#868e96;font-style:italic;letter-spacing:2px}.sales-reports-container h1{color:#2c3e50;font-size:28px;margin-bottom:20px}.message.error{background-color:#f8d7da;border-radius:6px;margin-bottom:20px;padding:12px 20px}.filters{border-radius:8px;box-shadow:0 2px 4px #0000001a;gap:15px;margin-bottom:20px;padding:20px}.date-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.shortcut-btn{background:#fff;border:1px solid #3498db;border-radius:20px;color:#3498db;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all .2s ease}.shortcut-btn:hover{background:#3498db;color:#fff}.filter-row{display:flex;gap:15px}.filter-group{flex:1 1}.filter-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.filter-group input,.filter-group select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px;width:100%}.tabs{display:flex;gap:10px;margin-bottom:20px}.tabs button{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s}.tabs button:hover{background:#f8f9fa;border-color:#3498db}.tabs button.active{background:#3498db;border-color:#3498db;color:#fff}.report-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:400px;padding:20px}.loading{font-size:20px;padding:60px}.summary-cards{margin-bottom:30px}.summary-card.green{background:linear-gradient(135deg,#f093fb,#f5576c)}.summary-card.orange{background:linear-gradient(135deg,#4facfe,#00f2fe)}.summary-card.purple{background:linear-gradient(135deg,#43e97b,#38f9d7)}.summary-details{background:#f8f9fa;border-radius:8px;padding:20px}.summary-details h3{color:#2c3e50;margin:0 0 15px}.summary-details table{width:100%}.summary-details td{padding:8px 0}.summary-details td:first-child{color:#666;width:200px}.summary-details td:last-child{text-align:right}table{border-collapse:collapse;width:100%}thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px;position:sticky;text-align:left;top:0}tbody td{border-bottom:1px solid #dee2e6;padding:12px}tbody tr:hover{background:#f8f9fa}tbody tr.overdue{background:#fff3cd}tbody tr.overdue:hover{background:#ffe69c}tfoot td{background:#f8f9fa;border-top:2px solid #dee2e6;font-weight:700;padding:12px}.status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.paid{background:#d4edda;color:#155724}.status.partial{background:#ffc107;color:#856404}.status.unpaid{background:#f8d7da;color:#721c24}.product-sales-table{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.product-sales-table table{border-collapse:collapse;width:100%}.product-sales-table thead th{background:#3498db;color:#fff;font-size:13px;font-weight:600;padding:12px;position:sticky;text-align:left;top:0;z-index:10}.product-sales-table tbody td{border-bottom:1px solid #e0e0e0;font-size:14px;padding:12px}.product-sales-table tbody tr:hover{background:#f8f9fa}.product-sales-table .group-subtotal-row td{background:#eaf2f8;border-bottom:2px solid #aed6f1;border-top:2px solid #aed6f1;color:#2c3e50;font-size:13px;padding:10px 12px}.product-sales-table tfoot td{background:#f8f9fa;border-top:2px solid #3498db;font-weight:600;padding:15px 12px}.badge-type{background:#3498db;font-size:11px;font-weight:600;padding:4px 10px}.payment-methods-cell{display:flex;flex-direction:column;gap:4px}.payment-method-row{display:flex;font-size:12px;gap:8px}.pm-name{color:#2c3e50;font-weight:600}.pm-details{color:#666}.no-data{font-size:16px;padding:60px 20px}@media (max-width:768px){.filters{flex-direction:column}.summary-cards{grid-template-columns:1fr}.tabs{flex-direction:column}}.collection-summary-cards{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:30px}.collection-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:15px;transition:box-shadow .2s}.collection-card:hover{box-shadow:0 4px 12px #0000001a}.collection-card h4{border-bottom:2px solid #3498db;color:#2c3e50;font-size:16px;margin:0 0 12px;padding-bottom:8px}.collection-card-stats{display:flex;flex-direction:column;font-size:14px;gap:6px}.collection-card-stats div{display:flex;justify-content:space-between}.collection-card-stats span{color:#666}.collection-card.total-card{background:#eaf4fe;border-color:#3498db}.collection-card.total-card h4{border-bottom-color:#2980b9;color:#2980b9}.collection-product-group{margin-bottom:25px}.collection-group-title{background:#f1f3f5;border-left:4px solid #3498db;border-radius:4px;color:#2c3e50;font-size:18px;margin:0 0 10px;padding:10px 15px}.badge-type{background:#9b59b6;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.collections-report .no-data{color:#999;font-size:16px;padding:40px;text-align:center}.sales-customer-management{font-family:Inter,Segoe UI,system-ui,sans-serif;margin:0 auto;max-width:1700px;padding:20px 24px}.page-header{border-bottom:2px solid #e9ecef;margin-bottom:18px;padding-bottom:16px}.page-header h1{align-items:center;color:#1a1a2e;display:flex;font-size:1.4rem;font-weight:700;gap:8px;letter-spacing:-.01em}.btn-add{background:linear-gradient(135deg,#0f3460,#1a4a8a);border-radius:8px;font-size:.88rem;letter-spacing:.01em;padding:9px 20px;transition:opacity .2s}.btn-add:hover{opacity:.88}.message{align-items:center;border-radius:8px;display:flex;font-size:.88rem;font-weight:500;gap:8px;margin-bottom:16px;padding:10px 18px}.message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.message.error{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.filters{background:#fff;border:1px solid #e9ecef;border-radius:10px;box-shadow:0 1px 4px #00000014;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px 18px}.filters input{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.88rem;padding:9px 14px;transition:border-color .15s;width:100%}.filters input:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f346012;outline:none}.filter-buttons{gap:8px}.filter-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;color:#475569;font-size:.82rem;padding:7px 16px;transition:all .15s}.filter-btn:hover{background:#f0f4ff;border-color:#0f3460;color:#0f3460}.filter-btn.active{background:#0f3460;border-color:#0f3460}.nm-modal{animation:nmSlideIn .18s ease;background:#fff;border-radius:14px;box-shadow:0 24px 60px #00000038;display:flex;flex-direction:column;max-height:88vh;max-width:98vw;overflow:hidden;width:960px}@keyframes nmSlideIn{0%{opacity:0;transform:translateY(-18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.nm-header{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 22px 14px}.nm-company{font-size:1.08rem;font-weight:700;letter-spacing:.02em;margin-bottom:4px}.nm-sub{display:flex;flex-wrap:wrap;font-size:.78rem;gap:14px;opacity:.82}.nm-balance{background:#ef444438;border-radius:6px;color:#fca5a5;font-weight:600;padding:1px 8px}.nm-close{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;height:30px;justify-content:center;margin-left:12px;transition:background .15s;width:30px}.nm-close:hover{background:#ffffff40}.nm-body{display:grid;flex:1 1;grid-template-columns:340px 1fr;overflow:hidden}.nm-left{background:#f8fafc;border-right:1px solid #e9ecef;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 18px}.nm-section-title{align-items:center;color:#64748b;display:flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.06em;margin-bottom:2px;text-transform:uppercase}.nm-count{background:#0f3460;border-radius:10px;color:#fff;font-size:.7rem;padding:1px 7px}.nm-type-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr)}.nm-type-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.76rem;gap:5px;padding:6px 9px;transition:all .14s;white-space:nowrap}.nm-type-btn:hover{background:#f0f4ff;border-color:#0f3460;color:#0f3460}.nm-type-btn.active{background:#0f3460;border-color:#0f3460;color:#fff;font-weight:600}.nm-form{display:flex;flex-direction:column;gap:8px}.nm-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.nm-field{display:flex;flex-direction:column;gap:3px}.nm-field label{color:#475569;font-size:.72rem;font-weight:600}.nm-field input,.nm-field select,.nm-field textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;color:#1e293b;font-family:inherit;font-size:.82rem;padding:7px 10px;transition:border-color .14s}.nm-field input:focus,.nm-field select:focus,.nm-field textarea:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f346014;outline:none}.nm-field textarea{resize:vertical}.nm-save-btn{background:linear-gradient(135deg,#0f3460,#1a4a8a);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:2px;padding:9px;transition:opacity .14s}.nm-save-btn:hover:not(:disabled){opacity:.88}.nm-save-btn:disabled{opacity:.6}.nm-right{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:16px 18px}.nm-empty,.nm-loading{color:#94a3b8;font-size:.88rem;padding:40px;text-align:center}.nm-note-list{display:flex;flex-direction:column;gap:8px}.nm-note-card{background:#fff;border:1.5px solid #e9ecef;border-left:4px solid #94a3b8;border-radius:10px;cursor:pointer;padding:10px 12px;position:relative;transition:all .14s}.nm-note-card:hover:not(.editing){border-color:#0f3460;box-shadow:0 2px 12px #0f34601a}.nm-note-card.editing{border-color:#0f3460;box-shadow:0 0 0 3px #0f34601a;cursor:default}.nm-note-card.nm-prio-kritik{background:snow;border-left-color:#dc2626}.nm-note-card.nm-prio-yüksek{background:#fffbf5;border-left-color:#f97316}.nm-note-card.nm-prio-orta{border-left-color:#3b82f6}.nm-note-card.nm-prio-düşük{border-left-color:#94a3b8}.nm-note-head{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.nm-note-type{background:#e0f2fe;border-radius:8px;color:#0369a1;font-size:.74rem;font-weight:700;padding:2px 8px}.nm-note-prio{border-radius:8px;font-size:.68rem;font-weight:600;padding:2px 7px}.nm-prio-badge-kritik{background:#fee2e2;color:#dc2626}.nm-prio-badge-yüksek{background:#ffedd5;color:#ea580c}.nm-prio-badge-orta{background:#dbeafe;color:#1d4ed8}.nm-prio-badge-düşük{background:#f1f5f9;color:#64748b}.nm-note-date{color:#94a3b8;font-size:.68rem;margin-left:auto}.nm-note-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:.71rem;gap:10px;margin-bottom:6px}.nm-followup{background:#ede9fe;border-radius:6px;color:#7c3aed;font-weight:600;padding:1px 7px}.nm-note-content{color:#334155;font-size:.82rem;line-height:1.55;white-space:pre-wrap}.nm-edit-hint{color:#cbd5e1;font-size:.66rem;margin-top:4px;opacity:0;text-align:right;transition:opacity .14s}.nm-note-card:hover .nm-edit-hint{opacity:1}.nm-edit-area{margin-top:6px}.nm-edit-area textarea{border:1.5px solid #0f3460;border-radius:7px;box-sizing:border-box;font-family:inherit;font-size:.82rem;padding:7px 10px;resize:vertical;width:100%}.nm-edit-btns{display:flex;gap:6px;justify-content:flex-end;margin-top:6px}.nm-edit-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.78rem;padding:5px 12px}.nm-edit-cancel:hover{background:#fee2e2;border-color:#dc2626;color:#dc2626}.nm-edit-save{background:#0f3460;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.78rem;font-weight:600;padding:5px 14px}.nm-edit-save:hover:not(:disabled){background:#1a4a8a}.nm-edit-save:disabled{opacity:.6}.days-badge{border-radius:10px;display:inline-block;font-size:.75rem;font-weight:600;padding:2px 8px;white-space:nowrap}.days-ok{background:#dcfce7;color:#166534}.days-warn{background:#fef9c3;color:#854d0e}.days-old{background:#fee2e2;color:#991b1b}.balance-total-bar{align-items:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;display:flex;font-size:16px;gap:10px;padding:12px 20px}.balance-total-bar .negative{color:#e74c3c}.badge-count{background:#3498db;border-radius:12px;display:inline-block;padding:4px 12px}.badge-count,.badge-customer-type{color:#fff;font-size:12px;font-weight:600}.badge-customer-type{background:#9b59b6;border-radius:10px;padding:4px 10px;text-transform:uppercase}.search-bar{margin-bottom:20px}.search-bar input{border:2px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 20px;width:100%}.search-bar input:focus{border-color:#3498db;outline:none}.loading{color:#999;font-size:18px;padding:40px;text-align:center}.customer-table{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #00000012;overflow:visible}.customer-table table{border-collapse:collapse;width:100%}.customer-table thead th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;color:#475569;font-size:.74rem;font-weight:700;letter-spacing:.04em;padding:11px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.customer-table thead th:first-child{border-radius:12px 0 0 0}.customer-table thead th:last-child{border-radius:0 12px 0 0}.customer-table tbody td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.84rem;padding:11px 12px;vertical-align:middle}.customer-table tbody tr{transition:background .1s}.customer-table tbody tr:hover{background:#f0f7ff}.customer-table tbody tr:last-child td{border-bottom:none}.clickable{color:#0f3460;cursor:pointer;font-weight:600;text-decoration:none}.clickable:hover{color:#1a4a8a;text-decoration:underline}.ctx-menu{animation:ctxFadeIn .1s ease;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 32px #0000002e;min-width:180px;overflow:hidden;padding:4px 0;position:fixed;z-index:99999}@keyframes ctxFadeIn{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.ctx-menu-title{border-bottom:1px solid #f1f5f9;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.04em;margin-bottom:2px;padding:7px 14px 6px;text-transform:uppercase}.ctx-menu button{align-items:center;background:none;border:none;color:#1e293b;cursor:pointer;display:flex;font-size:.84rem;gap:8px;padding:8px 14px;text-align:left;transition:background .1s;white-space:nowrap;width:100%}.ctx-menu button:hover{background:#f1f5f9}.ctx-menu .ctx-payment{color:#0369a1}.ctx-menu .ctx-payment:hover{background:#f0f9ff}.ctx-menu .ctx-danger{color:#dc2626}.ctx-menu .ctx-danger:hover{background:#fef2f2}.customer-table tbody tr{cursor:context-menu}.action-cell{position:relative;text-align:center;width:24px}.action-menu-wrap{display:inline-block;position:relative}.btn-menu-trigger{background:#f0f0f0;border:1px solid #ccc;border-radius:6px;color:#555;cursor:pointer;font-size:18px;font-weight:700;line-height:1;padding:4px 10px;transition:background .2s}.btn-menu-trigger:hover{background:#e0e0e0;color:#222}.dropdown-menu{animation:fadeInDown .12s ease;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #0000002e;min-width:160px;overflow:visible;position:absolute;right:0;top:calc(100% + 4px);z-index:9999}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{background:none;border:none;color:#333;cursor:pointer;display:block;font-size:13px;padding:10px 16px;text-align:left;transition:background .15s;white-space:nowrap;width:100%}.dropdown-menu button:hover{background:#f5f5f5}.dropdown-menu .menu-payment{color:#27ae60;font-weight:600}.dropdown-menu .menu-danger{color:#e74c3c}.dropdown-menu .menu-danger:hover{background:#fef2f2}.company-cell{display:flex;flex-direction:column;gap:2px}.vkn-sub{color:#999;font-size:11px;font-weight:400}.badge-tarife{background:#8e44ad;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.product-list{display:flex;flex-direction:column;gap:3px}.product-tag{align-items:center;background:#eaf4fd;border:1px solid #aed6f1;border-radius:6px;color:#1a5276;display:inline-flex;font-size:11px;font-weight:500;max-width:180px;overflow:hidden;padding:2px 8px;text-overflow:ellipsis;white-space:nowrap}.product-qty{background:#2e86c1;border-radius:4px;color:#fff;font-size:10px;font-weight:700;margin-left:4px;padding:1px 5px}.no-product{color:#ccc;font-size:13px}.row-has-balance{background:#fffbf5!important}.row-has-balance:hover{background:#fff3e0!important}.fw-bold{font-weight:700}.text-sm{font-size:13px}.payment-info{background:#f8f9fa;border-left:4px solid #e74c3c;border-radius:6px;margin:0 20px 20px;padding:15px 20px}.payment-info .info-row{align-items:center;display:flex;font-size:16px;justify-content:space-between}.payment-info .info-row span{color:#666}.payment-info .info-row strong{font-size:20px}.modal-content{box-shadow:0 4px 6px #0000004d}.modal-header{align-items:center;border-bottom:2px solid #dee2e6}.modal-header h2{color:#2c3e50;font-size:24px;margin:0}.modal-close{color:#999;height:30px;padding:0;width:30px}.modal-close:hover{color:#e74c3c}.modal-content form{padding:20px}.form-grid{margin-bottom:20px}.form-group input,.form-group label,.form-group textarea{font-size:14px}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db1a;outline:none}.modal-footer{border-top:2px solid #dee2e6}.btn-cancel{font-size:16px;font-weight:600}.btn-cancel:hover{background:#7f8c8d}.btn-save{font-size:16px;font-weight:600}.btn-save:hover:not(:disabled){background:#2980b9}.btn-save:disabled{cursor:not-allowed}@media (max-width:768px){.form-grid{grid-template-columns:1fr}}.cari-tabs{background:#f1f5f9;border-radius:10px;display:flex;gap:4px;margin-bottom:12px;padding:4px;width:fit-content}.cari-tab{align-items:center;background:#0000;border:none;border-radius:7px;color:#64748b;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:7px;padding:8px 22px;transition:all .18s}.cari-tab:hover{background:#e2e8f0;color:#1e293b}.cari-tab.active{background:#fff;box-shadow:0 1px 4px #0000001a;color:#0f3460}.tab-count{background:#e2e8f0;border-radius:10px;color:#475569;font-size:.75rem;font-weight:700;padding:1px 8px}.cari-tab.active .tab-count{background:#0f3460;color:#fff}.expand-cell{padding:6px 4px!important;vertical-align:middle}.expand-btns{flex-direction:column;gap:3px}.expand-btn,.expand-btns{align-items:center;display:flex}.expand-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.75rem;height:24px;justify-content:center;line-height:1;opacity:.7;padding:0;transition:all .14s;width:24px}.expand-btn:hover{background:#e0f0ff;border-color:#0f3460;opacity:1}.expand-btn.open{background:#dbeafe;border-color:#0f3460;opacity:1}.expand-row td{border-bottom:2px solid #e2e8f0!important;padding:0!important}.expand-row:hover{background:#0000!important}.expand-panel{animation:expandIn .15s ease;background:#f8fafc;border-top:1px solid #e2e8f0;padding:14px 18px}@keyframes expandIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.expand-panel-title{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}.expand-empty,.expand-loading{color:#94a3b8;font-size:.82rem;font-style:italic;padding:16px;text-align:center}.notes-row .expand-panel{border-left:4px solid #3b82f6}.txns-row .expand-panel{border-left:4px solid #10b981}.inline-note-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;max-height:220px;overflow-y:auto}.inline-note-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.8rem;gap:10px;padding:8px 12px}.inline-note-card.proje-note{background:#fefce8;border-color:#fde68a}.in-type{background:#e0f2fe;border-radius:6px;color:#0369a1;flex-shrink:0;font-size:.72rem;font-weight:700;padding:2px 7px;white-space:nowrap}.in-content{color:#334155;flex:1 1;line-height:1.5;min-width:120px}.in-meta{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:8px;margin-left:auto}.in-source{background:#f1f5f9;border-radius:5px;color:#475569;font-size:.68rem;font-weight:600;padding:2px 6px}.in-who{color:#64748b;font-size:.68rem}.in-date{color:#94a3b8;font-size:.68rem}.inline-note-form{border-top:1px solid #e2e8f0;padding-top:10px}.inf-type-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.inf-type-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:.72rem;padding:4px 9px;transition:all .12s}.inf-type-btn:hover{background:#f0f4ff;border-color:#0f3460;color:#0f3460}.inf-type-btn.active{background:#0f3460;border-color:#0f3460;color:#fff;font-weight:700}.inf-row{display:flex;gap:8px}.inf-input{border:1.5px solid #e2e8f0;border-radius:7px;flex:1 1;font-size:.82rem;padding:7px 11px;transition:border-color .14s}.inf-input:focus{border-color:#0f3460;outline:none}.inf-save-btn{background:#0f3460;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:7px 14px;transition:opacity .14s;white-space:nowrap}.inf-save-btn:hover:not(:disabled){opacity:.88}.inf-save-btn:disabled{cursor:not-allowed;opacity:.55}.txn-table{border-collapse:collapse;font-size:.78rem;width:100%}.txn-table th{background:#f1f5f9;border-bottom:1.5px solid #e2e8f0;color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:.04em;padding:6px 10px;text-align:left;text-transform:uppercase}.txn-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:7px 10px;vertical-align:middle}.txn-table tr:last-child td{border-bottom:none}.txn-table tr:hover td{background:#f0f9ff}.txn-no{color:#64748b;font-family:monospace;font-size:.74rem}.txn-note{color:#94a3b8;font-size:.74rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.positive{color:#16a34a}.pay-status{border-radius:8px;display:inline-block;font-size:.7rem;font-weight:700;padding:2px 8px}.ps-paid{background:#dcfce7;color:#166534}.ps-partial{background:#fef9c3;color:#854d0e}.ps-unpaid{background:#fee2e2;color:#991b1b}.paid-ok{color:#16a34a;font-size:.8rem;font-weight:600}.main-row{cursor:context-menu}.tx-row.tx-has-items:hover{background:#eff6ff!important}.tx-row.tx-open{background:#f0f9ff}.tx-expand-icon{color:#94a3b8;display:inline-block;font-size:.65rem;margin-right:4px;transition:transform .15s;width:16px}.tx-items-row td{border-bottom:2px solid #bfdbfe!important}.tx-items-table{border-collapse:collapse;font-size:.82rem;margin:6px 0 2px;width:100%}.tx-items-table thead tr{background:#e0f2fe}.tx-items-table thead th{border:none;color:#0369a1;font-size:.74rem;font-weight:600;letter-spacing:.03em;padding:5px 10px;text-transform:uppercase}.tx-items-table tbody tr{border-bottom:1px solid #e2e8f0}.tx-items-table tbody tr:last-child{border-bottom:none}.tx-items-table tbody tr:hover{background:#f0f9ff}.tx-items-table td{color:#334155;padding:6px 10px}.tx-items-table .text-center{text-align:center}.tx-items-table .text-right{text-align:right}.item-product-name{color:#1e40af;font-weight:600}.item-product-type{background:#dbeafe;color:#1d4ed8;display:inline-block;font-size:.68rem;margin-left:6px}.item-credit,.item-product-type{border-radius:8px;font-weight:600;padding:1px 7px}.item-credit{background:#dcfce7;color:#166534;font-size:.74rem}.item-bonus{color:#d97706;display:block;font-size:.68rem;margin-top:2px}.sales-customer-detail{margin:0 auto;max-width:1600px;padding:20px}.btn-back{font-size:16px;transition:background .3s}.page-header h1{font-size:28px}.info-card.compact{padding:15px 20px}.info-card h2,.summary-section h2,.transactions-section h2{font-size:20px}.info-card.compact h2{font-size:18px;margin:0 0 15px;padding-bottom:8px}.info-grid-compact{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:repeat(3,1fr)}.info-grid-compact .info-item{gap:3px}.info-grid-compact .info-item label{color:#666;font-size:12px}.info-grid-compact .info-item span{font-size:14px}.summary-card.red{background:linear-gradient(135deg,#fa709a,#fee140)}.no-data{font-size:18px}.sales-product-management{margin:0 auto;max-width:1600px;padding:20px}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;gap:12px;margin-bottom:20px;padding:16px}.search-filters{display:flex;flex-wrap:wrap;gap:10px}.search-input{flex:2 1;min-width:200px}.filter-select,.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:9px 12px}.filter-select{background:#fff;flex:1 1;min-width:160px}.date-filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.filter-buttons{gap:6px}.filter-btn{border:1px solid #3498db;border-radius:20px;color:#3498db;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s;white-space:nowrap}.filter-btn:hover{background:#3498db;color:#fff}.custom-date-range{gap:8px;margin-left:auto}.custom-date-range input{border:1px solid #ddd;font-size:13px;padding:6px 10px}.custom-date-range span{color:#999;font-size:13px}.stats-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.stat-item{background:#f8f9fa;border-radius:6px;flex-direction:column;gap:2px;min-width:0;overflow:hidden;padding:6px 4px;text-align:center}.stat-label{font-size:10px;letter-spacing:.3px;text-transform:uppercase}.stat-label:after{content:""}.stat-value{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-group{margin-bottom:28px}.group-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-left:5px solid #3498db;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:14px;padding:12px 18px}.group-header h2{color:#2c3e50;font-size:17px;font-weight:700;margin:0}.group-count{background:#ecf0f1;border-radius:12px;color:#7f8c8d;font-size:13px;font-weight:500;padding:4px 12px}.group-header.kontor{border-left-color:#3498db}.group-header.e-imza{border-left-color:#9b59b6}.group-header.mali_muhur{border-left-color:#e74c3c}.group-header.kep{border-left-color:#f39c12}.product-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:1400px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.product-grid{grid-template-columns:1fr}}.product-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:16px;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.product-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.product-header h3{color:#2c3e50;cursor:pointer;flex:1 1;font-size:15px;line-height:1.3;margin:0;min-width:0;word-break:break-word}.product-header h3:hover{color:#3498db}.badge{border-radius:4px;padding:4px 8px}.product-body{flex:1 1;margin-bottom:12px}.credit-info,.duration-info,.price-info{display:flex;justify-content:space-between;margin-bottom:6px}.label{color:#888}.label,.value{font-size:13px}.value{white-space:nowrap}.description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:13px;margin-top:8px;overflow:hidden;text-overflow:ellipsis}.product-footer{border-top:1px solid #eee;display:flex;gap:6px;margin-top:auto;padding-top:12px}.product-footer button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:12px;padding:7px 4px;white-space:nowrap}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px}.sales-product-detail{margin:0 auto;max-width:1600px;padding:20px}.info-item span.price{color:#27ae60;font-size:18px;font-weight:700}.badge.kontor{background:#3498db;color:#fff}.badge.e-imza{background:#9b59b6;color:#fff}.badge.mali_muhur{background:#e74c3c;color:#fff}.badge.kep{background:#f39c12;color:#fff}.sales-cashregister-management{margin:0 auto;max-width:1600px;padding:20px}.date-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px;padding:20px}.filter-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px}.filter-btn{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.filter-btn:hover{background:#f8f9fa;border-color:#3498db}.filter-btn.active{background:#3498db;border-color:#3498db;color:#fff}.custom-date-range{align-items:center;display:flex;gap:10px}.custom-date-range input{border:2px solid #ddd;border-radius:6px;font-size:14px;padding:10px}.custom-date-range span{color:#666;font-weight:600}.register-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.register-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s}.register-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.register-header{align-items:start;border-bottom:2px solid #3498db;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.register-header h3{color:#2c3e50;cursor:pointer;margin:0}.register-header h3:hover{color:#3498db}.register-body{margin-bottom:15px}.value.balance{color:#27ae60;font-size:16px}.description{border-top:1px solid #eee}.description,.movement-stats{margin-top:10px;padding-top:10px}.movement-stats{border-top:1px solid #e0e0e0}.movement-stats h4{display:none}.stats-grid{font-size:12px;gap:20px;justify-content:flex-start}.stat-item,.stats-grid{align-items:center;display:flex}.stat-item{gap:5px;white-space:nowrap}.stat-label{color:#999;font-size:11px}.stat-label:after{content:":"}.stat-value{color:#2c3e50;font-size:13px;font-weight:700}.stat-value.positive{color:#27ae60}.register-footer{border-top:1px solid #eee;display:flex;gap:8px;padding-top:15px}.register-footer button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:8px}.btn-view{background:#3498db;color:#fff}.modal-content{max-width:700px}.sales-cashregister-detail{margin:0 auto;max-width:1600px;padding:20px}.page-header{gap:20px;margin-bottom:30px}.btn-back{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.btn-back:hover{background:#7f8c8d}.error,.loading{color:#999;font-size:20px;padding:60px;text-align:center}.error{color:#e74c3c}.detail-layout{display:flex;flex-direction:column;gap:20px}.info-card,.summary-section,.transactions-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px}.info-card h2,.summary-section h2,.transactions-section h2{border-bottom:2px solid #3498db;color:#2c3e50;margin:0 0 20px;padding-bottom:10px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.info-item{display:flex;flex-direction:column;gap:5px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#555;font-size:14px;font-weight:600}.info-item span{color:#2c3e50;font-size:16px}.info-item span.active{color:#27ae60;font-weight:600}.info-item span.inactive{color:#e74c3c;font-weight:600}.summary-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.summary-card{border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px;text-align:center}.summary-card.blue{background:linear-gradient(135deg,#667eea,#764ba2)}.summary-card.green{background:linear-gradient(135deg,#56ab2f,#a8e063)}.summary-card.orange{background:linear-gradient(135deg,#f093fb,#f5576c)}.summary-card.purple{background:linear-gradient(135deg,#4facfe,#00f2fe)}.summary-card h3{font-size:16px;margin:0 0 10px;opacity:.9}.summary-card .amount{font-size:28px;font-weight:700;margin:10px 0}.summary-card small{font-size:13px;opacity:.8}.transactions-table{overflow-x:auto}.transactions-table table{border-collapse:collapse;width:100%}.transactions-table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px;text-align:left}.transactions-table tbody td{border-bottom:1px solid #dee2e6;padding:12px}.transactions-table tbody tr:hover{background:#f8f9fa}.transactions-table tfoot td{background:#f8f9fa;border-top:2px solid #dee2e6;font-weight:700;padding:12px}.negative,.positive,.status-badge{font-weight:600}.status-badge{border-radius:12px;font-size:12px;padding:4px 12px;text-transform:uppercase}.status-badge.paid{background:#d4edda;color:#155724}.status-badge.partial{background:#fff3cd;color:#856404}.status-badge.unpaid{background:#f8d7da;color:#721c24}.no-data{color:#999;font-style:italic;padding:60px;text-align:center}@media (max-width:1200px){.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.info-grid,.summary-cards{grid-template-columns:1fr}}.sales-payment-method-management{margin:0 auto;max-width:1600px;padding:20px}.page-header{margin-bottom:20px}.btn-add{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.btn-add:hover{background:#229954}.message{border-radius:6px;margin-bottom:20px;padding:12px 20px}.message.success{background:#d4edda;color:#155724}.message.error{background:#f8d7da;color:#721c24}.loading,.no-data{color:#999;padding:60px;text-align:center}.method-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.method-card{background:#fff;border-left:4px solid #3498db;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:transform .3s}.method-card:hover{box-shadow:0 4px 8px #0003;transform:translateY(-5px)}.method-header{align-items:start;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.method-title{align-items:center;display:flex;gap:10px}.method-icon{font-size:24px}.method-header h3{color:#2c3e50;margin:0}.badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.badge.active{background:#d4edda;color:#155724}.badge.inactive{background:#f8d7da;color:#721c24}.method-body{margin-bottom:15px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0}.label{color:#666;font-size:14px}.value{color:#2c3e50;font-weight:600}.description{background:#f8f9fa;border-radius:4px;color:#666;font-size:14px;margin:10px 0;padding:10px}.features{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.feature-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:12px;font-weight:500;padding:4px 10px}.feature-badge.credit{background:#fff3e0;color:#f57c00}.feature-badge.default{background:#fff9c4;color:#f57f17}.method-footer{border-top:1px solid #eee;display:flex;gap:8px;padding-top:15px}.method-footer button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:14px;padding:8px}.btn-edit{background:#f39c12;color:#fff}.btn-delete{background:#e74c3c;color:#fff}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.modal-header{border-bottom:2px solid #ddd;display:flex;justify-content:space-between;padding:20px}.modal-close{background:none;border:none;cursor:pointer;font-size:24px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);padding:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group.checkbox-group{align-items:center;flex-direction:row}.form-group.checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.form-group.checkbox-group input[type=checkbox]{margin:0;width:auto}.form-group label{color:#555;font-weight:500;margin-bottom:5px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;padding:10px}.form-group input[type=color]{cursor:pointer;height:40px}.modal-footer{border-top:2px solid #ddd;display:flex;gap:10px;justify-content:flex-end;padding:20px}.btn-cancel{background:#95a5a6}.btn-cancel,.btn-save{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 20px}.btn-save{background:#3498db}.btn-save:disabled{background:#95a5a6}.sales-import{font-family:Segoe UI,sans-serif;margin:0 auto;max-width:1800px;padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.page-header h1{color:#2c3e50;font-size:26px;margin:0}.si-message{border-radius:8px;font-weight:500;margin-bottom:20px;padding:14px 18px}.si-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.si-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.si-message.info{background:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}.wizard-steps{gap:0}.wizard-step,.wizard-steps{align-items:center;display:flex}.wizard-step{background:#f1f3f5;color:#868e96;font-size:13px;font-weight:600;gap:8px;padding:8px 20px;position:relative}.wizard-step:not(:last-child):after{color:#ced4da;content:"›";font-size:20px;position:absolute;right:-10px;z-index:1}.wizard-step.active{background:#3498db;border-radius:6px;color:#fff}.wizard-step.done{background:#27ae60;border-radius:6px;color:#fff}.step-num{align-items:center;background:#ffffff4d;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:22px;justify-content:center;width:22px}.wizard-step:not(.active):not(.done) .step-num{background:#dee2e6;color:#495057}.si-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:9px 18px;transition:opacity .2s;white-space:nowrap}.si-btn:disabled{cursor:not-allowed;opacity:.5}.si-btn.primary{background:#3498db;color:#fff}.si-btn.primary:hover:not(:disabled){background:#2980b9}.si-btn.secondary{background:#6c757d;color:#fff}.si-btn.secondary:hover:not(:disabled){background:#5a6268}.si-btn.sm{font-size:12px;padding:6px 12px}.si-table{border-collapse:collapse;font-size:13px;width:100%}.si-table thead th{background:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.si-table tbody td{border-bottom:1px solid #e9ecef;padding:9px 12px;vertical-align:middle}.si-table tbody tr:hover{background:#f8f9fa}.si-table tbody tr.selected{background:#e7f3ff}.si-step1{gap:24px}.si-step1,.si-upload-card{display:flex;flex-direction:column}.si-upload-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;gap:16px;max-width:600px;padding:28px}.si-upload-card h3{color:#2c3e50;font-size:18px;margin:0}.si-hint{color:#868e96;font-size:13px;margin:0}.si-file-label{align-items:center;cursor:pointer;display:flex;gap:12px}.si-file-label input[type=file]{display:none}.si-file-btn{background:#6c757d;border-radius:6px;color:#fff;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.si-file-label:hover .si-file-btn{background:#5a6268}.si-file-name{color:#495057;font-size:13px;font-weight:500}.si-batches-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:24px}.si-batches-card h3{color:#2c3e50;font-size:16px;margin:0 0 16px}.badge{border-radius:10px;font-size:11px;font-weight:700;padding:3px 9px}.badge.pending{background:#fff3cd;color:#856404}.badge.imported{background:#d4edda;color:#155724}.badge.error{background:#f8d7da;color:#721c24}.si-step2{display:flex;flex-direction:column;gap:16px}.si-preview-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:20px}.si-stats{display:flex;flex-wrap:wrap;gap:20px}.si-stat{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:2px;min-width:110px;padding:10px 18px}.si-stat span{color:#868e96;font-size:11px;font-weight:500}.si-stat strong{color:#2c3e50;font-size:22px}.si-stat.green strong{color:#27ae60}.si-stat.orange strong{color:#e67e22}.si-stat.blue strong{color:#3498db}.si-preview-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.si-preview-actions label{color:#495057;font-size:13px;font-weight:600}.si-preview-actions select{border:1.5px solid #dee2e6;border-radius:6px;font-size:13px;padding:7px 12px}.si-filter-bar{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;gap:20px;padding:14px 20px}.si-filter-bar,.si-filter-group{align-items:center;display:flex;flex-wrap:wrap}.si-filter-group{gap:8px}.si-filter-label{color:#868e96;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.si-filter-btn,.si-filter-label{font-size:12px;white-space:nowrap}.si-filter-btn{background:#f8f9fa;border:1.5px solid #dee2e6;border-radius:20px;color:#495057;cursor:pointer;font-weight:600;padding:6px 14px;transition:all .15s}.si-filter-btn:hover{background:#e9ecef;border-color:#adb5bd}.si-filter-btn.active{background:#3498db;border-color:#3498db;color:#fff}.si-filter-btn.matched.active{background:#27ae60;border-color:#27ae60}.si-filter-btn.unmatched.active{background:#e74c3c;border-color:#e74c3c}.si-bulk-btn{margin-left:auto}.si-bulk-panel{background:#fff;border:2px solid #3498db;border-radius:10px;box-shadow:0 4px 16px #3498db26;overflow:hidden}.si-bulk-header{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:16px 20px}.si-bulk-header h4{font-size:16px;margin:0 0 4px}.si-bulk-hint{font-size:12px;margin:0;opacity:.85}.si-bulk-table{border-collapse:collapse;font-size:13px;width:100%}.si-bulk-table thead th{background:#edf2f7;border-bottom:2px solid #dee2e6;color:#495057;font-weight:700;padding:10px 14px;text-align:left}.si-bulk-table tbody td{border-bottom:1px solid #f1f3f5;padding:10px 14px;vertical-align:middle}.si-bulk-table tbody tr:hover{background:#f8faff}.si-bulk-row-mapped{background:#f0fdf4!important}.si-bulk-urun-adi{color:#2c3e50;font-weight:600;max-width:300px;word-break:break-word}.si-bulk-count{text-align:center}.si-count-badge{background:#e9ecef;border-radius:10px;color:#495057;display:inline-block;font-size:11px;font-weight:700;padding:3px 10px}.si-bulk-select{max-width:280px;width:100%}.si-bulk-mapped-badge{color:#27ae60;display:inline-block;font-size:11px;font-weight:700;margin-top:4px}.si-match-type-label{color:#868e96;font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.si-normalized-name{color:#2c3e50;font-size:13px;font-weight:600}.si-original-name{color:#adb5bd;font-size:11px;font-style:italic}.si-pagination{align-items:center;background:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;justify-content:space-between;padding:12px 16px}.si-page-info{color:#868e96;font-size:12px}.si-page-btns,.si-quick-select{align-items:center;display:flex;gap:4px}.si-quick-select{flex-wrap:wrap}.si-quick-label{color:#868e96;font-size:11px;font-weight:600;margin-right:2px}.si-btn.xs{border-radius:4px;font-size:11px;min-width:28px;padding:3px 8px}.si-progress-container{background:#f0f9ff;border:1px solid #b3d7f5;border-radius:8px;margin:12px 0;padding:14px 20px}.si-progress-info{align-items:center;color:#2c3e50;display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.si-progress-bar{background:#dee2e6;border-radius:7px;height:14px;overflow:hidden}.si-progress-fill{background:linear-gradient(90deg,#27ae60,#2ecc71);border-radius:7px;height:100%;transition:width .4s ease}.si-progress-pct{color:#868e96;display:block;font-size:11px;margin-top:6px;text-align:right}.si-bulk-footer{background:#f8f9fa;border-top:1px solid #dee2e6;gap:12px;padding:14px 20px}.si-bulk-footer,.si-search-bar{align-items:center;display:flex}.si-search-bar{gap:14px}.si-search-bar input{border:1.5px solid #dee2e6;border-radius:8px;flex:1 1;font-size:14px;max-width:400px;outline:none;padding:9px 14px}.si-search-bar input:focus{border-color:#3498db}.si-active-filter{background:#fff3cd;border-radius:12px;color:#e67e22;font-size:12px;font-weight:600;padding:4px 10px}.si-clear-filter{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:12px;font-weight:700;padding:0 0 0 4px}.si-preview-table{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden}.si-row-selected{background:#e7f3ff!important}.si-row-skip{opacity:.5;text-decoration:line-through}.si-amt{text-align:right;white-space:nowrap}.si-total strong{color:#27ae60;font-size:14px}.si-customer-csv{color:#2c3e50;font-size:13px;font-weight:600}.si-tax{color:#868e96;font-size:11px}.si-item-count{color:#6c757d;font-size:12px}.si-expand-btn{background:none;border:none;color:#3498db;cursor:pointer;font-size:12px;font-weight:600;padding:0}.si-expand-btn code{color:#495057;font-size:11px}.si-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;margin-bottom:4px;padding:3px 8px}.si-badge.matched{background:#d4edda;color:#155724}.si-badge.medium{background:#fff3cd;color:#856404}.si-badge.manual{background:#d1ecf1;color:#0c5460}.si-badge.new{background:#fce4ec;color:#880e4f}.si-override-row{margin-top:4px}.si-select-sm{border:1.5px solid #dee2e6;border-radius:5px;font-size:12px;max-width:220px;padding:4px 8px;width:100%}.si-expanded-row td{background:#f8fafc;padding:0!important}.si-kalemler{padding:16px 24px}.si-kalem-table{border-collapse:collapse;font-size:12px;width:100%}.si-kalem-table th{background:#edf2f7;color:#495057;font-weight:600;padding:7px 10px;text-align:left}.si-kalem-table td{border-bottom:1px solid #e9ecef;padding:7px 10px;vertical-align:middle}.si-skip-row{color:#e74c3c;font-size:13px;font-weight:600;margin-top:10px}.si-step3{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:40px;text-align:center}.si-step3 h2{color:#2c3e50;font-size:24px;margin-bottom:28px}.si-result-cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:28px}.si-result-card{border-radius:10px;padding:20px;text-align:center;width:130px}.si-result-card.green{background:#d4edda}.si-result-card.red{background:#f8d7da}.si-result-card.orange{background:#fff3cd}.si-result-card.blue{background:#d1ecf1}.si-rc-num{color:#2c3e50;font-size:36px;font-weight:700}.si-rc-label{color:#6c757d;font-size:13px;font-weight:600}.si-error-list{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:24px;padding:16px;text-align:left}.si-error-list h4{color:#856404;margin:0 0 8px}.si-error-item{color:#856404;font-size:13px;padding:4px 0}@media (max-width:768px){.page-header{align-items:flex-start}.page-header,.si-preview-header,.si-stats{flex-direction:column}.si-preview-table{overflow-x:auto}}.comparison-report{margin:0 auto;max-width:1600px;padding:20px}.comparison-report h1{color:#2c3e50;font-size:26px;margin-bottom:20px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.preset-btn{background:#fff;border:1px solid #3498db;border-radius:20px;color:#3498db;cursor:pointer;font-size:13px;font-weight:500;padding:8px 18px;transition:all .2s}.preset-btn.active,.preset-btn:hover{background:#3498db;color:#fff}.preset-btn.active{box-shadow:0 2px 8px #3498db66}.period-info{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.period-badge{border-radius:8px;font-size:13px;padding:8px 16px}.current-badge{background:#ebf5fb;border:1px solid #aed6f1;color:#2980b9}.previous-badge{background:#f2f3f4;border:1px solid #d5dbdb;color:#7f8c8d}.vs-text{color:#e74c3c;font-size:16px;font-weight:700}.comp-tabs{display:flex;gap:8px;margin-bottom:20px}.comp-tabs button{background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s}.comp-tabs button:hover{border-color:#3498db}.comp-tabs button.active{background:#3498db;border-color:#3498db;color:#fff}.comp-loading{color:#999;font-size:16px;padding:60px;text-align:center}.comp-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}@media (max-width:1200px){.comp-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.comp-cards-grid{grid-template-columns:1fr}}.comp-card{background:#fff;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:18px}.comp-card-label{color:#7f8c8d;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.comp-card-values{display:flex;gap:16px;margin-bottom:12px}.comp-val{display:flex;flex:1 1;flex-direction:column;gap:2px}.comp-val-label{color:#aaa;font-size:11px}.comp-val-amount{color:#2c3e50;font-size:18px;font-weight:700}.comp-val.previous .comp-val-amount{color:#95a5a6;font-size:15px}.comp-change{align-items:center;border-radius:6px;display:flex;font-size:13px;font-weight:600;gap:6px;padding:6px 10px}.comp-change.positive{background:#eafaf1;color:#27ae60}.comp-change.negative{background:#fdedec;color:#e74c3c}.comp-change.neutral{background:#f8f9fa;color:#95a5a6}.change-diff,.change-icon{font-size:11px}.change-diff{font-weight:400;opacity:.8}.charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}@media (max-width:900px){.charts-row{grid-template-columns:1fr}}.chart-box{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px}.chart-box.full-width{grid-column:1/-1}.chart-box h3{color:#2c3e50;font-size:15px;margin:0 0 16px}.chart-container{height:300px;position:relative}.chart-container-wide{height:350px;position:relative}.chart-container-sm{height:250px;position:relative}.product-comp-table-wrapper{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow-x:auto;padding:20px}.product-comp-table-wrapper h3{color:#2c3e50;font-size:15px;margin:0 0 16px}.product-comp-table{border-collapse:collapse;font-size:13px;width:100%}.product-comp-table thead{background:#2c3e50;color:#fff}.product-comp-table th{font-weight:600;padding:10px 12px;text-align:left;white-space:nowrap}.product-comp-table th[colspan="2"],.product-comp-table th[colspan="3"]{border-bottom:1px solid #fff3;text-align:center}.product-comp-table td{border-bottom:1px solid #eee;padding:10px 12px}.product-comp-table tbody tr:hover{background:#f8f9fa}.product-comp-table tfoot{background:#ecf0f1;font-weight:600}.product-comp-table tfoot td{border-bottom:none}.text-center{text-align:center}.text-right{text-align:right}.positive{color:#27ae60}.negative{color:#e74c3c}.neutral{color:#95a5a6}.badge-sm{border-radius:4px;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.badge-sm.kontor{background:#3498db;color:#fff}.badge-sm.e-imza{background:#9b59b6;color:#fff}.badge-sm.mali_muhur{background:#e74c3c;color:#fff}.badge-sm.kep{background:#f39c12;color:#fff}.trend-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:20px}@media (max-width:900px){.trend-summary-grid{grid-template-columns:1fr}}.trend-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:20px;text-align:center}.trend-card h4{color:#7f8c8d;font-size:14px;font-weight:600;margin:0 0 14px}.trend-vals{display:flex;gap:16px;justify-content:center;margin-bottom:10px}.trend-val{display:flex;flex-direction:column;gap:4px}.trend-period{color:#aaa;font-size:11px}.trend-amount{color:#2c3e50;font-size:20px;font-weight:700}.ai-assistant-page{background:#f0f2f5;display:flex;height:calc(100vh - 82px)}.ai-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;min-width:272px;overflow-x:hidden;overflow-y:auto;width:272px}.ai-sidebar::-webkit-scrollbar{width:4px}.ai-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.ai-sidebar-header{background:linear-gradient(135deg,#ede9fe,#e0e7ff);border-bottom:1px solid #f1f5f9;padding:16px 14px}.ai-logo{align-items:center;display:flex;gap:10px}.ai-logo-icon{font-size:28px}.ai-logo-title{color:#3730a3;font-size:15px;font-weight:800}.ai-logo-sub{color:#6366f1;font-size:11px;margin-top:1px}.ai-sidebar-section{border-bottom:1px solid #f1f5f9;padding:12px 10px 8px;position:relative}.ai-sidebar-label{color:#94a3b8;font-size:10px;font-weight:700;letter-spacing:.8px;margin-bottom:8px;padding:0 2px;text-transform:uppercase}.aia-search-wrap{position:relative}.ai-customer-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:13px;outline:none;padding:7px 30px 7px 10px;transition:border-color .2s;width:100%}.ai-customer-search:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ai-customer-search::placeholder{color:#94a3b8}.aia-clear-search{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:13px;line-height:1;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.aia-clear-search:hover{color:#475569}.ai-customer-results{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 12px #00000014;left:10px;margin-top:4px;max-height:240px;overflow:hidden;overflow-y:auto;position:absolute;right:10px;z-index:100}.ai-customer-results::-webkit-scrollbar{width:3px}.ai-customer-results::-webkit-scrollbar-thumb{background:#e2e8f0}.ai-customer-result-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f8fafc;box-sizing:border-box;color:#475569;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;padding:8px 10px;text-align:left;transition:background .15s;width:100%}.ai-customer-result-item:hover{background:#f0f2f5;color:#1e293b}.aia-res-name{color:#1e293b;font-size:12px;font-weight:500}.aia-res-right{flex-shrink:0;margin-left:6px}.ai-cr-credit{font-size:11px;font-weight:700}.ai-quick-btn{align-items:center;border-radius:7px;display:flex;font-weight:500;gap:8px;margin-bottom:5px;padding:7px 10px;text-align:left;transition:all .18s;width:100%}.ai-quick-btn:hover:not(:disabled){background:#ede9fe;border-color:#c7d2fe;transform:translateX(2px)}.ai-crit-count{background:#fee2e2;border-radius:10px;color:#ef4444;font-size:11px;font-weight:600;margin-left:4px;padding:1px 6px}.ai-cc-top{align-items:center;display:flex;gap:4px;justify-content:space-between;width:100%}.ai-cc-label{flex-shrink:0;font-size:9.5px;font-weight:700;white-space:nowrap}.ai-cc-bottom{align-items:center;display:flex;justify-content:space-between;margin-top:3px;width:100%}.ai-cc-pct{color:#9ca3af;font-size:9.5px}.ai-critical-customer{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#991b1b;cursor:pointer;display:flex;font-size:12px;justify-content:space-between;margin-bottom:4px;padding:7px 10px;text-align:left;transition:all .18s;width:100%}.ai-critical-customer:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.ai-cc-name{color:#b91c1c;font-weight:600;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-cc-credit{color:#dc2626;flex-shrink:0;font-size:11px;font-weight:700;margin-left:4px}.ai-sidebar-stats{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:6px;margin-top:auto;padding:12px 10px}.ai-stat-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;flex-direction:column;padding:8px 4px}.ai-stat-num{color:#4f46e5;font-size:18px;font-weight:800;line-height:1}.ai-stat-red{color:#dc2626}.ai-stat-green{color:#16a34a}.ai-stat-lbl{color:#94a3b8;font-size:10px;font-weight:600;margin-top:3px}.ai-chat-area{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.ai-chat-header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000a;justify-content:space-between;padding:12px 20px}.ai-chat-header,.ai-chat-title{align-items:center;display:flex}.ai-chat-title{color:#1e293b;font-size:14px;font-weight:700;gap:10px}.ai-online-badge{color:#16a34a;font-size:11px;font-weight:600}.aia-hint-badge{background:#ede9fe;border:1px solid #c7d2fe;border-radius:20px;color:#4f46e5;font-size:11px;font-weight:500;padding:2px 10px}.ai-clear-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#64748b;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.ai-clear-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.ai-messages{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding:16px 20px}.ai-messages::-webkit-scrollbar{width:5px}.ai-messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ai-message{animation:fadeInUp .25s ease;display:flex;gap:10px;max-width:88%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-message-user{align-self:flex-end;flex-direction:row-reverse}.ai-message-assistant{align-self:flex-start}.ai-message-avatar{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;width:32px}.ai-message-user .ai-message-avatar{background:#4f46e5;border-color:#4f46e5}.ai-message-body{display:flex;flex-direction:column;gap:3px}.ai-message-content{border-radius:12px;font-size:13.5px;line-height:1.65;padding:10px 14px;word-break:break-word}.ai-message-assistant .ai-message-content{background:#fff;border:1px solid #e2e8f0;border-top-left-radius:4px;box-shadow:0 1px 4px #0000000d;color:#334155}.ai-message-user .ai-message-content{background:linear-gradient(135deg,#4f46e5,#6366f1);border-top-right-radius:4px;color:#fff}.ai-message-error .ai-message-content{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.ai-message-streaming .ai-message-content{animation:pulse-border 1.5s ease infinite;background:#fff;border:1px solid #c7d2fe}@keyframes pulse-border{0%,to{border-color:#a5b4fc}50%{border-color:#6366f1}}.ai-cursor{animation:blink 1s step-end infinite;color:#6366f1;display:inline-block;font-weight:700;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.ai-message-time{color:#94a3b8;font-size:10px;padding:0 2px}.ai-message-user .ai-message-time{text-align:right}.ai-message-content strong{color:#1e293b;font-weight:700}.ai-message-user .ai-message-content strong{color:#fff}.ai-message-content .ai-section-title{color:#1e293b;display:block;font-size:13px;font-weight:800;margin:6px 0 2px}.ai-typing{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-top-left-radius:4px;display:flex;gap:5px;padding:12px 16px}.ai-typing span{animation:typing-bounce 1.2s ease infinite;background:#6366f1;border-radius:50%;height:6px;width:6px}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}.ai-input-area{background:#fff;border-top:1px solid #e2e8f0;padding:10px 16px 14px}.aia-input-hint-row{background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#94a3b8;font-size:11px;margin-bottom:8px;padding:5px 8px}.ai-input-row{align-items:flex-end;display:flex;gap:10px}.ai-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;flex:1 1;font-family:inherit;font-size:13.5px;line-height:1.5;max-height:100px;min-height:44px;outline:none;padding:10px 14px;resize:none;transition:border-color .2s}.ai-textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.ai-textarea::placeholder{color:#94a3b8}.ai-send-btn{align-items:center;background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .2s;width:44px}.ai-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#3730a3,#4f46e5);box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.ai-send-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.aia-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:5000}.aia-modal{animation:slideUp .25s ease;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:94vw;width:520px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.aia-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#1e293b;display:flex;font-size:15px;font-weight:700;justify-content:space-between;padding:16px 20px}.aia-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:16px;padding:2px 6px;transition:all .15s}.aia-modal-close:hover{background:#f1f5f9;color:#475569}.aia-modal-sub{background:#f8fafc;border-bottom:1px solid #f1f5f9;color:#64748b;font-size:12px;margin:0;padding:8px 20px}.aia-modal-list{max-height:calc(80vh - 110px);overflow-y:auto}.aia-modal-list::-webkit-scrollbar{width:4px}.aia-modal-list::-webkit-scrollbar-thumb{background:#e2e8f0}.aia-modal-item{align-items:center;background:#0000;border:none;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 20px;text-align:left;transition:background .15s;width:100%}.aia-modal-item:hover{background:#f0f2f5}.aia-modal-item:last-child{border-bottom:none}.aia-modal-item-left{flex:1 1;min-width:0}.aia-modal-item-name{color:#1e293b;font-size:14px;font-weight:600;margin-bottom:3px}.aia-modal-item-meta{color:#64748b;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.aia-modal-item-right{flex-shrink:0;text-align:right}.aia-credit-badge{border:1.5px solid;border-radius:20px;display:inline-block;font-size:13px;font-weight:800;margin-bottom:2px;padding:2px 10px}.aia-credit-status{font-size:10px;font-weight:600}.aia-detail-panel{background:#fff;border-left:1px solid #e2e8f0;box-shadow:-2px 0 8px #0000000a;display:flex;flex-direction:column;min-width:280px;overflow-y:auto;width:280px}.aia-detail-panel::-webkit-scrollbar{width:4px}.aia-detail-panel::-webkit-scrollbar-thumb{background:#e2e8f0}.aia-detail-header{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:14px}.aia-detail-title{align-items:flex-start;display:flex;gap:10px}.aia-detail-icon{flex-shrink:0;font-size:24px}.aia-detail-name{color:#0f172a;font-size:13px;font-weight:700;line-height:1.3;word-break:break-word}.aia-detail-vkn{color:#64748b;font-size:11px;margin-top:2px}.aia-detail-close{background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;flex-shrink:0;font-size:14px;padding:2px 4px;transition:all .15s}.aia-detail-close:hover{background:#f1f5f9;color:#475569}.aia-credit-section{border-bottom:1px solid #f1f5f9;padding:12px 14px}.aia-credit-row{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.aia-credit-lbl{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.aia-credit-val{font-size:22px;font-weight:900;line-height:1}.aia-credit-bar-wrap{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.aia-credit-bar{border-radius:4px;height:100%;min-width:4px;transition:width .5s ease}.aia-credit-meta{color:#94a3b8;display:flex;font-size:11px;justify-content:space-between}.aia-info-grid{border-bottom:1px solid #f1f5f9;display:flex;flex-direction:column;gap:6px;padding:10px 14px}.aia-info-row{align-items:flex-start;color:#475569;display:flex;font-size:12px;gap:7px}.aia-info-row span:first-child{flex-shrink:0;font-size:13px}.aia-action-btns{display:flex;flex-direction:column;gap:7px;padding:12px 14px}.aia-btn{align-items:center;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:12.5px;font-weight:600;gap:7px;padding:9px 12px;text-align:left;transition:all .18s;width:100%}.aia-btn:disabled{cursor:not-allowed;opacity:.5}.aia-btn-primary{background:#4f46e5;color:#fff}.aia-btn-primary:hover:not(:disabled){background:#3730a3;box-shadow:0 3px 8px #4f46e540;transform:translateY(-1px)}.aia-btn-green{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.aia-btn-green:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.aia-btn-orange{background:#fffbeb;border-color:#fde68a;color:#b45309}.aia-btn-orange:hover:not(:disabled){background:#fef3c7;border-color:#fcd34d}.aia-btn-blue{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.aia-btn-blue:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.aia-btn-png{background:#f0fdf4;border-color:#6ee7b7;color:#065f46;font-weight:700;justify-content:center;width:100%}.aia-btn-png:hover:not(:disabled){background:#d1fae5;border-color:#34d399;box-shadow:0 3px 8px #10b98133}.ai-customer-list-msg{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-width:560px;overflow:hidden}.ai-clm-header{background:#ede9fe;border-bottom:1px solid #ddd6fe;color:#4c1d95;font-size:13px;padding:10px 14px}.ai-clm-list{display:flex;flex-direction:column;gap:0}.ai-clm-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:10px;padding:10px 14px;text-align:left;transition:background .15s;width:100%}.ai-clm-item:last-child{border-bottom:none}.ai-clm-item:hover:not(:disabled){background:#f0f9ff}.ai-clm-item:disabled{cursor:not-allowed;opacity:.6}.ai-clm-item-main{display:flex;flex:1 1;flex-direction:column;min-width:0}.ai-clm-name{color:#1e293b;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-clm-vkn{color:#64748b;font-family:monospace;font-size:11px;margin-top:1px}.ai-clm-item-meta{color:#64748b;display:flex;flex:1.2 1;flex-wrap:wrap;font-size:11px;gap:6px}.ai-clm-credit{font-size:12px;font-weight:700;min-width:70px;text-align:right;white-space:nowrap}.ai-train-info{display:flex;flex-direction:column;gap:8px}.ai-train-count{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;gap:8px;padding:6px 10px}.ai-train-num{color:#0369a1;font-size:20px;font-weight:700;line-height:1}.ai-train-lbl{color:#64748b;font-size:11px;font-weight:500}.ai-train-cmds{display:flex;flex-direction:column;gap:3px}.ai-train-cmd{color:#64748b;font-size:10.5px;line-height:1.5}.ai-train-cmd code{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#7c3aed;font-family:monospace;font-size:10px;padding:0 4px}@media (max-width:1100px){.aia-detail-panel{min-width:240px;width:240px}}@media (max-width:850px){.aia-detail-panel{display:none}.ai-sidebar{min-width:240px;width:240px}}@media (max-width:600px){.ai-assistant-page{flex-direction:column}.ai-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;flex-direction:row;height:200px;min-width:0;min-width:auto;overflow-x:auto;width:100%}.aia-hint-badge{display:none}}.ai-analytics-page{background:#f0f2f5;margin:0 auto;max-width:1800px;min-height:calc(100vh - 84px);padding:16px 20px 30px}.ai-page-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:16px;height:60vh;justify-content:center}.ai-page-loading h2{color:#1e293b;margin:0}.ai-page-loading p{color:#94a3b8;margin:0}.ai-spinner-lg{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.ai-analytics-header{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 4px #0000000d;display:flex;gap:20px;justify-content:space-between;margin-bottom:16px;padding:20px 24px}.ai-header-left{flex:1 1}.ai-header-badge{align-items:center;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid #6366f133;border-radius:20px;color:#6366f1;display:inline-flex;font-size:11px;font-weight:700;gap:6px;letter-spacing:1px;margin-bottom:10px;padding:4px 12px}.ai-analytics-header h1{color:#1e293b;font-size:1.4rem;font-weight:800;letter-spacing:-.3px;margin:0 0 6px}.ai-analytics-header p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.ai-analytics-header p strong{color:#475569}.ai-header-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.btn-reload-data{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-reload-data:hover{background:#f0f2ff;border-color:#a5b4fc;color:#4f46e5}.btn-go-chat{background:linear-gradient(135deg,#4f46e5,#6366f1);border:1px solid #6366f1;border-radius:8px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-go-chat:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.ai-data-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;margin-bottom:14px;padding:12px 16px}.ai-overview-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.ana-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;gap:12px;overflow:hidden;padding:14px 16px;position:relative;transition:all .2s}.ana-stat-card:before{content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.ana-stat-card:hover{box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.ana-stat-card:hover:before{opacity:1}.ana-stat-card.red{border-color:#ef444440}.ana-stat-card.red:before{background:#ef4444}.ana-stat-card.yellow{border-color:#f59e0b40}.ana-stat-card.yellow:before{background:#f59e0b}.ana-stat-card.green{border-color:#22c55e40}.ana-stat-card.green:before{background:#22c55e}.ana-stat-card.blue{border-color:#3b82f640}.ana-stat-card.blue:before{background:#3b82f6}.ana-stat-card.purple{border-color:#8b5cf640}.ana-stat-card.purple:before{background:#8b5cf6}.ana-stat-card.gold{border-color:#fbbf2440}.ana-stat-card.gold:before{background:#fbbf24}.ana-stat-icon{flex-shrink:0;font-size:1.8rem}.ana-stat-body{flex:1 1;min-width:0}.ana-stat-value{color:#1e293b;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:3px}.ana-stat-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.ana-stat-sub{color:#94a3b8;font-size:11px;margin-top:2px}.ana-stat-card.red .ana-stat-value{color:#f87171}.ana-stat-card.yellow .ana-stat-value{color:#fbbf24}.ana-stat-card.green .ana-stat-value{color:#16a34a}.ana-stat-card.blue .ana-stat-value{color:#2563eb}.ana-stat-card.purple .ana-stat-value{color:#7c3aed}.ana-stat-card.gold .ana-stat-value{color:#d97706}.ai-content-layout{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:320px 1fr}.ai-left-panel{display:flex;flex-direction:column;gap:12px}.ai-data-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.ai-data-card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:.5px;padding:10px 14px;text-transform:uppercase}.ai-badge{border-radius:12px;font-size:11px;font-weight:700;padding:2px 8px}.ai-badge.danger{background:#fee2e2;color:#dc2626}.ai-badge.info{background:#dbeafe;color:#2563eb}.ai-badge.warn{background:#fef3c7;color:#d97706}.ai-no-data{color:#16a34a;font-size:13px;margin:0;padding:12px 14px}.ai-customer-list{max-height:320px;overflow-y:auto}.ai-customer-list::-webkit-scrollbar{width:4px}.ai-customer-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ai-customer-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:7px 12px;transition:background .15s}.ai-customer-row:hover{background:#f0f4ff}.ai-customer-rank{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:20px;justify-content:center;width:20px}.ai-customer-info{flex:1 1;min-width:0}.ai-customer-name{color:#1e293b;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-customer-meta{color:#94a3b8;font-size:10px}.ai-credit-badge{border-radius:10px;flex-shrink:0;font-size:11px;font-weight:800;padding:2px 7px}.ai-credit-badge.zero{background:#fee2e2;color:#dc2626}.ai-credit-badge.low{background:#fef3c7;color:#d97706}.ai-sector-list{padding:8px 12px}.ai-sector-row{align-items:center;display:flex;gap:8px;margin-bottom:6px}.ai-sector-name{color:#64748b;flex-shrink:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:110px}.ai-sector-bar-wrap{background:#e2e8f0;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.ai-sector-bar{background:linear-gradient(90deg,#4f46e5,#7c3aed);border-radius:3px;height:100%;min-width:4px;transition:width .5s ease}.ai-sector-count{color:#94a3b8;font-size:11px;font-weight:700;text-align:right;width:24px}.ai-consultant-list{max-height:250px;overflow-y:auto}.ai-consultant-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:8px;padding:7px 12px;transition:background .15s}.ai-consultant-row:hover{background:#f0f4ff}.ai-consultant-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.ai-consultant-info{flex:1 1;min-width:0}.ai-consultant-name{color:#1e293b;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-consultant-meta{color:#94a3b8;font-size:10px}.ai-kritik-badge{background:#fee2e2;border-radius:10px;color:#dc2626;flex-shrink:0;font-size:10px;font-weight:700;padding:2px 6px;white-space:nowrap}.ai-right-panel{display:flex;flex-direction:column;gap:12px}.ai-tab-nav{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:4px;padding:4px}.ai-tab-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:5px;justify-content:center;min-width:120px;padding:7px 10px;transition:all .18s;white-space:nowrap}.ai-tab-btn:hover{background:#e2e8f0;color:#475569}.ai-tab-btn.active{background:#fff;border-color:#c7d2fe;box-shadow:0 2px 8px #6366f11f;color:#4f46e5}.ai-tab-time{color:#16a34a;font-size:9px;opacity:.8}.ai-tab-spinner{font-size:11px}.ai-result-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;min-height:480px;overflow:hidden}.ai-result-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px 16px}.ai-result-header h3{color:#475569;font-size:13px;font-weight:700;margin:0}.btn-refresh-ai{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s}.btn-refresh-ai:hover:not(:disabled){background:#f0f2ff;border-color:#a5b4fc;color:#4f46e5}.btn-refresh-ai:disabled{cursor:not-allowed;opacity:.5}.ai-result-body{max-height:600px;overflow-y:auto;padding:16px 20px}.ai-result-body::-webkit-scrollbar{width:5px}.ai-result-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ai-loading-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:14px;height:300px;justify-content:center}.ai-loading-state p{color:#475569;font-size:14px;margin:0}.ai-loading-state small{font-size:12px}.ai-spinner{animation:spin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#6366f1;height:36px;width:36px}.ai-empty-state{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:10px;height:200px;justify-content:center}.ai-empty-state span{font-size:2.5rem}.ai-empty-state p{font-size:13px;margin:0}.ai-markdown{color:#334155;font-size:13.5px;line-height:1.65}.ai-markdown .md-h1{border-bottom:2px solid #6366f133;color:#1e293b;font-size:1.2rem;font-weight:800;margin:18px 0 8px;padding-bottom:6px}.ai-markdown .md-h2{align-items:center;background:#6366f10d;border-left:3px solid #6366f1;border-radius:0 6px 6px 0;color:#4f46e5;display:flex;font-size:1rem;font-weight:700;gap:8px;margin:16px 0 6px;padding:6px 10px}.ai-markdown .md-h3{color:#475569;font-size:.9rem;font-weight:700;margin:12px 0 4px}.ai-markdown .md-bold{color:#1e293b;font-weight:700;margin:4px 0}.ai-markdown .md-p{color:#475569;margin:4px 0}.ai-markdown .md-li{color:#475569;display:list-item;list-style:disc;margin:3px 0 3px 16px}.ai-markdown .md-li.md-ol{color:#475569;list-style:decimal}.ai-markdown .md-spacer{height:6px}.ai-quick-actions{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:14px 16px}.ai-quick-actions h4{color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.ai-quick-btns{display:flex;flex-wrap:wrap;gap:6px}.ai-quick-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .2s;white-space:nowrap}.ai-quick-btn:hover:not(:disabled){background:#f0f2ff;border-color:#a5b4fc;color:#4f46e5}.ai-quick-btn.done{background:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.ai-quick-btn.loading{border-color:#c7d2fe;color:#6366f1}.ai-quick-btn.all{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-color:#6366f1;color:#fff;font-size:12px}.ai-quick-btn.all:hover:not(:disabled){box-shadow:0 3px 10px #6366f14d;transform:translateY(-1px)}.ai-quick-btn:disabled{cursor:not-allowed;opacity:.5}.ai-footer-bar{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;color:#94a3b8;display:flex;font-size:11px;justify-content:space-between;margin-top:16px;padding:10px 16px}@media (max-width:1200px){.ai-content-layout{grid-template-columns:280px 1fr}}@media (max-width:900px){.ai-content-layout{grid-template-columns:1fr}.ai-left-panel{display:grid;grid-template-columns:repeat(2,1fr)}.ai-tab-nav{flex-wrap:nowrap;overflow-x:auto}.ai-tab-btn{flex:none}.ai-overview-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.ai-analytics-header{flex-direction:column}.ai-overview-grid{grid-template-columns:repeat(2,1fr)}.ai-left-panel{grid-template-columns:1fr}.ai-footer-bar{flex-direction:column;gap:4px;text-align:center}}.pf-panel{display:flex;flex-direction:column;gap:14px}.pf-controls{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:10px;justify-content:space-between;padding:12px 16px}.pf-controls,.pf-month-picker{align-items:center;display:flex;flex-wrap:wrap}.pf-month-picker{gap:8px}.pf-month-picker label{color:#475569;font-size:13px;font-weight:600}.pf-month-picker select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;cursor:pointer;font-size:13px;padding:6px 10px}.pf-load-btn{background:#f0f2ff;border:1px solid #a5b4fc;border-radius:7px;color:#4f46e5;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .15s}.pf-load-btn:hover:not(:disabled){background:#4f46e5;color:#fff}.pf-load-btn:disabled{cursor:default;opacity:.5}.pf-actions{display:flex;gap:8px}.pf-export-btn{background:#f0fdf4;border:1px solid #86efac;border-radius:7px;color:#16a34a;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .15s}.pf-export-btn:hover:not(:disabled){background:#16a34a;color:#fff}.pf-export-btn:disabled{cursor:default;opacity:.5}.pf-ai-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 16px;transition:all .15s}.pf-ai-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5)}.pf-ai-btn:disabled{cursor:default;opacity:.5}.pf-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:12px;padding:40px}.pf-empty{background:#fff;border:1px dashed #e2e8f0;border-radius:10px;color:#94a3b8;font-size:14px;padding:40px;text-align:center}.pf-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.pf-sum-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;text-align:center}.pf-sum-card.blue{border-top:3px solid #3b82f6}.pf-sum-card.red{border-top:3px solid #ef4444}.pf-sum-card.orange{border-top:3px solid #f59e0b}.pf-sum-card.purple{border-top:3px solid #8b5cf6}.pf-sum-icon{font-size:20px}.pf-sum-val{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1}.pf-sum-lbl{color:#64748b;font-size:11px;font-weight:600}.pf-charts-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.pf-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.pf-chart-title{color:#334155;font-size:13px;font-weight:700;margin-bottom:12px}.pf-chart{display:flex;flex-direction:column;gap:8px}.pf-bar-group{align-items:center;display:flex;gap:8px}.pf-bar-label{color:#475569;flex-shrink:0;font-size:11px;text-align:right;width:90px}.pf-bar-track{background:#f1f5f9;border-radius:4px;flex:1 1;height:14px;overflow:hidden}.pf-bar-fill{border-radius:4px;height:100%;min-width:4px;transition:width .4s ease}.pf-bar-value{color:#1e293b;font-size:12px;font-weight:700;width:30px}.pf-ai-result{border-radius:10px;overflow:hidden}.pf-filter-row{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 14px}.pf-filter-btns{display:flex;flex-wrap:wrap;gap:6px}.pf-filter-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#475569;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:all .15s}.pf-filter-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.pf-filter-btn:hover:not(.active){background:#f0f2ff;border-color:#a5b4fc;color:#4f46e5}.pf-search-wrap{display:flex;gap:6px}.pf-search{font-size:13px;padding:6px 12px;width:180px}.pf-search,.pf-sort{border:1px solid #e2e8f0;border-radius:8px}.pf-sort{background:#f8fafc;cursor:pointer;font-size:12px;padding:6px 10px}.pf-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.pf-table-info{border-bottom:1px solid #f1f5f9;color:#64748b;font-size:12px;padding:8px 14px}.pf-table{border-collapse:collapse;font-size:12px;width:100%}.pf-table thead tr{background:#f8fafc}.pf-table th{border-bottom:1px solid #e2e8f0;color:#475569;font-size:11px;font-weight:700;letter-spacing:.4px;padding:9px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.pf-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px;vertical-align:top}.pf-table tbody tr:hover{background:#fafbff}.pf-table tbody tr:last-child td{border-bottom:none}.pf-row-urgent{background:#fff5f5!important}.pf-row-urgent:hover{background:#fff0f0!important}.pf-td-name{min-width:140px}.pf-name{color:#1e293b;font-size:12px;font-weight:600}.pf-city{color:#94a3b8;font-size:10px}.pf-td-num{color:#334155;font-weight:600;text-align:right}.pf-td-date{color:#475569;font-size:11px}.pf-end-date{color:#94a3b8;font-size:10px}.pf-last-amt{color:#6366f1;font-size:10px}.pf-avg-days{color:#94a3b8;font-size:10px}.pf-td-rec{color:#4f46e5;font-size:11px;font-weight:600;white-space:nowrap}.pf-urgency{border-radius:20px;display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;white-space:nowrap}.pf-more{border-top:1px solid #f1f5f9;color:#94a3b8;font-size:12px;padding:10px;text-align:center}@media (max-width:900px){.pf-summary-grid{grid-template-columns:repeat(2,1fr)}.pf-charts-row{grid-template-columns:1fr}}.user-monitor{background:#f0f2f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.um-header{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border-radius:16px;box-shadow:0 8px 32px #0f346066;color:#fff;justify-content:space-between;margin-bottom:20px;padding:24px 28px}.um-header,.um-title{align-items:center;display:flex}.um-title{gap:16px}.um-icon{font-size:2.5rem}.um-title h1{font-size:1.6rem;font-weight:700;margin:0}.um-title p{font-size:.85rem;margin:4px 0 0;opacity:.7}.um-header-actions{display:flex;gap:10px}.um-refresh-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px;transition:all .2s}.um-refresh-btn:hover{background:#fff3}.um-refresh-btn.active{background:#28a745;border-color:#28a745}.um-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.um-stat-card{align-items:center;background:#fff;border-left:4px solid #ccc;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;gap:16px;padding:20px}.um-stat-card.online{border-left-color:#28a745}.um-stat-card.sessions{border-left-color:#007bff}.um-stat-card.actions{border-left-color:#fd7e14}.um-stat-card.total{border-left-color:#6f42c1}.um-stat-icon{font-size:2rem}.um-stat-value{font-size:2rem;font-weight:700;line-height:1}.um-stat-label{color:#6c757d;font-size:.8rem;margin-top:4px}.um-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:flex;gap:4px;margin-bottom:20px;padding:6px}.um-tab{background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s}.um-tab:hover{background:#f8f9fa;color:#333}.um-tab.active{background:#0f3460;color:#fff}.um-section{margin-bottom:24px}.um-section-title{align-items:center;color:#333;display:flex;font-size:1rem;font-weight:600;gap:8px;margin:0 0 14px}.pulse-dot{animation:pulse 1.5s infinite;background:#28a745;border-radius:50%;display:inline-block;height:10px;width:10px}.um-user-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.um-user-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 12px #0000000f;cursor:pointer;padding:18px;transition:all .2s}.um-user-card.online{border-color:#28a74530}.um-user-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.um-user-header{gap:12px;margin-bottom:14px}.um-avatar,.um-user-header{align-items:center;display:flex}.um-avatar{border-radius:50%;color:#fff;flex-shrink:0;font-size:1.2rem;font-weight:700;height:44px;justify-content:center;width:44px}.um-avatar.online{background:linear-gradient(135deg,#28a745,#20c997)}.um-avatar.offline{background:linear-gradient(135deg,#6c757d,#adb5bd)}.um-avatar.large{font-size:1.6rem;height:60px;width:60px}.um-user-info{flex:1 1}.um-username{color:#212529;font-size:1rem;font-weight:600}.um-role-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.72rem;font-weight:600;margin-top:3px;padding:2px 8px}.um-role-badge.small{font-size:.68rem}.um-online-dot{animation:pulse 1.5s infinite;background:#28a745;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 2px #28a745;height:12px;width:12px}.um-user-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.um-ustat{align-items:center;color:#495057;display:flex;font-size:.85rem;gap:8px}.um-ustat-icon{font-size:.9rem}.um-user-footer{border-top:1px solid #f1f3f5;color:#adb5bd;font-size:.76rem;padding-top:8px}.um-offline-list{display:flex;flex-direction:column;gap:8px}.um-offline-row{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000d;cursor:pointer;display:flex;gap:14px;padding:12px 16px;transition:all .15s}.um-offline-row:hover{background:#f8f9fa}.um-offline-info{align-items:center;display:flex;gap:8px;min-width:160px}.um-offline-stats{color:#6c757d;display:flex;flex:1 1;font-size:.83rem;gap:20px}.um-detail-btn{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;font-size:.8rem;padding:5px 12px;white-space:nowrap}.um-detail-btn:hover{background:#0f3460;border-color:#0f3460;color:#fff}.um-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.um-filter-bar label{color:#495057;font-size:.85rem;font-weight:600}.um-filter-bar input,.um-filter-bar select{border:1px solid #dee2e6;border-radius:8px;font-size:.85rem;padding:7px 10px}.um-search-btn{background:#0f3460;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:7px 16px}.um-search-btn:hover{background:#1a4a8a}.um-table-wrap{border-radius:12px;box-shadow:0 2px 12px #0000000f;overflow-x:auto}.um-table{background:#fff;border-collapse:collapse;font-size:.85rem;width:100%}.um-table th{background:#1a1a2e;color:#fff;font-weight:600;padding:12px 14px;text-align:left;white-space:nowrap}.um-table td{border-bottom:1px solid #f1f3f5;padding:10px 14px;vertical-align:middle}.um-table tr:hover td{background:#f8f9fa}.um-table tr.row-active td{background:#f0fff4}.um-table td.num{font-weight:600;text-align:center}.um-table td.small-text{color:#6c757d;font-size:.78rem}.um-status-badge{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px}.um-status-badge.online{background:#d4edda;color:#155724}.um-status-badge.offline{background:#e2e3e5;color:#383d41}.um-detail-header{margin-bottom:20px}.um-user-select-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.um-user-select-row label{font-size:.9rem;font-weight:600;white-space:nowrap}.um-user-chips{display:flex;flex-wrap:wrap;gap:8px}.um-user-chip{align-items:center;background:#fff;border:2px solid #dee2e6;border-radius:20px;cursor:pointer;display:flex;font-size:.83rem;font-weight:500;gap:6px;padding:6px 14px;transition:all .15s}.um-user-chip:hover{border-color:#0f3460;color:#0f3460}.um-user-chip.selected{background:#0f3460;border-color:#0f3460;color:#fff}.um-user-chip.online{border-color:#28a745}.um-user-chip.online.selected{background:#28a745;border-color:#28a745}.chip-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.chip-dot.online{background:#28a745}.chip-dot.offline{background:#adb5bd}.um-detail-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.um-detail-filters label{color:#495057;font-size:.85rem;font-weight:600}.um-detail-filters input,.um-detail-filters select{border:1px solid #dee2e6;border-radius:8px;font-size:.85rem;padding:7px 10px}.um-selected-user-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:20px}.um-selected-info{display:flex;flex-direction:column;gap:6px;min-width:120px}.um-selected-info h3{font-size:1.2rem;margin:0}.um-selected-info .um-role-badge,.um-selected-info .um-status-badge{align-self:flex-start}.um-selected-stats{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto}.um-sstat{align-items:center;display:flex;flex-direction:column;gap:2px}.um-sstat span{color:#6c757d;font-size:.78rem}.um-sstat strong{color:#212529;font-size:1.1rem;font-weight:700}.um-activity-count{color:#6c757d;font-size:.8rem;margin-bottom:10px}.um-activity-list{display:flex;flex-direction:column;gap:4px}.um-activity-row{grid-gap:10px;align-items:center;background:#fff;border:1px solid #f1f3f5;border-radius:8px;display:grid;font-size:.82rem;gap:10px;grid-template-columns:80px 110px 140px 1fr 100px;padding:10px 14px;transition:background .15s}.um-activity-row:hover{background:#f8f9fa}.um-act-time{color:#6c757d;font-family:monospace;font-size:.8rem}.um-act-type{align-items:center;background:#f8f9fa;border-left:3px solid #ccc;border-radius:6px;display:flex;font-size:.78rem;font-weight:600;gap:5px;padding:3px 8px;white-space:nowrap}.um-act-page{color:#495057;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.um-act-detail,.um-act-page{overflow:hidden}.um-act-detail-text{color:#212529;font-weight:500}.um-act-detail-text,.um-act-endpoint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.um-act-endpoint{color:#6c757d;font-family:monospace;font-size:.75rem}.um-act-entity{color:#6f42c1;font-size:.76rem}.um-act-meta{align-items:flex-end;display:flex;flex-direction:column;gap:3px}.um-status-code{border-radius:4px;font-size:.75rem;font-weight:700;padding:2px 7px}.um-status-code.ok{background:#d4edda;color:#155724}.um-status-code.err{background:#f8d7da;color:#721c24}.um-duration{color:#adb5bd;font-size:.72rem}.um-empty{background:#fff;border-radius:12px;color:#adb5bd;font-size:.9rem;padding:40px;text-align:center}.um-empty.large{font-size:1.1rem;padding:80px}.um-loading{color:#6c757d;padding:30px;text-align:center}@media (max-width:768px){.um-stats-row{grid-template-columns:repeat(2,1fr)}.um-activity-row{grid-template-columns:70px 1fr;grid-template-rows:auto auto}.um-act-meta,.um-act-type{grid-column:2}}.sd-detail-page,.service-desk{background:#f0f2f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.sd-header{background:linear-gradient(135deg,#1a1a2e,#0f3460);border-radius:16px;box-shadow:0 8px 32px #0f346066;color:#fff;justify-content:space-between;margin-bottom:20px;padding:24px 28px}.sd-header,.sd-header-left{align-items:center;display:flex}.sd-header-left{gap:16px}.sd-header-icon{font-size:2.5rem}.sd-header h1{font-size:1.6rem;font-weight:700;margin:0}.sd-header p{font-size:.85rem;margin:4px 0 0;opacity:.7}.sd-new-btn{background:#28a745;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:all .2s}.sd-new-btn:hover{background:#218838;transform:translateY(-1px)}.sd-stats-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,1fr);margin-bottom:18px}.sd-stat{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;cursor:pointer;display:flex;gap:12px;padding:16px;transition:transform .15s}.sd-stat:hover{transform:translateY(-2px)}.sd-stat-icon,.sd-stat-val{font-size:1.8rem}.sd-stat-val{font-weight:700;line-height:1}.sd-stat-lbl{color:#6c757d;font-size:.75rem;margin-top:3px}.sd-stat.open{border-left:4px solid #dc3545}.sd-stat.inprogress{border-left:4px solid #fd7e14}.sd-stat.resolved{border-left:4px solid #28a745}.sd-stat.today{border-left:4px solid #007bff}.sd-stat.week{border-left:4px solid #6f42c1}.sd-stat.avg{border-left:4px solid #20c997}.sd-cat-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.sd-cat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;cursor:pointer;flex:1 1;min-width:160px;padding:14px 16px;transition:all .2s}.sd-cat-card:hover{box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.sd-cat-name{font-size:.9rem;font-weight:700;margin-bottom:8px}.sd-cat-stats{display:flex;flex-wrap:wrap;font-size:.78rem;gap:10px}.sd-cat-total{color:#495057;font-weight:600}.sd-cat-avg{color:#adb5bd;font-size:.75rem;margin-top:4px}.sd-tabs{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;gap:4px;margin-bottom:16px;padding:5px}.sd-tab{background:#0000;border:none;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.88rem;font-weight:500;padding:9px 16px;transition:all .2s}.sd-tab:hover{background:#f8f9fa}.sd-tab.active{background:#0f3460;color:#fff}.sd-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sd-search{flex:2 1;font-size:.88rem;min-width:220px}.sd-filters input[type=text],.sd-filters select,.sd-search{border:1px solid #dee2e6;border-radius:8px;padding:8px 12px}.sd-filters input[type=text],.sd-filters select{background:#fff;font-size:.85rem}.sd-clear-btn{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;font-size:.83rem;padding:7px 14px}.sd-clear-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.sd-table-info{color:#6c757d;font-size:.82rem;margin-bottom:8px}.sd-table-wrap{border-radius:12px;box-shadow:0 2px 12px #0000000f;overflow-x:auto}.sd-table{background:#fff;border-collapse:collapse;font-size:.85rem;width:100%}.sd-table th{background:#1a1a2e;color:#fff;font-weight:600;padding:11px 14px;text-align:left;white-space:nowrap}.sd-table td{border-bottom:1px solid #f1f3f5;padding:10px 14px;vertical-align:middle}.sd-ticket-row{cursor:pointer;transition:background .15s}.sd-ticket-row:hover td{background:#f8f9fa}.sd-ticket-no{color:#0f3460;font-family:monospace;font-size:.82rem;font-weight:700}.sd-ticket-customer{font-size:.88rem;font-weight:600}.sd-ticket-phone{color:#6c757d;font-size:.75rem}.sd-cat-badge{border-radius:20px;display:inline-block;font-size:.76rem;font-weight:600;padding:3px 10px}.sd-subcat{color:#6c757d;font-size:.73rem;margin-top:2px}.sd-subject{font-size:.85rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-status-badge{border-radius:20px;display:inline-block;font-size:.78rem;font-weight:600;padding:3px 10px;white-space:nowrap}.sd-priority-badge{font-size:.82rem;font-weight:600;white-space:nowrap}.sd-assignee{color:#495057;font-size:.82rem}.sd-duration{color:#6c757d;font-size:.8rem;text-align:center}.sd-date{color:#6c757d;font-size:.78rem;white-space:nowrap}.sd-empty{color:#adb5bd;font-size:.9rem;padding:40px;text-align:center}.sd-loading{color:#6c757d;padding:30px;text-align:center}.sd-pagination{align-items:center;display:flex;font-size:.85rem;gap:16px;justify-content:center;margin-top:16px}.sd-pagination button{background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;padding:7px 16px}.sd-pagination button:disabled{cursor:not-allowed;opacity:.4}.sd-pagination button:not(:disabled):hover{background:#0f3460;border-color:#0f3460;color:#fff}.sd-assignee-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.sd-assignee-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;display:flex;gap:14px;padding:18px}.sd-assignee-avatar{align-items:center;background:linear-gradient(135deg,#0f3460,#1a4a8a);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;height:50px;justify-content:center;width:50px}.sd-assignee-name{font-size:1rem;font-weight:700;margin-bottom:6px}.sd-assignee-stats{color:#6c757d;display:flex;flex-wrap:wrap;font-size:.8rem;gap:12px;margin-bottom:8px}.sd-assignee-bar-wrap{background:#f1f3f5;border-radius:3px;height:6px;overflow:hidden}.sd-assignee-bar{background:linear-gradient(90deg,#0f3460,#28a745);border-radius:3px;height:100%;transition:width .5s}.sd-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.sd-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;overflow-y:auto;width:100%}.sd-modal.large{max-width:760px}.sd-modal-header{align-items:center;background:#fff;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 24px;position:sticky;top:0;z-index:1}.sd-modal-header h2{font-size:1.2rem;margin:0}.sd-modal-close{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.3rem;padding:4px 8px}.sd-modal-close:hover{color:#dc3545}.sd-modal-body{padding:24px}.sd-modal-footer{background:#fff;border-top:1px solid #dee2e6;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px;position:sticky}.sd-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.sd-form-group{display:flex;flex-direction:column;gap:5px}.sd-form-group.full{grid-column:1/-1}.sd-form-group label{color:#495057;font-size:.83rem;font-weight:600}.sd-form-group input,.sd-form-group select,.sd-form-group textarea{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:.88rem;padding:8px 12px;width:100%}.sd-form-group textarea{resize:vertical}.sd-form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.req{color:#dc3545}.sd-customer-search{position:relative}.sd-customer-search input{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:.88rem;padding:9px 12px;width:100%}.sd-customer-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:8px;box-shadow:0 8px 24px #0000001f;left:0;max-height:260px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.sd-customer-result{border-bottom:1px solid #f1f3f5;cursor:pointer;padding:10px 14px;transition:background .12s}.sd-customer-result:hover{background:#f8f9fa}.sd-cr-name{font-size:.88rem;font-weight:600}.sd-cr-meta{color:#6c757d;display:flex;font-size:.76rem;gap:12px;margin-top:2px}.sd-customer-new{background:#f8f9fa;border-top:1px solid #dee2e6;color:#007bff;cursor:pointer;font-size:.84rem;font-weight:500;padding:10px 14px}.sd-customer-new:hover{background:#e3f2fd}.sd-customer-linked{color:#28a745;font-size:.78rem;margin-top:4px}.sd-requester-types{display:flex;flex-wrap:wrap;gap:10px}.sd-rtype-btn{background:#fff;border:2px solid #dee2e6;border-radius:10px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:160px;padding:10px 14px;text-align:left;transition:all .18s}.sd-rtype-btn:hover{background:#f0f4ff;border-color:#0f3460}.sd-rtype-btn.active{background:#e8f0fe;border-color:#0f3460}.sd-rtype-label{color:#1a1a2e;font-size:.88rem;font-weight:700}.sd-rtype-desc{color:#6c757d;font-size:.74rem;line-height:1.3}.sd-rtype-btn.active .sd-rtype-label{color:#0f3460}.sd-rtype-btn.active .sd-rtype-desc{color:#4a6fa5}.sd-mukellef-list{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:6px;max-height:200px;overflow-y:auto}.sd-mukellef-header{background:#e8f0fe;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;color:#0f3460;font-size:.75rem;font-weight:700;padding:7px 12px}.sd-mukellef-or{color:#adb5bd;font-size:.75rem;font-style:italic;margin:4px 0 6px;text-align:center}.sd-unlink-btn{background:none;border:1px solid #dee2e6;border-radius:4px;color:#6c757d;cursor:pointer;font-size:.72rem;margin-left:10px;padding:1px 6px}.sd-unlink-btn:hover{background:#dc3545;border-color:#dc3545;color:#fff}.sd-loading-hint{color:#fd7e14;font-size:.75rem;font-weight:400;margin-left:6px}.sd-modal-compact{max-width:860px}.sd-modal-body-compact{display:flex;flex-direction:column;gap:10px;padding:14px 20px}.sd-compact-section{margin-bottom:0}.sd-two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sd-three-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.sd-selected-card{background:#f0f7ff;border:1px solid #b6d4fe;border-radius:8px;font-size:.83rem;padding:8px 12px}.sd-consultant-card{background:#f0fff4;border-color:#a3cfbb}.sd-selected-name{color:#1a1a2e;font-weight:700;margin-bottom:2px}.sd-selected-meta{color:#495057;font-size:.78rem;margin-top:1px}.sd-manual-input{border:1px solid #dee2e6;border-radius:6px;box-sizing:border-box;font-size:.83rem;margin-top:5px;padding:6px 10px;width:100%}.sd-no-consultant-warn{align-items:center;background:#fff3cd;border:1px solid #ffe08a;border-radius:6px;color:#856404;display:flex;font-size:.78rem;margin-bottom:5px;padding:6px 10px}.sd-history-mini{border:1px solid #e9ecef;border-radius:6px;margin-top:8px;overflow:hidden}.sd-history-mini-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;color:#6c757d;font-size:.74rem;font-weight:700;padding:4px 10px}.sd-history-mini-item{align-items:center;border-bottom:1px solid #f1f3f5;display:flex;font-size:.75rem;gap:6px;padding:4px 8px}.sd-history-mini-item:last-child{border-bottom:none}.sd-cat-mgr-btn{background:none;border:none;cursor:pointer;font-size:.8rem;margin-left:6px;opacity:.6;padding:0 2px;vertical-align:middle}.sd-cat-mgr-btn:hover{opacity:1}.sd-btn.outline{background:#fff;border:2px solid #0f3460;color:#0f3460}.sd-btn.outline:hover:not(:disabled){background:#e8f0fe}.sd-btn.success{background:#28a745;border:none;color:#fff}.sd-btn.success:hover:not(:disabled){background:#218838}.sd-btn.danger{background:#dc3545;border:none;color:#fff}.sd-btn.danger:hover:not(:disabled){background:#c82333}.sd-cat-row{grid-template-columns:1fr 2fr .6fr!important}.sd-desc-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr}.sd-desc-col{flex:1 1}.sd-right-col{display:flex;flex-direction:column;gap:10px}.sd-catmgr-overlay{align-items:center;background:#00000085;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}.sd-catmgr-modal{animation:nmSlideIn .18s ease;background:#fff;border-radius:14px;box-shadow:0 24px 64px #00000047;display:flex;flex-direction:column;max-height:84vh;width:600px}.sd-catmgr-modal-wide{width:860px}.sd-catmgr-header{align-items:center;background:linear-gradient(135deg,#1a1a2e,#0f3460);border-bottom:2px solid #e9ecef;border-radius:14px 14px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:0 20px}.sd-catmgr-tabs{display:flex;gap:0}.sd-catmgr-tab{background:none;border:none;border-bottom:3px solid #0000;color:#ffffffa6;cursor:pointer;font-size:.88rem;font-weight:600;padding:14px 20px;transition:all .15s;white-space:nowrap}.sd-catmgr-tab:hover{color:#fff}.sd-catmgr-tab.active{border-bottom-color:#60a5fa;color:#fff}.sd-catmgr-close{align-items:center;background:#ffffff1f;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;transition:background .15s;width:28px}.sd-catmgr-close:hover{background:#ffffff40}.sd-catmgr-body{flex:1 1;overflow-y:auto}.sd-catmgr-two-col{display:grid;grid-template-columns:200px 1fr;height:100%}.sd-catmgr-cat-panel{background:#f8fafc;border-right:1px solid #e9ecef;overflow-y:auto;padding:12px}.sd-catmgr-panel-title{color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.sd-catmgr-cat-list{display:flex;flex-direction:column;gap:4px}.sd-catmgr-cat-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;font-size:.78rem;justify-content:space-between;padding:8px 10px;text-align:left;transition:all .12s}.sd-catmgr-cat-btn:hover{background:#f0f4ff;border-color:#0f3460}.sd-catmgr-cat-btn.active{border-width:2px;font-weight:700}.sd-catmgr-sub-count{background:#e2e8f0;border-radius:10px;color:#64748b;flex-shrink:0;font-size:.66rem;font-weight:700;padding:1px 6px}.sd-catmgr-sub-panel{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding:14px 16px}.sd-catmgr-section-label{color:#94a3b8;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-top:4px;text-transform:uppercase}.sd-catmgr-builtin-chips{display:flex;flex-wrap:wrap;gap:4px;max-height:100px;overflow-y:auto}.sd-catmgr-chip{border-radius:20px;font-size:.76rem;padding:3px 9px}.sd-catmgr-chip.builtin{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.sd-catmgr-empty-text{color:#adb5bd;font-size:.78rem;font-style:italic;padding:3px 0}.sd-catmgr-custom-list{display:flex;flex-direction:column;gap:4px}.sd-catmgr-custom-row{align-items:center;background:#f8fafc;border:1px solid #e9ecef;border-radius:7px;display:flex;gap:6px;padding:5px 8px}.sd-catmgr-custom-text{color:#1e293b;flex:1 1;font-size:.8rem}.sd-catmgr-edit-input{border:1.5px solid #0f3460;border-radius:5px;flex:1 1;font-family:inherit;font-size:.8rem;padding:4px 8px}.sd-catmgr-edit-input:focus{outline:none}.sd-catmgr-icon-btn{border:none;border-radius:5px;cursor:pointer;font-size:.75rem;font-weight:600;padding:3px 8px;transition:all .12s;white-space:nowrap}.sd-catmgr-icon-btn.edit{background:#e0f2fe;color:#0369a1}.sd-catmgr-icon-btn.edit:hover{background:#0369a1;color:#fff}.sd-catmgr-icon-btn.del{background:#fee2e2;color:#dc2626}.sd-catmgr-icon-btn.del:hover{background:#dc2626;color:#fff}.sd-catmgr-icon-btn.save{background:#d1fae5;color:#065f46}.sd-catmgr-icon-btn.save:hover{background:#065f46;color:#fff}.sd-catmgr-icon-btn.cancel{background:#f1f5f9;color:#64748b}.sd-catmgr-icon-btn.cancel:hover{background:#94a3b8;color:#fff}.sd-catmgr-add-row{display:flex;gap:8px;margin-top:8px}.sd-catmgr-new-input{border:1.5px solid #e2e8f0;border-radius:7px;flex:1 1;font-family:inherit;font-size:.82rem;padding:7px 10px}.sd-catmgr-new-input:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f346012;outline:none}.sd-catmgr-add-btn{background:#0f3460;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:7px 14px;white-space:nowrap}.sd-catmgr-add-btn:hover{background:#1a4a8a}.sd-catmgr-footer{border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:8px;justify-content:flex-end;padding:12px 20px}.sd-catmgr-full-panel{overflow-y:auto;padding:14px 18px;width:100%}.sd-catmgr-cat-table{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.sd-catmgr-cat-table-row{align-items:center;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;padding:8px 12px}.sd-catmgr-cat-table-row.builtin{background:#f8fafc}.sd-catmgr-cat-table-row.custom{background:#f0fff4;border-color:#a3cfbb}.sd-catmgr-cat-badge{border-radius:20px;font-size:.78rem;font-weight:600;padding:3px 10px;white-space:nowrap}.sd-catmgr-cat-sub-count{color:#94a3b8;font-size:.75rem}.sd-catmgr-cat-readonly{color:#cbd5e1;font-size:.72rem;font-style:italic;margin-left:auto}.sd-catmgr-cat-actions{display:flex;gap:6px;margin-left:auto}.sd-catmgr-emoji-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.sd-catmgr-emoji-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;height:30px;justify-content:center;transition:all .12s;width:30px}.sd-catmgr-emoji-btn:hover{background:#f0f4ff;border-color:#0f3460}.sd-catmgr-emoji-btn.active{background:#0f3460;border-color:#0f3460;color:#fff}.sd-catmgr-newcat-form{background:#f8fafc;border:1.5px dashed #e2e8f0;border-radius:10px;padding:12px}.sd-process-overlay{background:#f8fafcf7;border-radius:14px;inset:0;position:absolute;z-index:50}.sd-process-overlay,.sd-process-panel{display:flex;flex-direction:column;overflow:hidden}.sd-process-panel{height:100%}.sd-pp-header{align-items:flex-start;background:linear-gradient(135deg,#1a1a2e,#0f3460);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 18px 10px}.sd-pp-header-left{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.sd-pp-ticket-no{background:#ffffff26;border-radius:4px;display:inline-block;font-family:monospace;font-size:.78rem;font-weight:700;margin-bottom:2px;padding:2px 8px}.sd-pp-subject{color:#fff;font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-pp-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px}.sd-pp-cat-badge{font-size:.7rem;font-weight:700}.sd-pp-cat-badge,.sd-pp-subcat{border-radius:10px;padding:2px 8px}.sd-pp-subcat{background:#ffffff1a;color:#ffffffb3;font-size:.72rem}.sd-pp-customer{color:#ffffffbf;font-size:.72rem}.sd-pp-header-right{flex-shrink:0;margin-left:10px}.sd-pp-status-badge{border-radius:8px;display:inline-block;font-size:.78rem;font-weight:700;padding:4px 12px}.sd-pp-controls{align-items:flex-end;background:#fff;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;gap:10px;padding:10px 18px}.sd-pp-control-group{display:flex;flex:1 1;flex-direction:column;gap:3px}.sd-pp-control-group label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sd-pp-control-group select{background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.83rem;padding:6px 10px}.sd-pp-control-group select:focus{border-color:#0f3460;outline:none}.sd-pp-ai-quick{align-self:flex-end;flex-shrink:0;font-size:.78rem!important;padding:7px 12px!important}.sd-pp-tabs{background:#fff;border-bottom:2px solid #e9ecef;display:flex;flex-shrink:0}.sd-pp-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.82rem;font-weight:600;gap:5px;margin-bottom:-2px;padding:9px 16px;transition:all .15s}.sd-pp-tab:hover{background:#f8fafc;color:#0f3460}.sd-pp-tab.active{background:#f0f7ff;border-bottom-color:#0f3460;color:#0f3460}.sd-pp-tab-badge{background:#0f3460;border-radius:10px;color:#fff;font-size:.65rem;padding:1px 6px}.sd-pp-body{flex:1 1;overflow-y:auto;padding:14px 18px}.sd-pp-empty{color:#94a3b8;font-size:.85rem;padding:30px;text-align:center}.sd-pp-process-tab{display:flex;flex-direction:column;gap:10px}.sd-pp-desc-block{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;padding:10px 12px}.sd-pp-block-label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.sd-pp-desc-text{color:#334155;font-size:.82rem;line-height:1.6;white-space:pre-wrap}.sd-pp-resolution{border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.85rem;padding:9px 12px;resize:vertical;transition:border-color .14s;width:100%}.sd-pp-resolution:focus{border-color:#0f3460;box-shadow:0 0 0 3px #0f346012;outline:none}.sd-pp-save-res{align-self:flex-end;background:#0f3460;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:7px 16px;transition:opacity .14s}.sd-pp-save-res:hover:not(:disabled){opacity:.85}.sd-pp-save-res:disabled{cursor:not-allowed;opacity:.4}.sd-pp-notes-tab{display:flex;flex-direction:column;gap:10px}.sd-pp-note-add{align-items:flex-end;display:flex;gap:8px}.sd-pp-note-input{border:1.5px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:inherit;font-size:.83rem;padding:8px 12px;resize:vertical}.sd-pp-note-input:focus{border-color:#0f3460;outline:none}.sd-pp-note-btn{background:#0f3460;border:none;border-radius:7px;color:#fff;cursor:pointer;flex-shrink:0;font-size:.82rem;font-weight:600;padding:8px 14px;white-space:nowrap}.sd-pp-note-btn:disabled{cursor:not-allowed;opacity:.5}.sd-pp-note-list{display:flex;flex-direction:column;gap:7px}.sd-pp-note-card{background:#fff;border:1px solid #e9ecef;border-left:3px solid #0f3460;border-radius:8px;padding:9px 12px}.sd-pp-note-head{display:flex;justify-content:space-between;margin-bottom:4px}.sd-pp-note-by{color:#0f3460;font-size:.72rem;font-weight:700}.sd-pp-note-date{color:#94a3b8;font-size:.68rem}.sd-pp-note-text{color:#334155;font-size:.82rem;line-height:1.5;white-space:pre-wrap}.sd-pp-ai-cta,.sd-pp-ai-tab{display:flex;flex-direction:column;gap:10px}.sd-pp-ai-cta{align-items:center;padding:30px 20px;text-align:center}.sd-pp-ai-icon{font-size:2.4rem}.sd-pp-ai-desc{color:#64748b;font-size:.88rem;max-width:320px}.sd-pp-ai-result{display:flex;flex-direction:column;gap:8px}.sd-pp-ai-result-header{align-items:center;color:#6f42c1;display:flex;font-size:.88rem;font-weight:700;gap:8px}.sd-pp-ai-copy,.sd-pp-ai-refresh{background:#f8f0ff;border:1px solid #e0c3fc;border-radius:6px;color:#6f42c1;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 10px}.sd-pp-ai-copy:hover,.sd-pp-ai-refresh:hover{background:#6f42c1;color:#fff}.sd-pp-ai-text{background:#fff;border:1px solid #e0c3fc;border-radius:8px;font-family:inherit;font-size:.82rem;line-height:1.65;max-height:220px;overflow-y:auto;padding:12px;white-space:pre-wrap}.sd-pp-use-ai{align-self:flex-start;background:linear-gradient(135deg,#6f42c1,#9c27b0);border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:.82rem;font-weight:600;padding:7px 16px}.sd-pp-use-ai:hover{opacity:.88}.sd-pp-footer{align-items:center;background:#fff;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 18px}.sd-pp-footer-right{display:flex;gap:8px}.sd-ai-section{background:#f8f0ff;border:1px solid #e0c3fc;border-radius:10px;margin-top:20px;padding:16px}.sd-ai-btn{background:linear-gradient(135deg,#6f42c1,#9c27b0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:9px 18px;transition:all .2s}.sd-ai-btn:hover:not(:disabled){box-shadow:0 4px 12px #6f42c14d;transform:translateY(-1px)}.sd-ai-btn:disabled{opacity:.6}.sd-ai-result{margin-top:14px}.sd-ai-result-header{color:#6f42c1;font-size:.9rem;font-weight:700;margin-bottom:8px}.sd-ai-result-text{background:#fff;border:1px solid #e0c3fc;border-radius:8px;font-size:.83rem;line-height:1.6;max-height:260px;overflow-y:auto;padding:14px;white-space:pre-wrap}.sd-btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:9px 20px;transition:all .2s}.sd-btn.primary{background:#0f3460;color:#fff}.sd-btn.primary:hover:not(:disabled){background:#1a4a8a}.sd-btn.secondary{background:#fff;border:1px solid #dee2e6;color:#495057}.sd-btn.secondary:hover{background:#f8f9fa}.sd-btn:disabled{cursor:not-allowed;opacity:.6}.sd-page-error,.sd-page-loading{color:#6c757d;font-size:1.1rem;padding:60px;text-align:center}.sd-detail-topbar{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:14px 20px}.sd-back-btn{background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;font-size:.85rem;padding:7px 14px;white-space:nowrap}.sd-back-btn:hover{background:#0f3460;border-color:#0f3460;color:#fff}.sd-detail-title{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px}.sd-ticket-no-large{color:#0f3460;font-family:monospace;font-size:1.1rem;font-weight:700}.sd-ai-badge{background:#f3e8ff;border-radius:20px;color:#6f42c1;font-size:.75rem;font-weight:600;padding:3px 10px}.sd-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.sd-action-btn{border:none;border-radius:8px;cursor:pointer;font-size:.82rem;font-weight:600;padding:7px 14px;transition:all .2s;white-space:nowrap}.sd-action-btn.inprogress{background:#fff3cd;color:#856404}.sd-action-btn.waiting{background:#f3e8ff;color:#6f42c1}.sd-action-btn.resolved{background:#d4edda;color:#155724}.sd-action-btn.closed{background:#e2e3e5;color:#383d41}.sd-action-btn.edit{background:#e3f2fd;color:#0d47a1}.sd-action-btn:hover{filter:brightness(.92)}.sd-detail-body{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1.3fr}.sd-detail-left,.sd-detail-right{display:flex;flex-direction:column;gap:16px}.sd-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000f;padding:20px}.sd-card-title{border-bottom:1px solid #f1f3f5;color:#1a1a2e;font-size:.95rem;font-weight:700;margin-bottom:14px;padding-bottom:10px}.sd-info-grid{display:flex;flex-direction:column;gap:8px}.sd-info-row{align-items:baseline;display:flex;font-size:.85rem;gap:12px}.sd-info-row.full{flex-direction:column;gap:4px}.sd-info-row span{color:#6c757d;flex-shrink:0;font-size:.8rem;min-width:90px}.sd-info-row strong{color:#212529}.sd-description,.sd-resolution{background:#f8f9fa;border-radius:8px;font-size:.83rem;line-height:1.6;padding:10px;white-space:pre-wrap}.sd-resolution{background:#e8f5e9;border-left:3px solid #28a745}.sd-duration-big{color:#0f3460;font-size:1.2rem}.sd-edit-form{display:flex;flex-direction:column;gap:12px}.sd-edit-btns{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.sd-ai-card{border:1px solid #e0c3fc}.sd-ai-intro{padding:14px;text-align:center}.sd-ai-intro p{color:#6c757d;font-size:.88rem;margin-bottom:12px}.sd-ai-start-btn{background:linear-gradient(135deg,#6f42c1,#9c27b0);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 22px}.sd-ai-start-btn:disabled{opacity:.6}.sd-ai-chat,.sd-ai-messages{display:flex;flex-direction:column;gap:10px}.sd-ai-messages{max-height:320px;overflow-y:auto;padding:4px}.sd-ai-msg{border-radius:10px;font-size:.83rem;line-height:1.6;padding:12px}.sd-ai-msg.user{background:#e3f2fd;margin-left:20px}.sd-ai-msg.assistant{background:#f3e8ff;margin-right:20px}.sd-ai-msg-label{color:#6c757d;font-size:.75rem;font-weight:700;margin-bottom:4px}.sd-ai-msg-content{white-space:pre-wrap}.sd-ai-typing{color:#6f42c1;font-size:.83rem;font-style:italic;padding:8px;text-align:center}.sd-ai-input-row{display:flex;gap:8px}.sd-ai-input-row input{border:1px solid #dee2e6;border-radius:8px;flex:1 1;font-size:.85rem;padding:8px 12px}.sd-ai-input-row button{background:#6f42c1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px}.sd-ai-input-row button:disabled{opacity:.5}.sd-use-ai-btn{background:#e8f5e9;border:1px solid #c3e6cb;border-radius:8px;color:#155724;cursor:pointer;font-size:.83rem;font-weight:600;margin-top:6px;padding:9px;width:100%}.sd-use-ai-btn:hover{background:#c3e6cb}.sd-note-form{background:#f8f9fa;border-radius:10px;margin-bottom:14px;padding:14px}.sd-note-form textarea{border:1px solid #dee2e6;border-radius:8px;box-sizing:border-box;font-size:.85rem;padding:9px;resize:vertical;width:100%}.sd-note-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-top:10px}.sd-note-time{align-items:center;display:flex;font-size:.82rem;gap:8px}.sd-note-time input{border:1px solid #dee2e6;border-radius:6px;padding:5px 8px;width:70px}.sd-note-type{align-items:center;display:flex;font-size:.82rem;gap:5px}.sd-add-note-btn{background:#0f3460;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.84rem;font-weight:600;margin-left:auto;padding:8px 18px}.sd-add-note-btn:disabled{opacity:.5}.sd-notes-list{display:flex;flex-direction:column;gap:10px}.sd-auto-label{background:#f0fff4;border-radius:20px;color:#28a745;font-size:.72rem;font-weight:600;margin-left:6px;padding:1px 7px}.sd-count-label{color:#6c757d;font-size:.7rem;font-weight:400;margin-left:6px}.sd-subcat-wrap{background:#fff;border:1px solid #dee2e6;border-radius:8px;position:relative}.sd-subcat-overlay{inset:0;position:fixed;z-index:99}.sd-subcat-search{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;gap:6px;padding:7px 10px;position:relative;z-index:100}.sd-subcat-search span{color:#adb5bd;font-size:.9rem}.sd-subcat-search input{background:#0000;border:none;color:#212529;cursor:pointer;flex:1 1;font-size:.84rem;outline:none}.sd-subcat-search input::placeholder{color:#adb5bd}.sd-subcat-clear{background:none;border:none;color:#adb5bd;cursor:pointer;font-size:.8rem;line-height:1;padding:0 2px}.sd-subcat-clear:hover{color:#dc3545}.sd-subcat-list{background:#fff;border:1px solid #dee2e6;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.sd-subcat-selected{align-items:center;background:#e8f5e9;border-bottom:1px solid #c3e6cb;color:#1b5e20;display:flex;font-size:.83rem;font-weight:600;justify-content:space-between;padding:7px 12px}.sd-subcat-selected button{background:none;border:none;color:#6c757d;cursor:pointer;font-size:.75rem;padding:0 3px}.sd-subcat-selected button:hover{color:#dc3545}.sd-subcat-item{border-bottom:1px solid #f0f0f0;color:#212529;cursor:pointer;font-size:.83rem;padding:7px 12px;transition:background .12s}.sd-subcat-item:hover{background:#e3f2fd;color:#0d47a1}.sd-subcat-item:last-child{border-bottom:none}.sd-subcat-empty{color:#adb5bd;font-size:.82rem;padding:12px;text-align:center}.sd-history-panel{background:#f8f9fa;border:1px solid #dee2e6;border-radius:10px;margin-bottom:14px;padding:14px}.sd-history-header{align-items:center;color:#212529;display:flex;flex-wrap:wrap;font-size:.88rem;gap:6px;margin-bottom:10px}.sd-history-loading{animation:pulse 1s infinite;color:#6c757d;font-size:.8rem}.sd-history-empty{color:#adb5bd;font-size:.82rem;padding:10px 0;text-align:center}.sd-history-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.sd-history-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.8rem;gap:8px;justify-content:space-between;padding:8px 12px}.sd-history-item-left{align-items:center;display:flex;flex:1 1;gap:6px;min-width:0}.sd-history-subject{color:#212529;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sd-history-item-right{align-items:center;display:flex;flex-shrink:0;gap:6px}.sd-cat-badge-sm{font-size:.7rem;padding:1px 7px}.sd-cat-badge-sm,.sd-status-badge-sm{border-radius:20px;font-weight:600;white-space:nowrap}.sd-status-badge-sm{font-size:.72rem;padding:1px 8px}.sd-history-assignee{color:#6c757d;font-size:.75rem}.sd-history-date{color:#adb5bd;font-size:.73rem;white-space:nowrap}.sd-ai-hint{color:#6c757d;font-size:.78rem;margin-left:10px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.sd-empty-notes{color:#adb5bd;font-size:.85rem;padding:20px;text-align:center}.sd-note{border-radius:10px;font-size:.84rem;padding:12px}.sd-note.internal{background:#fffbea;border:1px solid #ffeeba}.sd-note.public{background:#f0fff4;border:1px solid #c3e6cb}.sd-note-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.sd-note-author{color:#212529;font-weight:700}.sd-note-duration{background:#e3f2fd;border-radius:20px;color:#0d47a1;font-size:.75rem;padding:1px 8px}.sd-note-tag.internal{background:#fff3cd;border-radius:20px;color:#856404;font-size:.73rem;padding:1px 8px}.sd-note-date{color:#adb5bd;font-size:.75rem;margin-left:auto}.sd-note-content{color:#212529;line-height:1.6;white-space:pre-wrap}.sd-timeline-stats{background:#f8f9fa;border-radius:8px;color:#6c757d;display:flex;font-size:.82rem;gap:16px;margin-bottom:14px;padding:8px 12px}.sd-timeline-stats span{align-items:center;display:flex;gap:5px}.sd-timeline{display:flex;flex-direction:column;gap:0;position:relative}.sd-timeline:before{background:#e9ecef;bottom:0;content:"";left:18px;position:absolute;top:0;width:2px;z-index:0}.sd-timeline-item{display:flex;gap:12px;padding-bottom:14px;position:relative}.sd-timeline-item:last-child{padding-bottom:0}.sd-tl-dot{align-items:center;border:3px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0000001f;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;width:36px;z-index:1}.sd-tl-content{background:#fff;border:1px solid #f1f3f5;border-radius:10px;flex:1 1;min-width:0;padding:10px 14px}.sd-tl-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:5px}.sd-tl-badge{border-radius:20px;font-size:.73rem;font-weight:700;padding:2px 9px;white-space:nowrap}.sd-tl-who{color:#6c757d;font-size:.75rem}.sd-tl-minutes{background:#fff3cd;border-radius:20px;color:#856404;font-size:.73rem;font-weight:600;padding:1px 8px}.sd-tl-time{color:#adb5bd;font-size:.72rem;margin-left:auto;white-space:nowrap}.sd-tl-desc{color:#212529;font-size:.83rem;line-height:1.5}.sd-tl-change{align-items:center;display:flex;flex-wrap:wrap;font-size:.78rem;gap:6px;margin-top:6px}.sd-tl-old{background:#fff5f5;border-radius:4px;color:#dc3545;padding:2px 8px;text-decoration:line-through}.sd-tl-arrow{color:#6c757d;font-weight:700}.sd-tl-new{background:#f0fff4;border-radius:4px;color:#28a745;font-weight:600;padding:2px 8px}.sd-tl-expand{background:none;border:none;color:#007bff;cursor:pointer;font-size:.75rem;margin-top:6px;padding:0;text-decoration:underline}.sd-tl-detail{background:#f8f9fa;border-left:3px solid #dee2e6;border-radius:6px;color:#495057;font-size:.8rem;line-height:1.6;margin-top:8px;max-height:200px;overflow-y:auto;padding:10px;white-space:pre-wrap}@media(max-width:900px){.sd-stats-row{grid-template-columns:repeat(3,1fr)}.sd-detail-body,.sd-form-grid{grid-template-columns:1fr}}.sms-center{background:#f4f6f9;color:#1e293b;min-height:100vh;padding:16px 20px}.sms-center-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;justify-content:space-between;margin-bottom:12px;padding:14px 20px}.sms-center-header h1{color:#1e293b;font-size:1.15rem;font-weight:700;margin:0}.sms-header-right{display:flex;gap:10px}.stat-badge{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;min-width:70px;padding:5px 14px;text-align:center}.stat-badge .stat-val{color:#4f46e5;display:block;font-size:1.15rem;font-weight:700;line-height:1.2}.stat-badge .stat-lbl{color:#94a3b8;font-size:.6rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.sms-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #00000008;display:flex;gap:4px;margin-bottom:14px;padding:4px}.sms-tab{background:none;border:none;border-radius:7px;color:#64748b;cursor:pointer;flex:1 1;font-size:.82rem;font-weight:500;padding:8px 12px;transition:all .15s}.sms-tab:hover{background:#f1f5f9;color:#1e293b}.sms-tab.active{background:#4f46e5;box-shadow:0 2px 6px #4f46e540;color:#fff}.sms-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 1px 3px #0000000a;margin-bottom:10px;padding:14px 16px}.sms-section-title{border-bottom:1px solid #f1f5f9;color:#475569;font-size:.78rem;font-weight:700;letter-spacing:.4px;margin-bottom:10px;padding-bottom:8px;text-transform:uppercase}.sms-send-layout{grid-gap:12px;align-items:start;display:grid;gap:12px;grid-template-columns:1fr 360px}.sms-customer-col,.sms-message-col{display:flex;flex-direction:column}.sms-message-col{position:sticky;top:12px}.sms-customer-filters{display:flex;gap:8px;margin-bottom:10px}.sms-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;flex:1 1;font-size:.83rem;outline:none;padding:7px 12px;transition:border-color .2s}.sms-search-input:focus{border-color:#4f46e5}.sms-search-input::placeholder{color:#94a3b8}.sms-filter-select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;cursor:pointer;font-size:.83rem;min-width:140px;outline:none;padding:7px 10px}.sms-filter-select option{background:#fff;color:#1e293b}.sms-filter-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;font-size:.83rem;outline:none;padding:7px 10px}.sms-selection-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.sms-selection-btns{display:flex;gap:6px}.sms-sel-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.77rem;font-weight:500;padding:5px 12px;transition:all .12s}.sms-sel-btn:hover{background:#e2e8f0;color:#1e293b}.sms-count-badge{background:#4f46e5;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:3px 12px}.sms-table-wrap{border:1px solid #e2e8f0;border-radius:7px;max-height:440px;overflow-y:auto}.sms-table-wrap::-webkit-scrollbar{width:4px}.sms-table-wrap::-webkit-scrollbar-track{background:#f8fafc}.sms-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.sms-customer-table{border-collapse:collapse;font-size:.78rem;width:100%}.sms-customer-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.72rem;font-weight:600;letter-spacing:.3px;padding:8px 10px;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:1}.sms-customer-table td{border-bottom:1px solid #f8fafc;color:#334155;padding:7px 10px}.sms-customer-table tr:hover td{background:#f8fafc;cursor:pointer}.sms-customer-table tr.selected td{background:#eef2ff}.sms-chk{accent-color:#4f46e5;height:13px;width:13px}.sms-company-name{font-weight:500}.sms-no-phone{background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.65rem;margin-left:5px;padding:1px 5px}.sms-td-muted{color:#94a3b8;font-size:.75rem}.sms-credit{color:#16a34a;font-size:.76rem;font-weight:600}.sms-credit.low{color:#dc2626}.sms-table-hint{color:#94a3b8;font-size:.72rem;margin-top:6px;padding:4px 0;text-align:center}.sms-provider-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;padding:10px 14px}.sms-provider-label{color:#475569;font-size:.78rem;font-weight:700;white-space:nowrap}.sms-provider-btns{display:flex;flex-wrap:wrap;gap:6px}.sms-provider-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:7px;color:#334155;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:5px 12px;transition:all .15s}.sms-provider-btn:hover{background:#eef2ff;border-color:#4f46e5;color:#4f46e5}.sms-provider-btn.active{background:#4f46e5;border-color:#4f46e5;color:#fff}.sms-prov-star{color:#fbbf24;font-size:.7rem}.sms-provider-btn.active .sms-prov-star{color:#fde68a}.sms-type-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr)}.sms-type-btn{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:8px 6px;text-align:center;transition:all .15s}.sms-type-btn.active,.sms-type-btn:hover{background:#eef2ff;border-color:#4f46e5}.sms-type-btn.active{box-shadow:0 0 0 2px #4f46e51f}.sms-type-icon{font-size:1.2rem;line-height:1}.sms-type-label{color:#334155;font-size:.68rem;font-weight:600}.sms-field-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.sms-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.sms-field:last-child{margin-bottom:0}.sms-field label{color:#475569;font-size:.75rem;font-weight:600}.sms-field label small{color:#94a3b8;font-weight:400;margin-left:3px}.sms-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.83rem;outline:none;padding:8px 11px;transition:border-color .2s,box-shadow .2s;width:100%}.sms-input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e514}.sms-input option{background:#fff;color:#1e293b}.sms-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.83rem;line-height:1.5;min-height:90px;outline:none;padding:8px 11px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.sms-textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e514}.sms-char-counter{color:#94a3b8;display:flex;font-size:.7rem;justify-content:space-between;margin-top:3px}.sms-char-counter.warning{color:#d97706}.sms-char-counter.danger{color:#dc2626}.sms-tr-warn{background:#fffbeb;border:1px solid #fde68a;border-radius:6px;color:#92400e;font-size:.73rem;margin-top:6px;padding:6px 10px}.sms-auto-info{align-items:center;color:#64748b;display:flex;font-size:.82rem;gap:8px;justify-content:center;padding:10px 0;text-align:center}.sms-preview-card{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:10px;padding:10px 12px}.sms-preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.sms-preview-from{color:#166534;font-size:.72rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.sms-preview-meta{color:#64748b;font-size:.7rem}.sms-preview-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:8px 8px 8px 2px;color:#1e293b;font-size:.82rem;line-height:1.55;padding:9px 12px;white-space:pre-wrap;word-break:break-word}.sms-result-card{animation:fadeIn .3s ease;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:10px;padding:12px 14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sms-result-title{color:#15803d;font-size:.84rem;font-weight:700;margin-bottom:10px}.sms-result-nums{display:flex;gap:8px}.sms-result-num{border-radius:7px;display:flex;flex:1 1;flex-direction:column;gap:2px;padding:8px 6px;text-align:center}.sms-result-num.total{background:#eef2ff}.sms-result-num.success{background:#f0fdf4}.sms-result-num.error{background:#fef2f2}.sms-result-num strong{display:block;font-size:1.5rem;font-weight:700}.sms-result-num small{color:#64748b;font-size:.65rem;font-weight:500}.sms-result-num.total strong{color:#4f46e5}.sms-result-num.success strong{color:#16a34a}.sms-result-num.error strong{color:#dc2626}.sms-send-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;box-shadow:0 2px 6px #4f46e538;color:#fff;cursor:pointer;display:flex;font-size:.88rem;font-weight:700;gap:6px;justify-content:center;padding:11px;transition:all .15s;width:100%}.sms-send-btn:hover:not(:disabled){background:#4338ca;box-shadow:0 3px 10px #4f46e552;transform:translateY(-1px)}.sms-send-btn:disabled{background:#c7d2fe;box-shadow:none;cursor:not-allowed;transform:none}.sms-log-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.sms-log-table-wrap{border:1px solid #e2e8f0;border-radius:7px;overflow-x:auto}.sms-log-table{border-collapse:collapse;font-size:.78rem;min-width:800px;width:100%}.sms-log-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.72rem;font-weight:600;letter-spacing:.3px;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.sms-log-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:7px 10px;vertical-align:middle}.sms-log-table tr:hover td{background:#f8fafc}.sms-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.68rem;font-weight:600;gap:3px;padding:2px 8px}.sms-status-badge.sent{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.sms-status-badge.failed{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.sms-status-badge.pending{background:#fffbeb;border:1px solid #fde68a;color:#d97706}.sms-type-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:20px;color:#4f46e5;font-size:.68rem;font-weight:500;padding:2px 8px}.sms-msg-cell{color:#64748b;font-size:.75rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-pagination{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:12px}.sms-page-btn{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.78rem;font-weight:500;padding:5px 12px;transition:all .12s}.sms-page-btn:hover:not(:disabled){background:#e2e8f0}.sms-page-btn:disabled{cursor:not-allowed;opacity:.4}.sms-page-info{color:#64748b;font-size:.78rem}.sms-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.sms-stat-card{border:1px solid #e2e8f0;border-radius:9px;display:flex;flex-direction:column;gap:4px;padding:14px 12px;text-align:center}.sms-stat-card strong{display:block;font-size:1.7rem;font-weight:700}.sms-stat-card span{color:#64748b;font-size:.72rem}.sms-bytype{margin-top:8px}.sms-bytype-row{align-items:center;display:flex;gap:10px;margin-bottom:7px}.sms-bytype-row>span:first-child{color:#475569;flex-shrink:0;font-size:.78rem;width:130px}.sms-bytype-bar{background:#f1f5f9;border-radius:50px;flex:1 1;height:7px;overflow:hidden}.sms-bytype-fill{background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:50px;height:100%;transition:width .5s ease}.sms-bytype-count{color:#4f46e5;font-size:.78rem;font-weight:600;min-width:60px;text-align:right}.sms-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.sms-modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 10px 40px #00000024;max-width:420px;padding:24px 28px;width:90%}.sms-modal h3{color:#1e293b;font-size:1rem;font-weight:700;margin:0 0 8px}.sms-modal p{color:#64748b;font-size:.86rem;margin-bottom:16px}.sms-modal-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 14px}.sms-modal-row{border-bottom:1px solid #f1f5f9;color:#64748b;display:flex;font-size:.83rem;justify-content:space-between;padding:4px 0}.sms-modal-row:last-child{border-bottom:none}.sms-modal-row strong{color:#1e293b;font-weight:600}.sms-modal-actions{display:flex;gap:8px}.sms-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#475569;cursor:pointer;flex:1 1;font-size:.86rem;font-weight:600;padding:9px;transition:all .12s}.sms-btn-cancel:hover{background:#e2e8f0}.sms-btn-confirm{background:#4f46e5;border:none;border-radius:7px;box-shadow:0 2px 5px #4f46e540;color:#fff;cursor:pointer;flex:2 1;font-size:.86rem;font-weight:700;padding:9px;transition:background .12s}.sms-btn-confirm:hover{background:#4338ca}.sms-progress-wrap{background:#f1f5f9;border-radius:50px;height:7px;margin:16px 0 8px;overflow:hidden}.sms-progress-fill{background:linear-gradient(90deg,#4f46e5,#6366f1);border-radius:50px;height:100%;transition:width .3s ease}.sms-empty-state{color:#94a3b8;padding:36px 24px;text-align:center}.sms-empty-state span{display:block;font-size:2.2rem;margin-bottom:8px}.sms-empty-state p{color:#64748b;font-size:.84rem}.sms-type-group-label{color:#64748b;font-size:.72rem;font-weight:600;letter-spacing:.05em;margin:10px 0 5px;padding-left:2px;text-transform:uppercase}.sms-type-btn.analytic{background:#fffbeb;border-color:#f59e0b}.sms-type-btn.analytic.active,.sms-type-btn.analytic:hover{background:#f59e0b;border-color:#f59e0b;color:#fff}.sms-type-btn.analytic.active{box-shadow:0 2px 8px #f59e0b59}.sms-type-grid-wide{grid-template-columns:repeat(3,1fr)!important}.sms-analytic-desc{background:#fffbeb;border:1px solid #fde68a;border-radius:7px;color:#92400e;font-size:.76rem;line-height:1.5;margin-top:8px;padding:8px 12px}.sms-tpl-panel{padding:14px 16px}.sms-tpl-panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.sms-tpl-group{margin-bottom:10px}.sms-tpl-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));margin-top:5px}.sms-tpl-card{align-items:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:10px 8px;text-align:center;transition:all .15s}.sms-tpl-card:hover{background:#eef2ff;border-color:#4f46e5;box-shadow:0 2px 8px #4f46e51f;transform:translateY(-1px)}.sms-tpl-card.active{background:#4f46e5;border-color:#4f46e5;box-shadow:0 3px 12px #4f46e54d;color:#fff}.sms-tpl-card.active .sms-tpl-card-desc{color:#ffffffbf}.sms-tpl-card.user-tpl{background:#f0f4ff;border-color:#6366f1}.sms-tpl-card.user-tpl.active{background:#6366f1}.sms-tpl-card-icon{font-size:1.5rem;line-height:1}.sms-tpl-card-label{color:inherit;font-size:.76rem;font-weight:600;line-height:1.3}.sms-tpl-card.active .sms-tpl-card-label{color:#fff}.sms-tpl-card-desc{color:#94a3b8;font-size:.65rem;line-height:1.3;margin-top:1px;white-space:normal}.sms-delivery-form{border-left:3px solid #f59e0b}.sms-delivery-note{background:#fffbeb;border-radius:6px;color:#92400e;font-size:.74rem;margin-top:8px;padding:6px 10px}.sms-mini-log{margin-top:12px}.sms-mini-log-title{color:#475569;font-size:.78rem;font-weight:600;margin-bottom:6px}.sms-mini-log-list{border:1px solid #e2e8f0;border-radius:7px;max-height:200px;overflow-y:auto}.sms-mini-log-row{grid-gap:6px;align-items:center;border-bottom:1px solid #f1f5f9;display:grid;font-size:.76rem;gap:6px;grid-template-columns:20px 1fr 110px 55px;padding:5px 10px}.sms-mini-log-row:last-child{border-bottom:none}.sms-mini-log-row.ok{background:#f0fdf4}.sms-mini-log-row.err{background:#fef2f2}.sml-status{font-size:.9rem}.sml-company{color:#1e293b;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sml-phone{color:#64748b}.sml-time{color:#94a3b8;font-size:.7rem;text-align:right}.sms-type-btn.user-tpl{background:#eef2ff;border-color:#6366f1}.sms-type-btn.user-tpl.active,.sms-type-btn.user-tpl:hover{background:#6366f1;border-color:#6366f1;color:#fff}.sms-tpl-add-btn{background:#eef2ff;border:1px solid #4f46e5;border-radius:6px;color:#4f46e5;cursor:pointer;font-size:.78rem;font-weight:600;padding:4px 12px;transition:background .15s}.sms-tpl-add-btn:hover{background:#4f46e5;color:#fff}.sms-preview-editable{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#1e293b;font-family:inherit;font-size:.84rem;line-height:1.55;padding:12px 14px;resize:vertical;transition:border-color .2s;width:100%}.sms-preview-editable:focus{background:#fff;border-color:#4f46e5;outline:none}.sms-preview-editable.warning{border-color:#f59e0b}.sms-preview-editable.danger{border-color:#ef4444}.sms-tpl-row{background:#f8fafc;border-radius:8px;margin-bottom:8px;padding:12px 14px}.sms-tpl-row-info{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.sms-tpl-label{color:#1e293b;font-size:.88rem;font-weight:600}.sms-tpl-desc{color:#64748b;font-size:.74rem}.sms-tpl-preview{color:#475569;font-size:.75rem;line-height:1.45;margin-bottom:8px;white-space:pre-wrap}.sms-tpl-actions{display:flex;gap:6px}.sms-tpl-badge{border-radius:4px;font-size:.68rem;font-weight:600;padding:2px 7px}.sms-tpl-badge.user{background:#eef2ff;color:#4f46e5}.sms-tpl-badge.system{background:#f0fdf4;color:#16a34a}.sms-sel-btn.danger{border-color:#ef4444;color:#ef4444}.sms-sel-btn.danger:hover{background:#ef4444;color:#fff}.sms-param-toggle{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:inline-block;font-size:.77rem;margin:8px 0 4px;padding:5px 12px}.sms-param-toggle:hover{background:#e2e8f0}.sms-param-guide{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;padding:10px 12px}.sms-param-table{border-collapse:collapse;font-size:.78rem;width:100%}.sms-param-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-weight:600;padding:4px 6px;text-align:left}.sms-param-table td{color:#334155;padding:4px 6px}.sms-param-table tr:hover td{background:#f1f5f9}.sms-param-code{background:#e0e7ff;border-radius:4px;color:#3730a3;font-family:monospace;font-size:.76rem;padding:2px 6px}.sms-param-chip{background:#eef2ff;border:1px solid #c7d2fe;border-radius:5px;color:#4338ca;cursor:pointer;font-size:.72rem;padding:3px 8px;white-space:nowrap}.sms-param-chip:hover{background:#4338ca;border-color:#4338ca;color:#fff}.sms-param-chip small{margin-left:3px;opacity:.75}.sms-td-consultant{font-size:.72rem;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-recipient-types{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.sms-rtype-btn{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.75rem;padding:5px 10px;transition:all .15s;white-space:nowrap}.sms-rtype-btn:hover{background:#fffbeb;border-color:#f59e0b}.sms-rtype-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff;font-weight:600}.sms-field-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.sms-field-check{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;display:flex;font-size:.78rem;gap:5px;padding:4px 8px;-webkit-user-select:none;user-select:none}.sms-field-check:hover{background:#eef2ff;border-color:#c7d2fe}.sms-field-check input{accent-color:#4f46e5;cursor:pointer}.sms-obj-btn{background:none;border:1px solid #fbbf24;border-radius:5px;cursor:pointer;font-size:.85rem;padding:2px 6px;transition:background .15s}.sms-obj-btn:hover{background:#fef3c7}.sms-msg-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#334155;font-size:.8rem;line-height:1.55;margin-top:8px;max-height:120px;overflow-y:auto;padding:10px 14px;white-space:pre-wrap}.sms-tpl-badge.override{background:#fef3c7;color:#92400e}.sms-log-table td:last-child,.sms-log-table th:last-child{text-align:center;width:36px}.sms-tpl-group{margin-bottom:4px}.sms-tpl-group-hdr{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.78rem;font-weight:600;justify-content:space-between;margin-bottom:3px;padding:6px 8px;text-align:left;transition:background .15s;width:100%}.sms-tpl-group-hdr:hover{background:#e2e8f0}.sms-tpl-group-arrow{color:#94a3b8;font-size:.65rem}.sms-tpl-list{display:flex;flex-direction:column;gap:2px;padding:0 2px 4px}.sms-tpl-row-wrap{gap:2px}.sms-tpl-row,.sms-tpl-row-wrap{align-items:center;display:flex}.sms-tpl-row{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;cursor:pointer;flex:1 1;font-size:.78rem;gap:6px;min-width:0;padding:6px 8px;text-align:left;transition:all .12s}.sms-tpl-row:hover{background:#f0f9ff;border-color:#93c5fd}.sms-tpl-row.active{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8;font-weight:600}.sms-tpl-row.user-tpl{border-style:dashed}.sms-tpl-row-icon{flex-shrink:0;font-size:1rem}.sms-tpl-row-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-tpl-badge-user{background:#fef3c7;color:#92400e}.sms-tpl-badge-override,.sms-tpl-badge-user{border-radius:8px;flex-shrink:0;font-size:.65rem;font-weight:600;padding:1px 6px}.sms-tpl-badge-override{background:#fce7f3;color:#9d174d}.sms-tpl-edit-btn{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#94a3b8;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .12s;width:24px}.sms-tpl-edit-btn:hover{background:#e2e8f0;color:#475569}.sms-tpl-ctx-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:130px;overflow:hidden;position:absolute;right:0;top:calc(100% + 2px);z-index:9999}.sms-tpl-ctx-menu button{background:none;border:none;color:#334155;cursor:pointer;display:block;font-size:.78rem;padding:7px 12px;text-align:left;width:100%}.sms-tpl-ctx-menu button:hover{background:#f1f5f9}.sms-tpl-ctx-danger{color:#dc2626!important}.sms-tpl-ctx-danger:hover{background:#fef2f2!important}.sms-customer-table-wide{font-size:.76rem}.sms-customer-table-wide th{font-size:.7rem;padding:6px 5px;white-space:nowrap}.sms-customer-table-wide td{padding:5px}.sms-filter-row td{background:#f1f5f9;padding:3px 4px}.sms-col-filter{background:#fff;border:1px solid #cbd5e1;border-radius:4px;box-sizing:border-box;color:#334155;font-size:.7rem;padding:3px 6px;width:100%}.sms-col-filter:focus{border-color:#4f46e5;outline:none}.sms-col-clear-btn{background:#fef2f2;border:1px solid #e2e8f0;border-radius:4px;color:#dc2626;cursor:pointer;font-size:.85rem;font-weight:700;padding:2px 7px}.sms-col-clear-btn:hover{background:#dc2626;color:#fff}.sms-auth-name{color:#94a3b8;display:block;font-size:.68rem;margin-top:1px}.sms-td-num{font-feature-settings:"tnum";color:#334155;font-variant-numeric:tabular-nums;text-align:right}.sms-td-date{font-size:.71rem;white-space:nowrap}.sms-count-btn{background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;color:#4f46e5;cursor:pointer;font-size:.72rem;font-weight:600;padding:1px 8px;transition:all .15s}.sms-count-btn:hover{background:#4f46e5;border-color:#4f46e5;color:#fff}.sms-edit-cust-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;opacity:.4;padding:2px 4px;transition:opacity .15s,background .15s}.sms-customer-table tbody tr:hover .sms-edit-cust-btn{opacity:1}.sms-edit-cust-btn:hover{background:#f1f5f9;opacity:1}.sms-history-modal{display:flex;flex-direction:column;max-height:80vh;max-width:680px;width:96%}.sms-history-list{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding-right:4px}.sms-history-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.sms-history-item.ok{border-left:3px solid #16a34a}.sms-history-item.err{border-left:3px solid #dc2626}.sms-history-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.sms-history-msg{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#334155;font-size:.79rem;line-height:1.5;padding:8px 10px;white-space:pre-wrap}.sms-history-obj{background:#fffbeb;border:1px solid #fde68a;border-radius:5px;color:#92400e;font-size:.74rem;margin-top:6px;padding:5px 8px}@media (max-width:1100px){.sms-send-layout{grid-template-columns:1fr}.sms-message-col{position:static}.sms-type-grid{grid-template-columns:repeat(5,1fr)}.sms-type-grid-wide{grid-template-columns:repeat(3,1fr)!important}}@media (max-width:768px){.sms-center{padding:10px 12px}.sms-stats-grid{grid-template-columns:repeat(2,1fr)}.sms-type-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.sms-type-grid{grid-template-columns:repeat(2,1fr)}.sms-field-row{grid-template-columns:1fr}}.sms-cfg-page{background:#f4f6f9;color:#1e293b;min-height:100vh;padding:24px}.sms-cfg-header{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.sms-cfg-header h1{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 4px}.sms-cfg-header p{color:#64748b;font-size:.85rem;margin:0}.sms-cfg-add-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:9px 18px;transition:background .15s;white-space:nowrap}.sms-cfg-add-btn:hover{background:#4338ca}.sms-cfg-empty{color:#94a3b8;padding:60px 24px;text-align:center}.sms-cfg-empty span{display:block;font-size:3rem;margin-bottom:12px}.sms-cfg-empty p{color:#64748b;font-size:.9rem;margin-bottom:16px}.sms-cfg-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.sms-cfg-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000d;padding:18px 20px;transition:box-shadow .15s}.sms-cfg-card:hover{box-shadow:0 3px 12px #00000014}.sms-cfg-card.is-default{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.sms-cfg-card.is-inactive{opacity:.65}.sms-cfg-card-top{justify-content:space-between;margin-bottom:14px}.sms-cfg-card-title,.sms-cfg-card-top{align-items:center;display:flex;gap:8px}.sms-cfg-card-title{flex-wrap:wrap}.sms-cfg-label-badge{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#4f46e5;font-size:.82rem;font-weight:700;letter-spacing:.3px;padding:3px 10px}.sms-cfg-default-tag{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;color:#16a34a}.sms-cfg-default-tag,.sms-cfg-inactive-tag{font-size:.72rem;font-weight:600;padding:2px 10px}.sms-cfg-inactive-tag{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;color:#dc2626}.sms-cfg-card-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.sms-cfg-btn-ghost{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:.78rem;padding:5px 10px;transition:all .15s;white-space:nowrap}.sms-cfg-btn-ghost:hover{background:#e2e8f0;color:#1e293b}.sms-cfg-btn-danger{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.78rem;padding:5px 8px;transition:all .15s}.sms-cfg-btn-danger:hover{background:#fee2e2}.sms-cfg-btn-danger:disabled{cursor:not-allowed;opacity:.5}.sms-cfg-card-body{display:flex;flex-direction:column;gap:6px}.sms-cfg-info-row{align-items:center;border-bottom:1px solid #f8fafc;display:flex;font-size:.8rem;justify-content:space-between;padding:4px 0}.sms-cfg-info-row span{color:#64748b}.sms-cfg-info-row strong{color:#1e293b;font-weight:500}.sms-cfg-url{color:#4f46e5!important;font-size:.75rem}.sms-cfg-overlay{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}.sms-cfg-modal{background:#fff;border-radius:14px;box-shadow:0 12px 40px #00000026;max-width:560px;overflow:hidden;width:100%}.sms-cfg-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:18px 24px}.sms-cfg-modal-header h2{color:#1e293b;font-size:1rem;font-weight:700;margin:0}.sms-cfg-close-btn{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:1rem;padding:4px 8px;transition:background .15s}.sms-cfg-close-btn:hover{background:#e2e8f0;color:#1e293b}.sms-cfg-form{display:flex;flex-direction:column;gap:14px;padding:20px 24px}.sms-cfg-form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.sms-cfg-field{display:flex;flex-direction:column;gap:5px}.sms-cfg-field label{color:#475569;font-size:.78rem;font-weight:600}.sms-cfg-field label small{color:#94a3b8;font-weight:400;margin-left:4px}.sms-cfg-field input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;color:#1e293b;font-family:inherit;font-size:.875rem;outline:none;padding:9px 12px;transition:border-color .2s,box-shadow .2s}.sms-cfg-field input:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e514}.sms-cfg-hint{color:#94a3b8;font-size:.7rem;margin-top:2px}.sms-cfg-pass-wrap{position:relative}.sms-cfg-pass-wrap input{box-sizing:border-box;padding-right:42px;width:100%}.sms-cfg-eye-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;padding:0;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.sms-cfg-checks{display:flex;flex-wrap:wrap;gap:20px}.sms-cfg-check-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-size:.84rem;font-weight:500;gap:7px}.sms-cfg-check-label input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;height:15px;width:15px}.sms-cfg-form-actions{border-top:1px solid #f1f5f9;display:flex;gap:10px;padding-top:4px}.sms-cfg-btn-cancel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:10px;transition:all .15s}.sms-cfg-btn-cancel:hover{background:#e2e8f0}.sms-cfg-btn-save{background:#4f46e5;border:none;border-radius:8px;box-shadow:0 2px 6px #4f46e540;color:#fff;cursor:pointer;flex:2 1;font-size:.875rem;font-weight:700;padding:10px;transition:background .15s}.sms-cfg-btn-save:hover{background:#4338ca}.sms-cfg-btn-save:disabled{background:#c7d2fe;box-shadow:none;cursor:not-allowed}@media (max-width:600px){.sms-cfg-page{padding:12px}.sms-cfg-header{flex-direction:column;gap:12px}.sms-cfg-form-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.2407ae3b.css.map*/