@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";.header{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(142,176,34,.15);margin-bottom:20px}.logo{display:flex;align-items:center;opacity:1;transition:opacity .2s ease-in-out}.logo:hover{opacity:.85}.logo svg{fill:var(--primary-color)}.nav ul{display:flex;list-style:none;padding:0;margin:0;gap:5px}.nav li{margin:0}.nav a{color:var(--text-color);text-decoration:none;padding:8px 16px;border-radius:20px;font-weight:500;transition:all .2s;display:inline-block;position:relative}.nav a:hover{color:var(--primary-color);background-color:#8eb0221a}.nav a:after{content:"";position:absolute;bottom:5px;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all .2s;transform:translate(-50%);opacity:0}.nav a:hover:after{width:30px;opacity:1}.nav a.active{background-color:var(--primary-color);color:var(--dark-color);font-weight:600;box-shadow:0 2px 6px #0003}.nav a.active:after{display:none}@media (max-width: 768px){.header{flex-direction:column;gap:15px}.nav ul{flex-wrap:wrap;justify-content:center}.nav a{padding:6px 12px;font-size:14px}}.footer{margin-top:40px;padding:20px 0;border-top:1px solid rgba(142,176,34,.15);text-align:center;color:var(--text-secondary);font-size:14px;position:relative}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:1px;background:linear-gradient(to right,#8eb02200,#8eb02280,#8eb02200)}:root{--primary-color: #8eb022;--primary-hover: #a3be1f;--secondary-color: #639226;--secondary-hover: #568828;--dark-color: #0e2d34;--gray-color: #0e282f;--light-color: #0a2c33;--lighter-gray: #0f2c33;--darker-color: #082227;--danger-color: #dc3545;--success-color: #94b521;--warning-color: #a7c11f;--text-color: #ffffff;--text-secondary: #dddddd;--border-color: #0c2a30;--border-radius: 6px;--small-radius: 4px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .3);--hover-shadow: 0 4px 12px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:var(--text-color);background-color:var(--light-color);background-image:linear-gradient(to bottom,var(--light-color),var(--dark-color));background-attachment:fixed;font-size:15px}.app{max-width:1200px;margin:0 auto;padding:0 20px}main{padding:20px 0}.page{margin-bottom:40px}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:15px;font-weight:600;line-height:1.3}h1{font-size:2rem;position:relative;padding-bottom:12px}h1:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary-color)}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin-bottom:15px;color:var(--text-secondary)}a{color:var(--text-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color)}.button{display:inline-block;padding:10px 16px;border:none;border-radius:var(--border-radius);font-size:15px;font-weight:500;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s;background-color:var(--lighter-gray);color:var(--text-color)}.button:hover{background-color:var(--gray-color);transform:translateY(-1px)}.button.primary{background-color:var(--primary-color);color:var(--dark-color);font-weight:600;box-shadow:0 2px 4px #0003}.button.primary:hover{background-color:var(--primary-hover);box-shadow:0 3px 6px #0000004d}.button.secondary{background-color:var(--secondary-color);color:var(--dark-color);font-weight:600;box-shadow:0 2px 4px #0003}.button.secondary:hover{background-color:var(--secondary-hover);box-shadow:0 3px 6px #0000004d}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button.small{padding:6px 12px;font-size:14px}.input,.select{display:block;width:100%;padding:10px 12px;font-size:15px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--darker-color);color:var(--text-color);transition:all .2s;font-family:Rubik,sans-serif}.input:focus,.select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #8eb02233}.form-group{margin-bottom:15px}label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.error-message{background-color:#dc354533;color:#ff6b6b;padding:12px 15px;border-radius:var(--border-radius);margin:15px 0;border-left:4px solid var(--danger-color);font-weight:500}.loading{text-align:center;padding:20px 0;color:var(--text-secondary);position:relative}.loading:after{content:"...";animation:loading-dots 1.5s infinite}@keyframes loading-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.features-box{background-color:#8eb0221a;padding:20px;border-radius:var(--border-radius);margin:25px 0;border:1px solid rgba(142,176,34,.2);position:relative}.features-box:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.features-box h2{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:18px}.features-box ul{padding-left:20px;margin:0}.features-box li{margin-bottom:10px;color:var(--text-secondary);position:relative}.features-box li:before{content:"•";color:var(--primary-color);position:absolute;left:-15px;font-weight:700}.features-box li:last-child{margin-bottom:0}.tabs{margin:20px 0;border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden;background-color:var(--lighter-gray)}.tab-headers{display:flex;background-color:var(--gray-color);border-bottom:1px solid var(--border-color)}.tab-button{padding:12px 20px;background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;font-size:15px;color:var(--text-secondary);transition:all .2s}.tab-button.active{border-bottom-color:var(--primary-color);font-weight:500;color:var(--text-color)}.tab-content{padding:20px}.alert-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.alert{background-color:#fff;border-radius:var(--border-radius);box-shadow:0 5px 15px #0000004d;min-width:300px;max-width:90%;overflow:hidden}.alert-body{padding:20px;text-align:center;color:var(--dark-color)}.alert-footer{padding:10px 20px;display:flex;justify-content:center;border-top:1px solid var(--border-color)}.alert-button{padding:8px 25px;background-color:var(--primary-color);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:background-color .2s}.alert-button:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.app{padding:0 15px}h1{font-size:1.7rem}h2{font-size:1.3rem}.button{width:100%;margin-bottom:10px}}.license-page-header{position:absolute;top:0;left:0;width:100%;height:0;pointer-events:none;z-index:10}.license-logo{position:fixed;top:20px;right:20px;width:180px;height:auto;pointer-events:auto}.license-logo .app-logo-icon{width:100%;height:auto}.license-logo .app-logo-icon svg{width:100%;height:auto;max-height:50px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.license-form-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 180px);padding:40px 20px}.license-card{background-color:var(--lighter-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);width:100%;max-width:500px;overflow:hidden;border:1px solid var(--border-color)}.license-header{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));padding:25px;text-align:center;position:relative;border-bottom:1px solid var(--border-color)}.license-header:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.2),transparent 60%)}.license-header h1{margin-top:0;color:var(--dark-color);font-size:24px;margin-bottom:10px;position:relative;padding-bottom:0;font-weight:700}.license-header h1:after{display:none}.license-header p{color:var(--dark-color);margin-bottom:0;font-size:15px;position:relative;opacity:.9}.license-form{padding:25px}.license-form .form-group{margin-bottom:20px}.license-form label{font-weight:600;margin-bottom:10px;display:block}.license-form .input{width:100%;padding:12px 15px;font-size:15px;background-color:var(--darker-color)}.license-form .input::placeholder{color:#ffffff4d}.license-actions{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.license-actions .button{flex:1}.license-info{background-color:#8eb0221a;padding:20px 25px;border-top:1px solid var(--border-color)}.license-info h3{margin-top:0;font-size:18px;color:var(--primary-color);margin-bottom:10px}.license-info-title{font-size:18px;color:var(--primary-color);font-weight:600;margin-right:8px}.license-info p{color:var(--text-secondary);margin-bottom:0;line-height:1.5;font-size:14px}.license-info a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:color .2s}.license-info a:hover{opacity:.9;text-decoration:underline}.success-message{background-color:#94b52126;color:var(--success-color);padding:12px 15px;margin:0 0 20px;border-radius:var(--small-radius);font-weight:500;text-align:center;border-left:4px solid var(--success-color)}@media (max-width: 768px){.license-actions{flex-direction:column}}.search-page{padding-bottom:30px}.search-page h1{margin-bottom:25px;position:relative}.search-page h1:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:var(--primary-color)}.search-form{background-color:#8eb0221a;padding:20px;border-radius:var(--border-radius);margin-bottom:25px;border:1px solid rgba(142,176,34,.2);position:relative;display:flex;align-items:flex-end;gap:15px}.search-form:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.search-form .form-group:first-child{width:200px;margin-bottom:0;flex-shrink:0}.search-form .form-group:nth-child(2){flex:1;margin-bottom:0}.search-form label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color)}.search-form select{width:100%;height:42px;padding:0 12px;background-color:var(--darker-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--small-radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8.825L1.175 4 2.05 3.125 6 7.075 9.95 3.125 10.825 4 6 8.825z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.search-form input[type=text]{width:100%;height:42px;padding:0 15px;background-color:var(--darker-color);border:1px solid var(--border-color);color:var(--text-color);border-radius:var(--small-radius)}.search-form .button{margin-top:5px;align-self:center;height:42px;padding:0 20px;white-space:nowrap;font-weight:600;flex-shrink:0;background-color:var(--primary-color);color:var(--dark-color);border-radius:var(--small-radius);box-shadow:0 2px 5px #00000026;transition:all .2s}.search-form .button:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 3px 7px #0003}.search-form input:focus,.search-form select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #8eb02233}.search-form input::placeholder{color:#ffffff4d}.results{background-color:#8eb0221a;border-radius:var(--border-radius);border:1px solid rgba(142,176,34,.2);margin-top:30px;margin-bottom:25px;scroll-margin-top:20px;position:relative}.results:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.results h2{margin:0;padding:15px 20px;border-bottom:1px solid rgba(142,176,34,.2);color:var(--primary-color);font-size:18px;font-weight:600}.results>div{padding:20px}.result-item{background-color:var(--dark-color);padding:20px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;border-left:3px solid var(--primary-color);margin-bottom:15px}.result-item:last-child{margin-bottom:0}.result-item h3{color:var(--primary-color);margin-top:0;margin-bottom:15px;font-size:18px}.result-item p{margin-bottom:10px;color:var(--text-secondary)}.warning{color:var(--warning-color);font-weight:500;background-color:#a7c11f1a;padding:8px 12px;border-radius:var(--small-radius);margin:10px 0;display:inline-block}.additional-info{margin-top:15px;padding-top:15px;border-top:1px solid var(--border-color);font-size:.9em}.action-buttons{display:flex;justify-content:flex-start;gap:15px;margin-top:20px;padding-top:15px;border-top:1px solid var(--border-color)}.bitrix-results{background-color:#8eb0221a;border-radius:var(--border-radius);border:1px solid rgba(142,176,34,.2);margin-top:30px;margin-bottom:25px;position:relative}.bitrix-results:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.bitrix-results h2{margin:0;padding:15px 20px;border-bottom:1px solid rgba(142,176,34,.2);color:var(--primary-color);font-size:18px;font-weight:600}.bitrix-entity-id{font-size:.9em;color:var(--text-secondary);margin-bottom:15px;padding:20px 20px 0}.bitrix-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;margin-bottom:20px;padding:0 20px}.form-field{margin-bottom:15px}.form-field label{display:block;margin-bottom:8px;font-weight:500}.input-with-icon{display:flex;align-items:center;gap:10px}.input-with-icon .input{flex:1}.input-with-icon .icon-button{width:36px;height:36px;background-color:#8eb02226;border:1px solid rgba(142,176,34,.2);border-radius:var(--small-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:var(--primary-color);font-size:16px;flex-shrink:0}.input-with-icon .icon-button:hover{background-color:#8eb02240}.bitrix-results .action-buttons{padding:0 20px 20px}@media (max-width: 768px){.search-form{flex-direction:column;align-items:stretch}.search-form .form-group:first-child,.search-form .form-group:nth-child(2){width:100%;margin-bottom:15px}.search-form .button{width:100%}.action-buttons{flex-direction:column}.bitrix-fields{grid-template-columns:1fr}}.settings-page{max-width:800px;margin:0 auto}.settings-page h1{margin-bottom:25px}.settings-form{background-color:var(--lighter-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:25px;border:1px solid var(--border-color);position:relative}.settings-form:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.field-mapping{background-color:var(--dark-color);padding:20px;border-radius:var(--border-radius);margin-top:15px;border:1px solid var(--border-color)}.field-mapping h4{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:16px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.mapping-row{display:flex;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.05)}.mapping-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.field-name{width:150px;font-weight:500;color:var(--text-color)}.field-select-container{flex:1;display:flex;align-items:center;gap:10px}.field-select{flex:1;display:block;width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--border-color);border-radius:var(--small-radius);background-color:var(--darker-color);color:var(--text-color);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8.825L1.175 4 2.05 3.125 6 7.075 9.95 3.125 10.825 4 6 8.825z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer;transition:all .2s}.field-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #8eb02233}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;padding:10px 0;margin-bottom:10px}.settings-form h3{margin-top:25px;margin-bottom:20px;color:var(--primary-color);font-size:18px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.form-actions{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.remove-field-container{width:24px;display:flex;justify-content:center;align-items:center}.remove-field{color:var(--danger-color);background:none;border:none;font-size:16px;padding:0;cursor:pointer;opacity:.8;transition:opacity .2s}.remove-field:hover{opacity:1}.add-field{color:var(--success-color);background:none;border:none;font-size:18px;padding:0;cursor:pointer;opacity:.8;transition:opacity .2s}.add-field:hover{opacity:1}.available-fields-container{background-color:#8eb0221a;border:1px solid rgba(142,176,34,.2);border-radius:var(--border-radius);padding:15px;margin-bottom:20px}.available-fields-container h4{margin:0 0 12px;font-size:16px;color:var(--primary-color);border-bottom:none;padding-bottom:0}.available-fields-list{display:flex;flex-wrap:wrap;gap:8px}.field-tag{background-color:#8eb02226;color:var(--primary-color);border:1px solid rgba(142,176,34,.2);border-radius:16px;padding:5px 12px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.field-tag:hover{background-color:#8eb02240;transform:translateY(-1px)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#082227cc;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--lighter-gray);padding:25px;border-radius:var(--border-radius);max-width:500px;width:90%;box-shadow:0 5px 15px #0000004d;border:1px solid var(--border-color);position:relative}.modal-content h2{margin-top:0;color:var(--primary-color);margin-bottom:15px;font-size:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;font-weight:500}.entity-search-card-container{width:100%;height:100vh;position:relative;background-color:var(--light-color);background-image:linear-gradient(to bottom,var(--light-color),var(--dark-color));background-attachment:fixed;padding:20px;font-family:Rubik,sans-serif}.entity-search-card-loading{display:flex;justify-content:center;align-items:center;height:100vh}.entity-loading-message{font-size:18px;color:var(--text-secondary)}.entity-logo{top:10px;position:relative;z-index:1000;width:200px;height:70px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.entity-logo .app-logo-icon svg{width:100%;height:100%;object-fit:contain}.entity-main-container{max-width:1200px;margin:0 auto;position:relative}.entity-page-title{text-align:left;margin-bottom:30px;color:var(--text-color);font-size:24px;font-weight:600;padding-right:60px;display:flex;align-items:center;justify-content:space-between}.entity-table-container{background-color:var(--lighter-gray);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.entity-data-table{width:100%;border-collapse:collapse;font-size:14px}.entity-table-header{background-color:var(--gray-color);border-bottom:2px solid var(--border-color)}.entity-table-header th{padding:15px 20px;text-align:left;font-weight:600;color:var(--text-color);font-size:16px;border-right:1px solid var(--border-color)}.entity-table-header th:last-child{border-right:none}.entity-table-row{border-bottom:1px solid var(--border-color)}.entity-table-row:last-child{border-bottom:none}.entity-table-row:nth-child(2n){background-color:#ffffff05}.entity-table-cell{padding:12px 20px;vertical-align:top;border-right:1px solid var(--border-color);position:relative}.entity-table-cell:last-child{border-right:none}.entity-field-label{font-weight:500;color:var(--text-secondary);margin-bottom:8px;display:block;font-size:13px}.entity-gus-value{color:var(--text-color);font-size:14px;line-height:1.4;word-wrap:break-word}.entity-gus-value.empty{color:var(--text-secondary);font-style:italic}.entity-gus-value.warning{color:var(--danger-color);font-weight:500}.entity-bitrix-cell{padding:8px 15px}.entity-input-container{position:relative;display:flex;align-items:center}.entity-input{width:100%;padding:8px 35px 8px 10px;background-color:var(--darker-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:var(--small-radius);font-family:Rubik,sans-serif;font-size:13px;transition:all .2s}.entity-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #8eb02233}.entity-copy-button{position:absolute;right:5px;background-color:var(--primary-color);color:var(--dark-color);border:none;border-radius:var(--small-radius);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:12px;transition:all .2s;z-index:10}.entity-copy-button:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.entity-company-name{font-size:18px;font-weight:600;color:var(--text-color);margin-bottom:5px}.entity-system-id{font-size:12px;color:var(--text-secondary);margin-bottom:10px}.entity-update-section{background-color:var(--gray-color);border-top:1px solid var(--border-color);padding:20px;text-align:center}.entity-update-button{background-color:var(--primary-color);color:var(--dark-color);border:none;border-radius:var(--border-radius);padding:12px 30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Rubik,sans-serif;box-shadow:0 2px 4px #0003}.entity-update-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:0 3px 6px #0000004d;transform:translateY(-1px)}.entity-update-button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.entity-search-card-container{padding:10px}.entity-page-title{font-size:20px;margin-bottom:20px;padding-right:40px}.entity-table-header th{padding:12px 15px;font-size:14px}.entity-table-cell{padding:10px 15px}.entity-bitrix-cell{padding:6px 10px}.entity-input{font-size:12px;padding:6px 30px 6px 8px}.entity-copy-button{width:20px;height:20px;font-size:10px}}@media (max-width: 480px){.entity-logo{width:25px;height:25px}.entity-data-table{font-size:12px}.entity-table-header th{padding:10px 12px;font-size:13px}.entity-table-cell{padding:8px 12px}.entity-company-name{font-size:16px}.entity-page-title{padding-right:35px}}.license-fail-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,var(--light-color),var(--dark-color))}.license-fail-card{background-color:var(--lighter-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;max-width:500px;width:100%;text-align:center;position:relative;border:1px solid var(--border-color)}.license-fail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--danger-color),var(--secondary-color))}.license-fail-icon{color:var(--danger-color);margin-bottom:20px;display:inline-block}.license-fail-icon svg{width:60px;height:60px;stroke-width:2px}.license-fail-card h1{color:var(--text-color);margin-bottom:15px;font-size:24px;padding-bottom:0}.license-fail-card h1:after{display:none}.license-fail-card p{color:var(--text-secondary);margin-bottom:20px;font-size:15px;line-height:1.6}.license-fail-info{background-color:#f9773d1a;padding:15px;border-radius:var(--small-radius);font-size:14px;margin-top:20px;text-align:left;color:var(--warning-color);font-weight:500;border-left:4px solid var(--warning-color)}.external-settings-page{max-width:800px;margin:0 auto}.external-settings-page h1{margin-bottom:25px;color:var(--text-color);position:relative;padding-bottom:12px}.external-settings-page h1:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:var(--primary-color)}.instruction-panel{background-color:#8eb0221a;padding:20px;border-radius:var(--border-radius);margin:25px 0;border:1px solid rgba(142,176,34,.2);position:relative}.instruction-panel:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.instruction-panel h3{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:18px}.instruction-content{line-height:1.6;color:var(--text-secondary)}.instruction-content ol{padding-left:20px;counter-reset:item}.instruction-content li{margin-bottom:12px;position:relative;list-style-type:none}.instruction-content li:before{counter-increment:item;content:counter(item) ".";color:var(--primary-color);font-weight:600;position:absolute;left:-20px}.configured-message{padding:12px 15px;margin:20px 0;border-radius:var(--small-radius)}.configured-message.success{background-color:#94b52126;color:var(--success-color);border:1px solid rgba(148,181,33,.2);border-left:4px solid var(--success-color)}.input-hint{display:block;font-size:13px;color:var(--text-secondary);margin-top:5px;opacity:.9}.settings-tab h2{margin-top:0;margin-bottom:20px;color:var(--primary-color);font-size:22px}.settings-section h3{color:var(--primary-color)}.integration-form{background-color:var(--lighter-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:25px;margin-bottom:25px;position:relative;border:1px solid var(--border-color)}.integration-form:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--primary-color),var(--secondary-color));border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.form-row{margin-bottom:20px}.checkbox-label{display:flex;align-items:flex-start;font-weight:500;color:var(--text-color)}.checkbox-label input[type=checkbox]{margin-right:12px;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid rgba(142,176,34,.4);border-radius:3px;position:relative;cursor:pointer;margin-top:2px;background:var(--darker-color)}.checkbox-label input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;top:3px;left:6px;width:4px;height:8px;border:solid var(--dark-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label:hover input[type=checkbox]:not(:checked){border-color:var(--primary-color)}.setting-description{display:block;margin:5px 0 10px 30px;color:var(--text-secondary);font-size:14px;line-height:1.5}.instruction-subtitle{margin:10px 0 15px;font-size:14px;color:var(--text-secondary);font-style:italic}.video-instruction-link{color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease}.video-instruction-link:hover{text-decoration:underline;opacity:.8}.status-select-container{margin-left:30px;margin-top:10px;margin-bottom:15px}.status-select{width:100%;max-width:300px;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--small-radius);font-size:14px;background-color:var(--darker-color);color:var(--text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 8.825L1.175 4 2.05 3.125 6 7.075 9.95 3.125 10.825 4 6 8.825z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all .2s}.status-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #8eb02233}.status-select.error{border-color:var(--danger-color)}.form-actions{display:flex;justify-content:space-between;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color)}.form-actions .button.primary{margin-left:auto}.generated-url-container{background-color:#8eb0221a;border:1px solid rgba(142,176,34,.2);border-radius:var(--border-radius);padding:20px;margin:25px 0}.generated-url-container h3{margin-top:0;margin-bottom:15px;color:var(--primary-color);font-size:18px}.url-display{display:flex;align-items:center;gap:12px}.url-display .input{flex:1;height:42px;font-size:14px;padding:0 12px;background-color:var(--darker-color);border:1px solid var(--border-color);color:var(--text-color);font-family:Courier New,monospace}.url-display .button{height:42px;padding:0 15px;flex-shrink:0;background-color:var(--lighter-gray);color:var(--text-color);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:500;transition:all .2s}.url-display .button:hover{background-color:var(--gray-color);color:var(--primary-color)}.validation-error{color:var(--danger-color);font-size:14px;margin-top:5px;padding:3px 0;font-weight:500}.tab-headers{display:flex;background-color:var(--gray-color);border-radius:var(--border-radius) var(--border-radius) 0 0;overflow:hidden;border:1px solid var(--border-color);border-bottom:none}.tab-button{padding:12px 20px;background:none;border:none;cursor:pointer;font-size:15px;font-weight:500;color:var(--text-secondary);transition:all .2s}.tab-button:hover{color:var(--primary-color);background-color:#8eb0221a}.tab-button.active{color:var(--primary-color);background-color:var(--lighter-gray);position:relative}.tab-button.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:var(--primary-color)}.tab-content{background-color:var(--lighter-gray);border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:var(--box-shadow);padding:25px;border:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#082227cc;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background-color:var(--lighter-gray);border-radius:var(--border-radius);box-shadow:0 5px 20px #0000004d;max-width:500px;width:90%;padding:25px;position:relative;border:1px solid var(--border-color)}.modal-content:after{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:var(--primary-color);border-top-left-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}.modal-content h2{margin-top:0;color:var(--primary-color);font-size:20px;margin-bottom:15px}.modal-content p{margin-bottom:20px;color:var(--text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.message-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#8eb0221a;border-radius:var(--small-radius);cursor:pointer;transition:background-color .2s}.message-header:hover{background-color:#8eb02233}.message-title{margin:0;font-weight:500}.expand-icon{font-size:12px;color:var(--primary-color)}.message-content{margin-top:10px;padding:10px;background-color:var(--darker-color);border-radius:var(--small-radius);border:1px solid var(--border-color)}.message-item{margin-bottom:15px}.message-item:last-child{margin-bottom:0}.message-item h5{margin:0 0 5px;font-size:14px;color:var(--primary-color)}.message-item p{margin:0;font-size:13px;color:var(--text-secondary)}.select-with-refresh{display:flex;align-items:center;gap:8px}.refresh-button{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background-color:var(--lighter-gray);border:1px solid var(--border-color);border-radius:var(--small-radius);color:var(--primary-color);cursor:pointer;transition:all .2s}.refresh-button:hover{background-color:var(--gray-color)}.refresh-button:active{transform:scale(.95)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.warning-message{margin-top:15px;padding:10px 15px;background-color:#dc35451a;border-left:4px solid var(--danger-color);color:#ff6b6b;border-radius:var(--small-radius)}.instruction-panel .message-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:10px;background-color:#8eb02226;border-radius:var(--small-radius);transition:background-color .2s;margin-bottom:15px}.instruction-panel .message-header:hover{background-color:#8eb02240}.instruction-panel .message-header h3{margin:0;font-size:18px;color:var(--primary-color)}.instruction-panel .expand-icon{font-size:12px;color:var(--primary-color)}@media (max-width: 768px){.url-display{flex-direction:column;align-items:stretch}.url-display .input,.url-display .button{width:100%}.form-actions{flex-direction:column;gap:15px}.form-actions .button{width:100%;margin-left:0}.tab-headers{flex-wrap:wrap}.tab-button{flex:1 0 100%}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{max-width:1200px;margin:0 auto;padding:20px}nav ul{display:flex;list-style:none;padding:0}nav li{margin-right:20px}nav a{text-decoration:none;color:#06c}nav a:hover{text-decoration:underline}