@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-cyrillic-ext-400-normal-txZ9Fk_1.woff2) format("woff2"),url(/assets/fira-code-cyrillic-ext-400-normal-Buh61xzB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-cyrillic-400-normal-GJNUJiOk.woff2) format("woff2"),url(/assets/fira-code-cyrillic-400-normal-CkiFwfqG.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-greek-ext-400-normal-DR7mBgIM.woff2) format("woff2"),url(/assets/fira-code-greek-ext-400-normal-DSPUheWg.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-greek-400-normal-B2Gh_Y8s.woff2) format("woff2"),url(/assets/fira-code-greek-400-normal-DobhaxvF.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/fira-code-symbols2-400-normal-_QEZCEwe.woff) format("woff");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-latin-ext-400-normal-KSMg0QLl.woff2) format("woff2"),url(/assets/fira-code-latin-ext-400-normal-DG73JjOf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-latin-400-normal-6WyMkEaV.woff2) format("woff2"),url(/assets/fira-code-latin-400-normal-COoLCkvS.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary-color: #0f172a;--primary-color-light: #1e293b;--primary-color-dark: #020617;--secondary-color: #065f46;--secondary-color-light: #047857;--secondary-color-dark: #064e3b;--accent-color: #1e40af;--accent-color-light: #2563eb;--accent-color-dark: #1e3a8a;--warning-color: #ea580c;--error-color: #dc2626;--success-color: #065f46;--delete-primary: #dc2626;--delete-secondary: #ef4444;--delete-tertiary: #f87171;--delete-hover: #b91c1c;--delete-shadow: rgba(220, 38, 38, .3);--background-color: #f8fafc;--background-color-secondary: #f1f5f9;--background-color-tertiary: #e2e8f0;--card-color: #ffffff;--overlay-color: rgba(15, 23, 42, .6);--text-color: #0f172a;--text-color-secondary: #475569;--text-color-muted: #64748b;--text-color-light: #ffffff;--border-color: #e5e7eb;--border-color-light: #f3f4f6;--border-color-dark: #d1d5db;--border-color-focus: #2563eb;--navbar-height: 72px;--sidebar-width: 260px;--border-radius: 12px;--border-radius-sm: 6px;--border-radius-lg: 16px;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--box-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-speed: .2s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--font-family: "Inter", "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem}*:not(.editor-container):not(.editor-container *){font-family:var(--font-family);font-size:var(--font-size-sm)}body{margin:0;padding:0;background:linear-gradient(135deg,var(--background-color) 0%,var(--background-color-secondary) 100%);color:var(--text-color);line-height:1.6;font-family:var(--font-family);min-height:100vh;overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3;color:var(--text-color)}p,a{margin:0;line-height:1.6}a{text-decoration:none;color:var(--secondary-color);transition:color var(--transition-speed) var(--transition-ease)}a:hover{color:var(--secondary-color-light)}button{font-family:var(--font-family);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);font-weight:500}input,textarea,select{font-family:var(--font-family);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);transition:all var(--transition-speed) var(--transition-ease)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-color-focus);box-shadow:0 0 0 3px #4f46e51a}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background-color-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color-dark);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-color-secondary)}.btn-delete.btn-outline,.btn-close.btn-outline,.btn-remove.btn-outline,.delete-btn.btn-outline,.close-btn.btn-outline,.remove-btn.btn-outline{background:transparent!important;color:var(--delete-primary)!important;border:2px solid var(--delete-primary)!important}.btn-delete.btn-outline:hover,.btn-close.btn-outline:hover,.btn-remove.btn-outline:hover,.delete-btn.btn-outline:hover,.close-btn.btn-outline:hover,.remove-btn.btn-outline:hover{background:linear-gradient(135deg,var(--delete-primary) 0%,var(--delete-secondary) 50%,var(--delete-terciary) 100%)!important;color:#fff!important}.calls-progress{margin-top:10px}.calls-label{margin-bottom:6px}.progress-bar{width:98%;height:16px;margin:10px;background-color:#e0e0e0;border-radius:8px;overflow:hidden}.progress-fill{height:100%;background-color:#4caf50;transition:width .3s ease-in-out}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:var(--font-size-sm);font-weight:600;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);text-decoration:none;min-height:2.5rem;position:relative;overflow:hidden}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-color-light) 100%);color:var(--text-color-light);box-shadow:0 4px 6px -1px #4f46e54d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary-color-light) 0%,var(--secondary-color) 100%);transform:translateY(-1px);box-shadow:0 8px 12px -2px #4f46e566}.btn-secondary{background:var(--card-color);color:var(--text-color);border:2px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background:var(--background-color-secondary);border-color:var(--secondary-color);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success-color) 0%,var(--accent-color-light) 100%);color:var(--text-color-light);box-shadow:0 4px 6px -1px #10b9814d}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,var(--accent-color-light) 0%,var(--success-color) 100%);transform:translateY(-1px);box-shadow:0 8px 12px -2px #10b98166}.btn-danger{background:linear-gradient(135deg,var(--error-color) 0%,#f87171 100%);color:var(--text-color-light);box-shadow:0 4px 6px -1px #ef44444d}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171 0%,var(--error-color) 100%);transform:translateY(-1px);box-shadow:0 8px 12px -2px #ef444466}.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0%,#fbbf24 100%);color:var(--text-color);box-shadow:0 4px 6px -1px #f59e0b4d}.btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#fbbf24 0%,var(--warning-color) 100%);transform:translateY(-1px);box-shadow:0 8px 12px -2px #f59e0b66}.btn-sm{padding:.5rem 1rem;font-size:var(--font-size-xs);min-height:2rem}.btn-lg{padding:1rem 2rem;font-size:var(--font-size-base);min-height:3rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--text-color);margin-bottom:.5rem}.form-input{width:100%;padding:.75rem 1rem;font-size:var(--font-size-sm);border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-color);color:var(--text-color);transition:all var(--transition-speed) var(--transition-ease);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #4f46e51a;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-color-muted)}.form-input:disabled{background-color:var(--background-color-secondary);color:var(--text-color-muted);cursor:not-allowed}.form-textarea{min-height:6rem;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.input-group{position:relative;display:flex;align-items:center}.input-group-text{display:flex;align-items:center;padding:.75rem 1rem;font-size:var(--font-size-sm);font-weight:500;color:var(--text-color-secondary);background-color:var(--background-color-secondary);border:2px solid var(--border-color);border-right:0;border-radius:var(--border-radius) 0 0 var(--border-radius)}.input-group .form-input{border-left:0;border-radius:0 var(--border-radius) var(--border-radius) 0}.form-check{display:flex;align-items:center;margin-bottom:.75rem}.form-check-input{width:1.25rem;height:1.25rem;margin-right:.75rem;accent-color:var(--secondary-color)}.form-check-label{font-size:var(--font-size-sm);color:var(--text-color);cursor:pointer}.form-input.is-invalid{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-input.is-valid{border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.invalid-feedback{display:block;font-size:var(--font-size-xs);color:var(--error-color);margin-top:.25rem}.valid-feedback{display:block;font-size:var(--font-size-xs);color:var(--success-color);margin-top:.25rem}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem;border:2px solid currentColor;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-color);padding:2rem;border-radius:12px;box-shadow:0 10px 25px #0003;border:1px solid var(--border-color)}.loading-spinner .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner:not(:has(.loading-text)) .spinner{margin-bottom:0}.loading-spinner .spinner[style*="24px"]{border-width:3px;margin-bottom:.5rem}.loading-spinner .spinner[style*="60px"]{border-width:6px;margin-bottom:1.5rem}.loading-text{color:var(--text-color);font-size:1rem;font-weight:500;margin:0;text-align:center}.reload-button{background:var(--primary-color);color:var(--text-color-light);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;transition:all .2s ease;min-width:120px;text-align:center}.reload-button:hover:not(:disabled){background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.reload-button:active:not(:disabled){transform:translateY(0)}.reload-button:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--text-color-secondary)}.loading-container{display:flex;align-items:center;justify-content:center;padding:2rem;width:100%;min-height:200px}.w-6{width:1.5rem;height:1.5rem}.w-10{width:2.5rem;height:2.5rem}.w-16{width:4rem;height:4rem}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.page-title-section{flex:1}.page-actions{display:flex;gap:.75rem;align-items:center}.card-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color)}.card-header h3{margin:0 0 .5rem;font-size:var(--font-size-lg);font-weight:600;color:var(--text-color)}.card-header p{margin:0;font-size:var(--font-size-sm);color:var(--text-color-secondary)}.card-content{padding:1.5rem}.users-page{width:100%}.users-content{display:grid;gap:1.5rem}@media (max-width: 768px){.btn{padding:.625rem 1.25rem;font-size:var(--font-size-xs)}.btn-lg{padding:.875rem 1.75rem;font-size:var(--font-size-sm)}.page-header{flex-direction:column;gap:1rem;align-items:stretch}.page-actions{justify-content:stretch}.page-actions .btn{flex:1}}.navbar{position:fixed;height:var(--navbar-height);width:100%;left:0;top:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-color-light);display:flex;align-items:center;box-shadow:0 2px 12px #0f172a40;z-index:1000;border-bottom:1px solid rgba(255,255,255,.15);padding:0}.navbar-left{display:flex;align-items:center;height:100%;padding:0 1rem;border-right:0px solid rgba(255,255,255,.2);min-width:var(--sidebar-width);box-shadow:inset 0 1px #ffffff1a}.navbar-left img{width:40px;height:40px;object-fit:contain;margin-right:1rem}.navbar-left h1{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--text-color-light)}.navbar img{width:calc(var(--sidebar-width) - 40px);height:auto;object-fit:contain;padding:20px;margin-right:20px}.navbar h1{margin:0;font-size:var(--font-size-2xl);font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;width:var(--sidebar-width);height:var(--navbar-height);background:#ffffff1a;color:var(--text-color-light);border-right:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-right{margin-left:auto;padding:0 2rem;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;height:100%}.navbar-right h2{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--text-color-light);text-align:right;margin-bottom:.25rem}.navbar-right p{margin:0;font-size:var(--font-size-sm);color:var(--text-color-light);opacity:.8;text-align:right}.navbar ul{display:flex;padding:0;list-style:none;margin:0;align-items:center;height:100%}.navbar li{margin:0;padding:0;display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-color-light)}.navbar a{padding:.75rem 1.5rem;color:var(--text-color-light);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-ease);border-radius:var(--border-radius-sm);margin:0 .25rem;display:flex;align-items:center;height:auto}.navbar a:hover{background:#ffffff1a;color:var(--text-color-light);transform:translateY(-1px)}.navbar-link svg{margin-right:.5rem}.sidebar{position:fixed;width:var(--sidebar-width);height:calc(100vh - var(--navbar-height));left:0;top:var(--navbar-height);background:var(--card-color);color:var(--text-color);display:flex;flex-direction:column;box-shadow:var(--box-shadow);z-index:900;overflow:hidden}.sidebar-up{flex:1;padding:.5rem 0;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden}.sidebar-down{padding:1rem 0;border-top:1px solid var(--border-color);background:var(--background-color-secondary)}.sidebar a{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--text-color);text-decoration:none;font-weight:500;font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-ease);border-left:3px solid transparent;position:relative;width:100%;box-sizing:border-box}.sidebar a:hover{background:var(--background-color-secondary);border-left-color:var(--secondary-color)}.sidebar a.active{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-color-light) 100%);color:var(--text-color-light);border-left-color:var(--secondary-color-dark);font-weight:600}.sidebar a.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:var(--accent-color);border-radius:0 2px 2px 0}.sidebar-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:60px;background:var(--primary-color);border-radius:3px 0 0 3px;cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);box-shadow:-2px 0 8px #0000001a;z-index:10;display:flex;align-items:center;justify-content:center;opacity:.7}.sidebar-toggle:before{content:"";position:absolute;width:2px;height:20px;background:var(--text-color-light);border-radius:1px;opacity:.8}.sidebar-toggle:hover{background:var(--primary-color-light);width:8px;opacity:1;box-shadow:-3px 0 12px #0003}.sidebar-toggle:hover:before{opacity:1}.sidebar-minimized{width:70px;transition:width .3s var(--transition-ease)}.sidebar-minimized .sidebar-toggle{right:0;height:40px;border-radius:2px 0 0 2px}.sidebar-minimized .sidebar-toggle:before{height:15px}.sidebar-minimized .sidebar-icon{margin-right:0;transition:margin-right .3s var(--transition-ease)}.sidebar-minimized a{justify-content:center;padding:1rem .5rem}.sidebar-minimized~.navbar .navbar-left,.navbar-left.minimized{min-width:70px;transition:min-width .3s var(--transition-ease)}.sidebar-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;font-size:var(--font-size-base);transition:all var(--transition-speed) var(--transition-ease);flex-shrink:0}.sidebar-label{transition:all .3s var(--transition-ease);white-space:nowrap}.main-page{min-height:100vh;background:linear-gradient(135deg,var(--background-color) 0%,var(--background-color-secondary) 100%)}.main-content{display:flex;min-height:calc(100vh - var(--navbar-height));margin-top:var(--navbar-height);position:relative}.page-content{flex:1;margin-left:var(--sidebar-width);padding:1rem;background:transparent;color:var(--text-color);min-height:calc(100vh - var(--navbar-height));box-sizing:border-box;transition:all .3s var(--transition-ease);overflow-x:auto;width:calc(100% - var(--sidebar-width));position:relative;z-index:1}.page-content.minimized{margin-left:70px;width:calc(100% - 70px);transition:all .3s var(--transition-ease)}.page-content h1{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-color);margin-bottom:12px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-content h2{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-color);margin-bottom:1.5rem}.page-content h3{font-size:var(--font-size-xl);font-weight:600;color:var(--text-color);margin-bottom:1rem}.card{background:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-ease)}.card:hover{box-shadow:var(--box-shadow-lg);transform:translateY(-2px)}.card,.panel,.modal-content,.form-container,.table-container{border-radius:var(--border-radius-lg)!important}.card-header,.card-footer,.status-indicator,.btn,input,select,textarea{border-radius:var(--border-radius)!important}.badge,.tag,.chip,.status{border-radius:var(--border-radius-sm)!important}.status-indicator{position:fixed;top:calc(var(--navbar-height) + 3px);right:1rem;z-index:998;padding:.5rem;border-radius:var(--border-radius-lg);font-weight:600;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid transparent;transition:all var(--transition-speed) var(--transition-ease)}.status-indicator.running{background:#10b9811a;color:var(--success-color);border-color:#10b9814d;margin-top:0}.status-indicator.stopped{background:#ef44441a;color:var(--error-color);border-color:#ef44444d}.status-indicator.warning{background:#f59e0b1a;color:var(--warning-color);border-color:#f59e0b4d}.page-content h1{margin-top:0;color:var(--primary-color);font-weight:700}.page-content .content .column{flex:1 1 100px;min-width:389px}.page-content .content .column.full{flex:0 1 100%;min-width:389px}.card{background:var(--card-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);transition:all var(--transition-speed) var(--transition-ease);color:var(--text-color)}.cdr-stats{position:fixed;width:calc(100% - var(--sidebar-width));height:100%}.main-page button{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);color:var(--text-color-light);padding:12px 24px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);margin:0;font-weight:600;font-size:var(--font-size-sm);box-shadow:var(--box-shadow);border:1px solid var(--border-color);position:relative;overflow:hidden}.main-page button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.main-page button:hover{background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--secondary-color) 100%);color:var(--text-color-light);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.main-page button:hover:before{left:100%}.main-page button:active{transform:translateY(0);box-shadow:var(--box-shadow)}.main-page select{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);margin-bottom:10px;margin-right:10px;background:var(--card-color);color:var(--text-color);transition:all var(--transition-speed) var(--transition-ease);box-shadow:var(--box-shadow)}.main-page select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.main-page input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);margin-bottom:10px;margin-right:10px;background:var(--card-color);color:var(--text-color);transition:all var(--transition-speed) var(--transition-ease);box-shadow:var(--box-shadow)}.main-page input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.main-page input::placeholder{color:var(--text-color);opacity:.6}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in-out}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 0ms}.sidebar-down a:hover{background:#ef44441a;border-left-color:var(--error-color);transform:none;color:var(--error-color)}.sidebar-down a{color:var(--error-color)}.main-page button.btn-success{background:linear-gradient(135deg,var(--success-color) 0%,#16a34a 100%);border-color:var(--success-color)}.main-page button.btn-success:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 25px #22c55e66}.main-page button.btn-danger{background:linear-gradient(135deg,var(--error-color) 0%,#dc2626 100%);border-color:var(--error-color)}.main-page button.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466}.main-page button.btn-warning{background:linear-gradient(135deg,var(--warning-color) 0%,#d97706 100%);border-color:var(--warning-color)}.main-page button.btn-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b66}.main-page button.btn-secondary{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-color-light) 100%);border-color:var(--secondary-color)}.main-page button.btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-color-light) 0%,var(--secondary-color-dark) 100%);box-shadow:0 8px 25px #00646466}.main-page button.btn-sm{padding:8px 16px;font-size:var(--font-size-xs)}.main-page button.btn-lg{padding:16px 32px;font-size:var(--font-size-base)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--text-color-light);font-size:var(--font-size-xl);font-weight:700}.modal-body{padding:2rem;background:var(--card-color);max-height:60vh;overflow-y:auto}.modal-footer{padding:1rem 2rem 2rem;display:flex;gap:1rem;justify-content:flex-end;background:var(--card-color);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)}.modal-btn{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);color:var(--text-color-light);padding:12px 24px;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);margin-bottom:10px;margin-right:10px;font-weight:600;font-size:var(--font-size-sm);box-shadow:var(--box-shadow);border:1px solid var(--border-color);position:relative;overflow:hidden;min-width:100px}.modal-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.modal-btn:hover{background:linear-gradient(135deg,var(--primary-color-light) 0%,var(--secondary-color) 100%);color:var(--text-color-light);transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.modal-btn:hover:before{left:100%}.modal-btn-primary{background:linear-gradient(135deg,var(--success-color) 0%,#16a34a 100%);border-color:var(--success-color)}.modal-btn-primary:hover{background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 8px 25px #22c55e66}.modal-btn-secondary{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--secondary-color-light) 100%);border-color:var(--secondary-color)}.modal-btn-secondary:hover{background:linear-gradient(135deg,var(--secondary-color-light) 0%,var(--secondary-color-dark) 100%);box-shadow:0 8px 25px #00646466}.modal-btn-danger{background:linear-gradient(135deg,var(--delete-primary, #dc2626) 0%,var(--delete-secondary, #ef4444) 50%,var(--delete-tertiary, #f87171) 100%)!important;border:2px solid var(--delete-primary, #dc2626)!important;color:#fff!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 4px 6px -1px #dc26264d,0 2px 4px -1px #dc26261a!important}.modal-btn-danger:hover{background:linear-gradient(135deg,var(--delete-hover, #b91c1c) 0%,var(--delete-primary, #dc2626) 50%,var(--delete-secondary, #ef4444) 100%)!important;border-color:var(--delete-hover, #b91c1c)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 15px -3px #dc262666,0 4px 6px -2px #dc262633!important}.modal-btn-danger:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 4px -1px #dc26264d!important}.modal-btn-danger:focus{outline:none!important;box-shadow:0 0 0 3px #dc26264d,0 4px 6px -1px #dc262633!important}.modal-btn-close{background:linear-gradient(135deg,var(--delete-primary, #dc2626) 0%,var(--delete-secondary, #ef4444) 50%,var(--delete-tertiary, #f87171) 100%)!important;border:2px solid var(--delete-primary, #dc2626)!important;color:#fff!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;box-shadow:0 4px 6px -1px #dc26264d,0 2px 4px -1px #dc26261a!important}.modal-btn-close:hover{background:linear-gradient(135deg,var(--delete-hover, #b91c1c) 0%,var(--delete-primary, #dc2626) 50%,var(--delete-secondary, #ef4444) 100%)!important;border-color:var(--delete-hover, #b91c1c)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 15px -3px #dc262666,0 4px 6px -2px #dc262633!important}.modal-btn-close:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 4px -1px #dc26264d!important}.modal-btn-close:focus{outline:none!important;box-shadow:0 0 0 3px #dc26264d,0 4px 6px -1px #dc262633!important}.form-table{width:100%;margin-bottom:1.5rem}.form-row{display:flex;align-items:flex-start;margin-bottom:1.25rem;gap:1rem}.form-label{min-width:160px;max-width:160px;font-weight:600;color:var(--text-color);font-size:var(--font-size-sm);padding-top:.75rem;text-align:right;flex-shrink:0}.form-input-container{flex:1;display:flex;flex-direction:column;min-width:0}.form-input,.form-select{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--card-color);color:var(--text-color);font-size:var(--font-size-sm);transition:all var(--transition-speed) var(--transition-ease);box-shadow:var(--box-shadow);box-sizing:border-box}.form-input:hover,.form-select:hover{border-color:var(--primary-color-light)}.form-input:read-only{background:var(--background-secondary);color:var(--text-color-secondary);cursor:not-allowed}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-error{color:var(--danger-color);font-size:var(--font-size-xs);margin-top:.5rem;margin-bottom:0;font-weight:500;display:block}.modal-dialog{position:relative;background:var(--card-color);border-radius:var(--border-radius-lg);box-shadow:0 25px 50px #00000080;border:1px solid var(--border-color);min-width:550px;max-width:90vw;max-height:90vh;overflow:hidden;animation:modalSlideIn .3s ease-out;z-index:10000}.calls-layout{display:flex;gap:2rem;min-height:400px}.calls-table-section{flex:2;min-width:0}.calls-stats-section{flex:1;min-width:300px;display:flex;align-items:flex-start;justify-content:center}.gauges-container{display:grid;grid-template-columns:repeat(6,1fr);gap:1.5rem;width:100%;padding:1rem;background:var(--background-color-secondary);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border:1px solid var(--border-color);box-shadow:var(--box-shadow)}.dashboard .panel h3{font-size:.95rem;padding:0 .7rem;font-weight:600;color:var(--text-color-light);margin:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);border-radius:0}.dashboard .panel .panel-controls .refresh-btn,.dashboard .panel .panel-controls .search-btn,.dashboard .panel .panel-controls .collapse-btn{background:#ffffff28!important;color:var(--text-color-light)!important;border:none!important;padding:.375rem!important;border-radius:50px!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:25px!important;height:25px!important;width:auto!important;box-shadow:none!important;margin:8px!important;outline:none!important;position:relative!important;overflow:visible!important}.dashboard .panel .panel-controls .refresh-btn:hover,.dashboard .panel .panel-controls .search-btn:hover,.dashboard .panel .panel-controls .collapse-btn:hover{background:#ffffff4d!important;transform:scale(1.05)!important}.panel.call-stats h3{border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0!important;overflow:hidden}.panel.call-stats{border-radius:var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg)!important;overflow:hidden}.panel.call-stats .back-panel{border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg)!important}.gauge-container{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--card-color);border-radius:var(--border-radius);border:1px solid var(--border-color);box-shadow:var(--box-shadow);transition:all var(--transition-speed) var(--transition-ease)}.gauge-container:hover{transform:translateY(-2px);box-shadow:var(--box-shadow-lg)}.gauge-title{font-size:var(--font-size-sm);font-weight:600;color:var(--text-color);margin-bottom:.5rem;text-align:center}.gauge-circle{position:relative;display:flex;align-items:center;justify-content:center}.gauge-value{position:absolute;font-size:var(--font-size-lg);font-weight:700;color:var(--text-color);text-align:center;z-index:1}@media (max-width: 1200px){.gauges-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.gauges-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.gauges-container{grid-template-columns:repeat(1,1fr)}}.dashboard{width:100%;min-height:100vh;background:var(--background-color)}.dashboard-content{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start}.dashboard-content .panel.full{width:100%;grid-column:1 / -1}:root{--login-primary-color: #064e3b;--login-primary-light: #065f46;--login-primary-dark: #022c22;--login-secondary-color: #059669;--login-secondary-light: #10b981;--login-accent-color: #047857}.login-navbar{position:fixed;height:var(--navbar-height);width:100%;left:0;top:0;background:var(--login-primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-color-light);display:flex;box-shadow:var(--box-shadow);z-index:1000;border-bottom:1px solid var(--border-color)}.login-navbar h1{margin:0;padding:0 20px;color:var(--text-color-light);font-size:var(--font-size-xl);font-weight:600;display:flex;align-items:center;height:100%}.login-navbar p{padding:0 20px;color:var(--text-color-light);font-size:var(--font-size-sm);display:flex;align-items:center;margin:0 0 0 auto}.login-navbar img{width:calc(var(--sidebar-width) - 40px);height:auto;object-fit:contain;padding:20px}main.login-wrapper{position:fixed;display:flex;height:100vh;width:100vw;overflow:hidden}main.login-wrapper .side-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 60px 0 0;background:linear-gradient(135deg,var(--login-primary-color) 0%,var(--login-primary-light) 100%);position:relative;overflow:hidden}main.login-wrapper .side-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/fondo-login-green-N6xxcRNy.png) no-repeat center center;background-size:cover;opacity:.1;z-index:1}main.login-wrapper .side-left .logo{position:absolute;opacity:.05;width:60%;height:60%;background:url(/assets/e-contact-B87pzftV.png) no-repeat center center;background-size:contain;pointer-events:none;z-index:2}main.login-wrapper .side-left .sbc{font-size:4rem;font-weight:900;color:var(--text-color-light);text-shadow:0 4px 8px rgba(0,0,0,.3);z-index:3;position:relative;margin-bottom:-10px}main.login-wrapper .side-left .login{font-size:2.5rem;font-weight:500;color:var(--text-color-light);text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:3;position:relative}main.login-wrapper .side-right{position:relative;display:flex;align-items:center;justify-content:center;width:50%;max-width:600px;padding:0 0 0 40px;margin-left:-60px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:30px 0 0 30px;box-shadow:var(--box-shadow-lg);z-index:10}.login-form{width:100%;max-width:400px}.login-container{width:100%;text-align:center}.login-container p{margin-bottom:2rem}.header-sbc-title-1{font-size:var(--font-size-lg);font-weight:400;color:var(--text-color-secondary);display:block;margin-bottom:.5rem}.header-sbc-title-2{font-size:var(--font-size-3xl);font-weight:700;color:var(--text-color);background:linear-gradient(135deg,var(--login-primary-color) 0%,var(--login-secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{height:2px;background:linear-gradient(90deg,transparent 0%,var(--border-color) 50%,transparent 100%);margin:2rem 0}main.login-wrapper fieldset{border:none;padding:0;margin:0}main.login-wrapper fieldset .form-row{padding:.75rem 0;display:flex;flex-direction:column}main.login-wrapper fieldset .form-row label{width:100%;display:block;text-align:left;margin-bottom:.5rem}main.login-wrapper fieldset .form-row label span{font-size:var(--font-size-sm);font-weight:500;color:var(--text-color);margin-bottom:.5rem;display:block}.login-container input[type=text],.login-container input[type=password]{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--card-color);color:var(--text-color);font-size:var(--font-size-base);transition:all var(--transition-speed) var(--transition-ease);box-sizing:border-box}.login-container input:focus{outline:none;border-color:var(--login-secondary-color);box-shadow:0 0 0 3px #10b9811a;transform:translateY(-1px)}.login-container input::placeholder{color:var(--text-color-muted)}.k-paswword-toggle{position:relative}.k-paswword-toggle .password-toggle-action{position:absolute;top:50%;right:1rem;transform:translateY(-50%);color:var(--text-color-secondary);font-size:var(--font-size-lg);cursor:pointer;transition:color var(--transition-speed) var(--transition-ease);z-index:10}.k-paswword-toggle .password-toggle-action:hover{color:var(--login-secondary-color)}.login-buttons{display:flex;gap:1rem;margin-top:2rem}main.login-wrapper .login-buttons button{flex:1;height:3.5rem;font-size:var(--font-size-base);font-weight:600;color:var(--text-color-light);background:linear-gradient(135deg,var(--login-secondary-color) 0%,var(--login-secondary-light) 100%);border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);box-shadow:0 4px 6px -1px #0596694d;text-transform:uppercase;letter-spacing:.5px}main.login-wrapper .login-buttons button:hover{background:linear-gradient(135deg,var(--login-secondary-light) 0%,var(--login-accent-color) 100%);transform:translateY(-2px);box-shadow:0 8px 12px -2px #05966966}main.login-wrapper .login-buttons button:active{transform:translateY(0);box-shadow:0 2px 4px -1px #05966933}main.login-wrapper .login-buttons button:focus{outline:none;box-shadow:0 0 0 3px #05966933}.btn-delete:active,.btn-close:active,.btn-remove:active,.delete-btn:active,.close-btn:active,.remove-btn:active,button[class*=delete]:active,button[class*=remove]:active,button[class*=close]:active,button[title*=Eliminar]:active,button[title*=Cerrar]:active,button[title*=Delete]:active,button[title*=Close]:active,.fa-trash:active,.fa-times:active,.fa-close:active,.fa-remove:active{transform:translateY(0) scale(.98)!important;box-shadow:0 2px 4px -1px #dc26264d!important}.btn-delete:focus,.btn-close:focus,.btn-remove:focus,.delete-btn:focus,.close-btn:focus,.remove-btn:focus,button[class*=delete]:focus,button[class*=remove]:focus,button[class*=close]:focus,button[title*=Eliminar]:focus,button[title*=Cerrar]:focus,button[title*=Delete]:focus,button[title*=Close]:focus,.fa-trash:focus,.fa-times:focus,.fa-close:focus,.fa-remove:focus{outline:none!important;box-shadow:0 0 0 3px #dc26264d,0 4px 6px -1px #dc262633!important}.btn-delete.btn-sm,.btn-close.btn-sm,.btn-remove.btn-sm,.delete-btn.btn-sm,.close-btn.btn-sm,.remove-btn.btn-sm{padding:4px 8px!important;font-size:.75rem!important}.btn-delete.btn-icon,.btn-close.btn-icon,.btn-remove.btn-icon,.delete-btn.btn-icon,.close-btn.btn-icon,.remove-btn.btn-icon{padding:8px!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important}.btn-delete.btn-outline,.btn-close.btn-outline,.btn-remove.btn-outline,.delete-btn.btn-outline,.close-btn.btn-outline,.remove-btn.btn-outline{background:transparent!important;color:#dc2626!important;border:2px solid #dc2626!important}.btn-delete.btn-outline:hover,.btn-close.btn-outline:hover,.btn-remove.btn-outline:hover,.delete-btn.btn-outline:hover,.close-btn.btn-outline:hover,.remove-btn.btn-outline:hover{background:linear-gradient(135deg,#dc2626,#ef4444,#f87171)!important;color:#fff!important}@keyframes pulse-red{0%{box-shadow:0 0 #dc2626b3}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 #dc262600}}.btn-delete.pulse,.btn-close.pulse,.btn-remove.pulse,.delete-btn.pulse,.close-btn.pulse,.remove-btn.pulse{animation:pulse-red 2s infinite!important}.login-main-logo{max-width:320px!important;height:auto!important;filter:brightness(1.2) contrast(1.05) drop-shadow(0 4px 8px rgba(0,0,0,.3))!important;z-index:3!important;position:relative!important;transition:all var(--transition-speed) var(--transition-ease)!important}.login-main-logo:hover{filter:brightness(1.3) contrast(1.1) drop-shadow(0 6px 12px rgba(0,0,0,.4))!important;transform:scale(1.02)!important}@media (max-width: 1024px){main.login-wrapper .side-left .sbc{font-size:3rem}main.login-wrapper .side-left .login{font-size:2rem}}@media (max-width: 768px){main.login-wrapper{flex-direction:column}main.login-wrapper .side-left{flex:0 0 40%;padding:2rem;border-radius:0}main.login-wrapper .side-right{width:100%;max-width:none;margin-left:0;padding:2rem;border-radius:30px 30px 0 0;margin-top:-30px}main.login-wrapper .side-left .sbc{font-size:2.5rem}main.login-wrapper .side-left .login{font-size:1.5rem}.login-buttons{flex-direction:column}}@media (max-width: 480px){main.login-wrapper .side-right{padding:1.5rem}.login-form{max-width:none}.header-sbc-title-2{font-size:var(--font-size-2xl)}main.login-wrapper .side-left .sbc{font-size:2rem}main.login-wrapper .side-left .login{font-size:1.25rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-container{animation:fadeInUp .6s ease-out}.control-page{width:100%;min-height:100vh;background:var(--background-color)}.page-header{margin-bottom:2rem;padding:0 .5rem}.page-description{font-size:var(--font-size-base);color:var(--text-color-secondary);margin:0;line-height:1.6}.control-fs{width:100%;display:flex;flex-direction:column;gap:1.5rem}.control-fs .content{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:1.5rem;align-items:start}.control-fs-grid{display:flex;flex-direction:column;gap:2rem}.control-fs-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.control-fs-grid>.panel.full{width:100%}.control-fs-grid>.panel.system-services{order:1}.control-fs-grid>.panel.system-services.full{order:1}.control-fs-grid>.panel.voip-services{order:2}.control-fs-grid>.panel.sip-profiles.full{order:3}.control-fs-grid>.panel.sip-trunks.full{order:4}.panel{background:var(--card-color);border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;overflow:hidden;transition:all .2s ease;position:relative}.panel:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.panel-header-container{position:relative;overflow:visible;z-index:20;border-radius:8px 8px 0 0}.panel-controls{display:flex;align-items:right;gap:.5rem;margin-left:.75rem}.panel h3{font-size:.95rem;padding:0rem .7rem;font-weight:600;color:var(--text-color-light);margin:0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.panel.full{grid-column:1 / -1}.back-panel{background:var(--card-color);padding:0;margin:0;border-radius:0 0 8px 8px;overflow:hidden}.back-panel table{width:100%;border-collapse:collapse;margin:0}.back-panel th{background:var(--background-color-secondary);color:var(--text-color);padding:0rem 1rem;text-align:left;font-weight:600;font-size:.875rem;border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.025em;position:sticky;top:0;background-color:#f1f1f1;z-index:1}.back-panel tr{height:50px}.back-panel td{padding:0px 1rem;border-bottom:1px solid var(--border-color-light);color:var(--text-color);font-size:.875rem;vertical-align:middle;word-break:break-word;white-space:normal}.back-panel tr:last-child td{border-bottom:none}.back-panel tr:hover{background:var(--background-color-secondary)}.status{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;min-width:100px}.status.running{background:#10b9811a;color:var(--success-color);border:1px solid rgba(16,185,129,.2)}.status.running:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success-color)}.status.stopped{background:#ef44441a;color:var(--error-color);border:1px solid rgba(239,68,68,.2)}.status.stopped:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--error-color)}.td-button{background:var(--primary-color);color:var(--text-color-light);border:none;padding:.5rem 1rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;transition:all .2s ease;min-width:100px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}.td-button:hover{background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.td-button:active{transform:translateY(0)}.td-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.panel-controls{display:inline-flex;align-items:center;gap:.5rem;margin-left:.75rem}.panel-controls .refresh-btn,.panel-controls .search-btn,.panel-controls .collapse-btn{background:#fff3!important;color:var(--text-color-light)!important;border:none!important;padding:.375rem!important;border-radius:4px!important;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;width:auto!important;box-shadow:none!important;margin-bottom:0!important;margin-right:0!important;outline:none!important}.panel-controls .refresh-btn:hover,.panel-controls .search-btn:hover,.panel-controls .collapse-btn:hover{background:#ffffff4d!important;transform:scale(1.05)!important;box-shadow:none!important;border:none!important;outline:none!important}.panel-controls .refresh-btn.spinning{animation:spin 1s linear infinite}.panel-controls .refresh-btn:before,.panel-controls .search-btn:before,.panel-controls .collapse-btn:before{display:none!important}.panel-controls .refresh-btn.refresh-btn,.panel-controls .search-btn.search-btn,.panel-controls .collapse-btn.collapse-btn{all:unset!important;background:#ffffff28!important;color:var(--text-color-light)!important;border:none!important;padding:.375rem!important;border-radius:50px!important;font-size:.875rem!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;min-width:25px!important;height:25px!important;width:auto!important;box-shadow:none!important;margin:8px!important;outline:none!important;position:relative!important;overflow:visible!important}.panel-controls .refresh-btn.refresh-btn:hover,.panel-controls .search-btn.search-btn:hover{background:#ffffff4d!important;transform:scale(1.05)!important;box-shadow:none!important;border:none!important;outline:none!important}.panel-controls .refresh-btn.refresh-btn:before,.panel-controls .search-btn.search-btn:before{display:none!important;content:none!important}.panel-controls .refresh-btn.refresh-btn:active,.panel-controls .search-btn.search-btn:active{transform:scale(.95)!important;box-shadow:none!important}.search-container{position:absolute;top:100%;right:1.5rem;z-index:1000;margin-top:.5rem;background:var(--card-color);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:.75rem;min-width:250px;max-width:300px}.search-container input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);color:var(--text-color);font-size:var(--font-size-sm);outline:none;box-sizing:border-box}.search-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #3b82f61a}.error-message{background:#ef44441a;color:var(--error-color);padding:1rem;border-radius:8px;border:1px solid rgba(239,68,68,.2);margin-bottom:1.5rem;font-size:.875rem}@media (max-width: 1024px){.control-fs .content{grid-template-columns:1fr;gap:1rem}.panel{margin-bottom:0}}@media (max-width: 900px){.control-fs-grid{gap:1rem}.control-fs-grid-row{grid-template-columns:1fr}.panel-header-container{flex-direction:row;gap:.5rem}}@media (max-width: 768px){.control-fs{gap:1rem}.panel h3{font-size:.875rem}.back-panel th,.back-panel td{padding:.5rem .75rem;font-size:.8rem}.back-panel{overflow-x:auto}.back-panel table{min-width:600px}}.sip-trunks{grid-column:1 / -1}.sip-trunks .back-panel{max-height:400px;overflow-y:auto}.system-services{max-height:fit-content}.system-services table,.sip-profiles table{table-layout:fixed}.system-services th:nth-child(1),.system-services td:nth-child(1){width:40%;min-width:200px}.system-services th:nth-child(2),.system-services td:nth-child(2){width:20%;text-align:center}.system-services th:nth-child(3),.system-services td:nth-child(3){width:20%;text-align:center}.system-services th:nth-child(4),.system-services td:nth-child(4){width:20%;text-align:center}.sip-profiles th:nth-child(1),.sip-profiles td:nth-child(1){width:20%;min-width:120px}.sip-profiles th:nth-child(2),.sip-profiles td:nth-child(2){width:15%;text-align:center}.sip-profiles th:nth-child(3),.sip-profiles td:nth-child(3){width:15%;text-align:center}.sip-profiles th:nth-child(4),.sip-profiles td:nth-child(4){width:15%;text-align:center}.sip-profiles th:nth-child(5),.sip-profiles td:nth-child(5){width:15%;text-align:center}.sip-profiles th:nth-child(6),.sip-profiles td:nth-child(6){width:20%;text-align:center}.sip-trunks table{table-layout:fixed}.sip-trunks .back-panel{overflow-x:auto}.sip-trunks th,.sip-trunks td{word-break:break-word;white-space:normal}.sip-trunks th:nth-child(1),.sip-trunks td:nth-child(1){width:90px;min-width:90px;max-width:140px;white-space:nowrap;overflow:visible;text-overflow:clip;word-break:normal}.sip-trunks th:nth-child(2),.sip-trunks td:nth-child(2){width:14%;min-width:120px}.sip-trunks th:nth-child(3),.sip-trunks td:nth-child(3){width:25%;min-width:120px}.sip-trunks th:nth-child(4),.sip-trunks td:nth-child(4){width:15%;text-align:center}.sip-trunks th:nth-child(5),.sip-trunks td:nth-child(5){width:8%;text-align:center}.sip-trunks th:nth-child(6),.sip-trunks td:nth-child(6){width:8%;text-align:center}.sip-trunks th:nth-child(7),.sip-trunks td:nth-child(7){width:11%;text-align:center}.sip-trunks th:nth-child(8),.sip-trunks td:nth-child(8){width:11%;text-align:center}.panel.voip-services,.panel.sip-trunks,.panel.system-services,.panel.freeswitch-status,.panel.network-interfaces,.panel.full{border-radius:20px}.firewall-page{width:100%;padding:1.5rem}.firewall-page h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.firewall-page .refresh-btn{background:var(--primary-color);color:var(--text-color-light);border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.firewall-page .refresh-btn:hover{background:var(--primary-color-dark);transform:scale(1.05)}.firewall-page .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.firewall-page .refresh-btn .spinning{animation:spin 1s linear infinite}.firewall-page .panel{margin-bottom:1.5rem;padding:0}.firewall-page .panel:last-child{margin-bottom:0}.firewall-page .panel h3{padding:.75rem 1rem}.interfaces-page{width:100%;padding:.7rem}.interfaces-page h2{font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.interfaces-page .refresh-btn{background:var(--primary-color);color:var(--text-color-light);border:none;padding:.5rem;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.interfaces-page .refresh-btn:hover{background:var(--primary-color-dark);transform:scale(1.05)}.interfaces-page .refresh-btn:disabled{opacity:.5;cursor:not-allowed}.interfaces-page .refresh-btn .spinning{animation:spin 1s linear infinite}.network-table{width:100%;border-collapse:collapse;background:var(--card-color);border-radius:8px;overflow:hidden;table-layout:fixed}.network-table thead{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%)}.network-table th{padding:.7rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-color-light);text-transform:uppercase;letter-spacing:.05em;border:none}.network-table th:nth-child(1),.network-table td:nth-child(1){width:12%;min-width:90px}.network-table th:nth-child(2),.network-table td:nth-child(2){width:10%;min-width:100px;text-align:center}.network-table th:nth-child(3),.network-table td:nth-child(3){width:15%;min-width:120px;padding-left:2rem}.network-table th:nth-child(4),.network-table td:nth-child(4){width:15%;min-width:130px}.network-table th:nth-child(5),.network-table td:nth-child(5){width:48%;min-width:380px}.network-table tbody tr{border-bottom:1px solid var(--border-color-light);transition:background-color .2s ease}.network-table tbody tr:hover{background:var(--background-color-secondary)}.network-table tbody tr:last-child{border-bottom:none}.network-table td{padding:1rem 1.5rem;font-size:.875rem;color:var(--text-color);vertical-align:middle}.network-table td strong{font-weight:600;color:var(--text-color);font-size:.95rem}.network-table td code{background:var(--background-color-secondary);padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;color:var(--text-color);border:1px solid var(--border-color)}.actions-cell{display:flex;gap:.5rem;flex-wrap:nowrap;align-items:center;justify-content:flex-start}.actions-cell .td-button{flex:0 0 auto;min-width:80px;padding:.5rem .75rem;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;white-space:nowrap}.actions-cell .td-button svg{font-size:.75rem}.actions-cell .td-button.btn-edit{background:var(--primary-color)}.actions-cell .td-button.btn-edit:hover{background:var(--primary-color-dark)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--card-color);border-radius:12px;box-shadow:0 10px 40px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-color-light) 100%);border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color-light)}.modal-close{background:#fff3;border:none;color:var(--text-color-light);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.network-form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.875rem;color:var(--text-color)}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color);color:var(--text-color);font-size:.875rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder{color:var(--text-color-secondary);opacity:.6}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.025em}.btn-cancel{background:var(--background-color-secondary);color:var(--text-color)}.btn-cancel:hover{background:var(--border-color)}.btn-submit{background:var(--primary-color);color:var(--text-color-light)}.btn-submit:hover{background:var(--primary-color-dark);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1400px){.network-table th:nth-child(5),.network-table td:nth-child(5){min-width:350px}}@media (max-width: 1200px){.network-table th,.network-table td{padding:.75rem 1rem;font-size:.8rem}.actions-cell .td-button{min-width:70px;padding:.4rem .6rem;font-size:.65rem}.network-table th:nth-child(5),.network-table td:nth-child(5){min-width:320px}}@media (max-width: 768px){.network-table{font-size:.75rem}.network-table th,.network-table td{padding:.5rem .75rem}.actions-cell{flex-wrap:nowrap;overflow-x:auto;gap:.35rem}.actions-cell .td-button{flex-shrink:0;min-width:65px}.modal-content{width:95%;max-width:none}.modal-header,.network-form{padding:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.editor-container{display:flex;flex-direction:column;height:100%;border:1px solid #5e5e5e}.reloadButton{justify-content:right;align-items:right;margin-left:auto;display:flex;padding:5px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .2s ease}.xmlform{border:3px solid #ff0000;max-width:400px;margin:0 0 20px}.xmlform h3{text-align:center;font-size:1.5em;margin-bottom:20px}.xmlform li{list-style-type:none;margin-bottom:15px;display:flex;flex-direction:column}.xmlform li label{font-weight:700;margin-bottom:5px;color:#333}.xmlform li input,.xmlform li textarea,.xmlform li select{width:80%;padding:8px;border:1px solid #ccc;border-radius:4px;font-size:1em}.xmlform li input:focus,.xmlform li textarea:focus,.xmlform li select:focus{border-color:#007bff;outline:none}.xmlform li textarea{resize:vertical;min-height:80px}.xmlform li button{padding:10px;border:1px solid #ccc;background-color:#007bff;color:#fff;border-radius:4px;cursor:pointer;font-size:1em;transition:background-color .2s ease;text-align:center}.xmlform li button:hover{background-color:#0056b3}.xmlform li button:active{background-color:#004494}.xmlform li button:disabled{background-color:#e0e0e0;color:#666;cursor:not-allowed;border-color:#ccc}.xmlform li .attribute-container{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.xmlform li .attribute-container label{font-weight:400;margin-bottom:0}.xmlform li .attribute-container input{width:auto;flex:1;padding:5px;font-size:.9em}.xmlform li .attribute-container input[readonly]{background-color:#f9f9f9}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.form-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px;border:1px solid black;z-index:1000;min-width:400px}.dialog-table{width:100%;margin-bottom:20px}:root{--sip-primary: rgba(102, 55, 146, .8);--sip-secondary: #663792}.webrtc-page{font-family:Montserrat,sans-serif;font-size:13px;line-height:1.42857143;background-color:#333;color:#fff;min-height:100vh;padding:0;margin:0}.webrtc-container{background-color:#333;color:#fff;width:100%;max-width:none;padding:0}.sip-status{margin:0 0 15px;padding:5px 15px;background-color:#111;color:#999;width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center}.call-status{color:#fff}.reg-status{color:#999}.btn{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px #00000020}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:focus,.btn-default.focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}.btn-default:hover,.btn-default:active,.btn-default.active{color:#333;background-color:#e6e6e6;border-color:#adadad}.btn-primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}.btn-primary:focus,.btn-primary.focus{color:#fff;background-color:#286090;border-color:#122b40}.btn-primary:hover,.btn-primary:active,.btn-primary.active{color:#fff;background-color:#286090;border-color:#204d74}.btn-success{color:#fff;background-color:var(--sip-primary)!important;border-color:var(--sip-primary)!important;border:0px}.btn-success:focus,.btn-success.focus{color:#fff;background-color:var(--sip-secondary)!important;border-color:var(--sip-secondary)!important}.btn-success:hover,.btn-success:active,.btn-success.active{color:#fff;background-color:var(--sip-secondary)!important;border-color:var(--sip-secondary)!important}.btn-block{display:block;width:100%;justify-content:center;font-weight:700;color:#fff}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.phone-ui{width:292px;margin:0 auto 15px}.phone-input-group{display:flex;align-items:stretch;position:relative}.input-controls{position:relative}.btn-keypad{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px 0 0 4px!important;background-color:var(--sip-primary)!important;border:0px;padding:6px 10px;color:#fff;font-size:12px;line-height:1.5;height:29.5px}.btn-keypad:hover,.btn-keypad:focus,.btn-keypad.focus{background-color:var(--sip-secondary)!important;color:#fff;text-decoration:none}.btn-keypad:active,.btn-keypad.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px #00000020;background-color:var(--sip-secondary)!important}.btn-volume{display:inline-block;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:6px 10px;font-size:12px;line-height:1.5;border-radius:0 4px 4px 0!important;background-color:var(--sip-primary)!important;border:0px;color:#fff;height:29.5px}.btn-volume:hover,.btn-volume:focus,.btn-volume.focus{background-color:var(--sip-secondary)!important;color:#fff;text-decoration:none}.btn-volume:active,.btn-volume.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px #00000020;background-color:var(--sip-secondary)!important}.keypad-dropdown{position:absolute;top:100%;left:-1px;background-color:#1f1f1f;border-radius:4px;padding:40px 0 10px!important;margin:5px 0 0 -1px;z-index:1000;width:292px}.volume-dropdown{position:absolute;top:100%;right:0;background-color:#1f1f1f;border-radius:4px;padding:20px;margin:5px 0 0;z-index:1000;min-width:160px}.sip-dialpad{width:292px;left:-1px;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:50px;grid-gap:5px;column-gap:10px;row-gap:1em;justify-items:center;background-color:#1f1f1f;padding:0 20px}.btn-digit{display:flex;flex-direction:column;align-items:center;gap:5px;width:50px;height:50px;padding:0;font-size:20px;color:#5864a6;background-color:#1f1f1f;border:1px transparent solid;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-bottom:0;font-weight:400;text-align:center;vertical-align:middle;touch-action:manipulation;background-image:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-digit:hover{box-shadow:none;color:#4e5fbf;border:1px #bababa solid;text-decoration:none}.btn-digit:focus,.btn-digit:active:focus,.btn-digit.active:focus,.btn-digit.focus,.btn-digit:active.focus,.btn-digit.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-digit:active,.btn-digit.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px #00000020}.btn-digit span{display:block;color:#999;font-size:10px;font-weight:400;margin-top:-5px}.keypad-actions{margin-left:10px;margin-right:10px;padding-bottom:20px;padding-top:20px}.btn-call{display:inline-block;margin-bottom:0;font-weight:700;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;user-select:none;justify-content:center;width:100%;color:#fff;background-color:var(--sip-primary)!important;border-color:var(--sip-primary)!important;border:0px;display:flex;align-items:center;gap:8px}.btn-call:hover,.btn-call:focus,.btn-call.focus{color:#fff;background-color:var(--sip-secondary)!important;border-color:var(--sip-secondary)!important;text-decoration:none}.btn-call:active,.btn-call.active{outline:0;background-image:none;box-shadow:inset 0 3px 5px #00000020;color:#fff;background-color:var(--sip-secondary)!important;border-color:var(--sip-secondary)!important}.btn-call:focus,.btn-call:active:focus,.btn-call.active:focus,.btn-call.focus,.btn-call:active.focus,.btn-call.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn-call.btn-danger{background-color:#dc3545!important}.btn-call.btn-danger:hover{background-color:#c82333!important}.volume-slider{width:140px;margin:0 auto;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:#555;outline:none}.volume-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--sip-primary);cursor:pointer}.volume-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--sip-primary);cursor:pointer;border:none}.webrtc-content{width:292px;margin:0 auto;clear:both}.sip-splash{min-height:200px;height:auto;text-align:center;background-color:#fff;color:#6c757d;border:1px solid #ddd;border-radius:4px;padding:20px;margin:0}.splash-content h3{margin-top:22px;color:#777;font-size:18px;border-bottom:1px solid #eee;padding-bottom:10px}.splash-content .phone-icon{margin-bottom:15px}.phone-icon{display:inline-block;position:relative}.phone-icon .fa-circle{color:#5cb85c!important;font-size:4em}.phone-icon .fa-phone{color:#fff!important;font-size:2em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.splash-content p{margin:0;padding:0 0 10px;line-height:18px;color:#6c757d;font-size:16px;font-weight:300}.connection-status{margin-top:15px;font-size:12px}.text-success{color:#5cb85c!important}.text-warning{color:#f0ad4e!important}.call-timer{text-align:center;font-size:18px;color:#28a745;margin:15px 0;padding:10px;background-color:#111;border-radius:4px}.call-interface{background-color:#444;border:1px solid #555;border-radius:4px;padding:20px;text-align:center}.call-info h4{color:#fff;margin-bottom:10px}.call-info p{color:#5864a6;font-size:16px;margin-bottom:15px}.call-duration{color:#28a745;font-size:16px;margin-bottom:20px}.call-controls{display:flex;justify-content:center;gap:15px}.btn-mute,.btn-hold,.btn-end-call{width:40px;height:40px;border-radius:50%;border:none;color:#fff;cursor:pointer;font-size:14px}.btn-mute{background-color:#6c757d}.btn-hold{background-color:#ffc107}.btn-end-call{background-color:#dc3545}.recent-calls{margin-top:15px;background-color:#fff;color:#333;border:1px solid #ddd;border-radius:4px}.recent-calls-header{padding:10px 8px;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;background-color:#f5f5f5}.recent-calls-header h4{margin:0;color:#999;font-size:14px}.btn-clear{background:none;border:none;color:#999;cursor:pointer;font-size:14px}.btn-clear:hover{color:#333}.recent-calls-list{height:auto;max-height:332px;min-height:100px;overflow:auto;padding:0;background-color:#fff}.call-item{padding:4px 8px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.call-item:last-child{border-bottom:none}.call-details{display:flex;flex-direction:column;align-items:flex-start}.call-number{color:#333;font-size:12px}.call-time{color:#999;font-size:10px}.call-meta{display:flex;align-items:center;gap:5px;color:#999;font-size:10px}@media (max-width: 480px){.phone-ui,.webrtc-content,.keypad-dropdown{width:100%;max-width:100%}.webrtc-page{padding:10px}.sip-status{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;left:0;right:0}}@media (min-width: 481px){.phone-ui,.webrtc-content{margin-left:auto;margin-right:auto}}.phone-number-input{height:29.5px;padding:5px 10px;font-size:12px;line-height:1.5;margin-top:.5px;background-color:#141414;border:0px;color:#fff;flex:1;text-align:center;outline:none}.phone-number-input::placeholder{color:#fff}.volume-controls{position:relative}