@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius: .5rem;--radius-lg: .75rem;--transition: all .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--gray-50);color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}@media(max-width:768px){.container{padding:0 1rem}}@media(max-width:480px){.container{padding:0 .75rem}}.header{background:var(--white);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;width:100%}.header-content{display:flex;align-items:center;justify-content:space-between;height:4rem;width:100%}@media(max-width:640px){.header-content{height:3.5rem}.logo-text{font-size:1rem}.logo-icon{font-size:1.25rem}.nav-link{padding:.375rem .75rem;font-size:.8125rem}}@media(max-width:480px){.nav{gap:.25rem}.nav-link{padding:.25rem .5rem;font-size:.75rem}}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem;font-weight:300;color:var(--gray-900)}.logo-text{font-size:1.125rem;font-weight:600;color:var(--gray-900);letter-spacing:-.025em}.nav{display:flex;gap:1rem}.nav-link{padding:.5rem 1rem;border:none;background:transparent;color:var(--gray-600);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition)}.nav-link:hover{color:var(--gray-900);background:var(--gray-100)}.nav-link.active{color:var(--blue-600);background:var(--blue-50)}.page-header{text-align:center;margin:3rem 0;width:100%}.page-title{font-size:2rem;font-weight:700;color:var(--gray-900);letter-spacing:-.025em;margin-bottom:.5rem}.page-description{font-size:1rem;color:var(--gray-500)}@media(max-width:768px){.page-header{margin:2rem 0}.page-title{font-size:1.5rem}.page-description{font-size:.875rem}}@media(max-width:480px){.page-header{margin:1.5rem 0}.page-title{font-size:1.25rem}}.main{padding:2rem 0;min-height:calc(100vh - 8rem);display:flex;flex-direction:column;align-items:center}@media(max-width:768px){.main{padding:1rem 0}}.form-card{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);max-width:800px;width:100%;margin:0 auto}@media(max-width:768px){.form-card{padding:1.5rem}}@media(max-width:480px){.form-card{padding:1rem;border-radius:var(--radius)}}.form-group{margin-bottom:1.5rem;width:100%}.form-label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-900)}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;font-family:inherit;transition:var(--transition);background:var(--white);color:var(--gray-900)}.form-input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}.form-input::placeholder{color:var(--gray-400)}.form-input:hover{border-color:var(--gray-400)}textarea.form-input{resize:vertical;min-height:80px}.form-hint{display:block;margin-top:.25rem;font-size:.75rem;color:var(--gray-500)}@media(max-width:768px){.form-input{padding:.7rem .875rem;font-size:.875rem}.form-hint{font-size:.6875rem}}@media(max-width:480px){.form-input{padding:.6rem .75rem;font-size:.8125rem}textarea.form-input{min-height:70px}}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:1rem;width:100%}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:0}}.phones-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.phone-item{display:flex;gap:.5rem;width:100%}.phone-input{flex:1}.btn-remove{width:2.5rem;height:2.5rem;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-500);border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:var(--transition);flex-shrink:0}.btn-remove:hover{border-color:var(--red-500);color:var(--red-500);background:var(--red-50)}.btn-add{padding:.75rem;border:1px dashed var(--gray-300);background:var(--white);color:var(--gray-700);border-radius:var(--radius);cursor:pointer;font-size:.875rem;transition:var(--transition);width:100%}.btn-add:hover{border-color:var(--blue-500);color:var(--blue-600);background:var(--blue-50)}.btn-generate{width:100%;padding:.875rem;border:none;background:var(--gray-900);color:var(--white);font-size:.875rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:var(--transition);margin-top:1rem}.btn-generate:hover:not(:disabled){background:var(--gray-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-generate:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.btn-remove{width:2.2rem;height:2.2rem;font-size:1.125rem}.btn-add,.btn-generate{padding:.7rem;font-size:.8125rem}}@media(max-width:480px){.btn-remove{width:2rem;height:2rem;font-size:1rem}.btn-add,.btn-generate{padding:.6rem;font-size:.75rem}.phone-item{gap:.35rem}}.btn-outline{padding:.5rem 1rem;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition)}.btn-outline:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900);transform:translateY(-1px)}.btn-copy{padding:.25rem .75rem;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-size:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn-copy:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900);transform:translateY(-1px)}.btn-copy.copied{background:var(--green-50);border-color:var(--green-500);color:var(--green-700)}.alert{padding:1rem;border-radius:var(--radius);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:.875rem;width:100%;max-width:800px;margin-left:auto;margin-right:auto}.alert.error{background:var(--red-50);border:1px solid var(--red-500);color:var(--red-600)}.alert.success{background:var(--green-50);border:1px solid var(--green-500);color:var(--green-700)}.alert-icon{font-weight:600;font-size:1rem}@media(max-width:768px){.alert{padding:.875rem;font-size:.8125rem;margin-bottom:1rem}}@media(max-width:480px){.alert{padding:.75rem;font-size:.75rem;gap:.375rem}.alert-icon{font-size:.875rem}}.results{margin-top:3rem;width:100%;max-width:1200px}.results-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;width:100%;flex-wrap:wrap;gap:1rem}.results-title{font-size:1.25rem;font-weight:600;color:var(--gray-900)}.results-actions{display:flex;gap:.5rem}.links-table{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow-x:auto;overflow-y:hidden;box-shadow:var(--shadow-sm);width:100%}.links-table table{width:100%;border-collapse:collapse;min-width:600px}.links-table th{text-align:left;padding:1rem 1.5rem;background:var(--gray-50);color:var(--gray-700);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--gray-200)}.links-table td{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);font-size:.875rem;color:var(--gray-900)}.links-table tr:last-child td{border-bottom:none}.links-table tr:hover td{background:var(--gray-50)}.link-id{background:var(--gray-100);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Consolas,monospace;font-size:.75rem;color:var(--gray-800);font-weight:500;display:inline-block;word-break:break-all;max-width:150px}.message-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gray-700)}.link-cell{max-width:200px}.link-url{color:var(--blue-600);text-decoration:none;font-size:.875rem;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;word-break:break-all}.link-url:hover{text-decoration:underline;color:var(--blue-700)}.results-footer{margin-top:1rem;text-align:right;width:100%}.results-info{font-size:.75rem;color:var(--gray-500)}@media(max-width:992px){.results-header{flex-direction:column;align-items:flex-start}.results-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.results-actions .btn-outline{width:100%;text-align:center;padding:.75rem 1rem;font-size:.875rem}}@media(max-width:768px){.results{margin-top:2rem}.results-header{margin-bottom:1rem}.results-title{font-size:1.125rem}.links-table{border:none;background:transparent;box-shadow:none;overflow-x:visible}.links-table table,.links-table thead,.links-table tbody,.links-table tr,.links-table th,.links-table td{display:block}.links-table thead{display:none}.links-table tbody{display:flex;flex-direction:column;gap:1rem}.links-table tr{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:1rem;box-shadow:var(--shadow-sm);margin-bottom:0;display:grid;grid-template-columns:1fr;gap:.75rem}.links-table tr:hover td{background:transparent}.links-table td{display:flex;align-items:flex-start;gap:.5rem;padding:0;border:none;font-size:.875rem;flex-wrap:wrap}.links-table td:before{content:attr(data-label);font-weight:600;color:var(--gray-600);min-width:80px;font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.links-table td:first-child:before{content:"Токен:"}.links-table td:nth-child(2):before{content:"Телефон:"}.links-table td:nth-child(3):before{content:"Сообщение:"}.links-table td:nth-child(4):before{content:"Ссылка:"}.links-table td:last-child:before{content:"Действие:"}.link-id{background:var(--gray-100);padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.75rem;word-break:break-all;flex:1;max-width:none}.message-cell{max-width:none;white-space:normal;word-break:break-word;background:var(--gray-50);padding:.5rem;border-radius:var(--radius-sm);font-size:.8125rem;color:var(--gray-800);border:1px solid var(--gray-100);flex:1}.link-cell{max-width:none;width:100%}.link-url{word-break:break-all;white-space:normal;font-size:.8125rem;background:var(--blue-50);padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--blue-100);color:var(--blue-700);flex:1}.links-table td:last-child{margin-top:.5rem;padding-top:.75rem;border-top:1px dashed var(--gray-200);display:flex;align-items:center;gap:.5rem}.btn-copy{width:100%;padding:.75rem;font-size:.875rem;border-radius:var(--radius);background:var(--blue-50);border-color:var(--blue-200);color:var(--blue-700);font-weight:500}.btn-copy:hover{background:var(--blue-100);border-color:var(--blue-300)}.btn-copy.copied{background:var(--green-50);border-color:var(--green-300);color:var(--green-700)}.results-footer{margin-top:1.5rem;text-align:center}.results-info{display:block;padding:.75rem;background:var(--gray-100);border-radius:var(--radius);font-size:.8125rem;color:var(--gray-600);border:1px solid var(--gray-200)}}@media(max-width:480px){.results-actions{grid-template-columns:1fr}.links-table tr{padding:.75rem;gap:.6rem}.links-table td{flex-direction:column;align-items:flex-start;gap:.25rem}.links-table td:before{margin-bottom:.125rem;min-width:auto}.link-id,.message-cell,.link-url{width:100%}.message-cell,.link-url{font-size:.75rem;padding:.375rem}.results-info{font-size:.75rem;padding:.5rem}.btn-copy{padding:.6rem;font-size:.8125rem}}@media(max-width:360px){.results-title{font-size:1rem}.btn-copy{padding:.5rem;font-size:.75rem}.links-table tr{padding:.6rem}.message-cell,.link-url{padding:.3rem;font-size:.6875rem}.link-id{font-size:.6875rem}}.docs{width:100%;max-width:1000px;margin:0 auto}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%}@media(max-width:768px){.docs-grid{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.docs-grid{gap:.75rem}}.doc-card{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);transition:var(--transition)}.doc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.doc-card h3{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.doc-card p{font-size:.875rem;color:var(--gray-700);margin-bottom:.5rem;line-height:1.5}.doc-card p:last-child{margin-bottom:0}.doc-note{font-size:.75rem;color:var(--gray-600);background:var(--gray-50);padding:.5rem;border-radius:var(--radius-sm);border:1px solid var(--gray-200);margin-top:.5rem}@media(max-width:768px){.doc-card{padding:1.25rem}.doc-card h3{font-size:.9375rem;margin-bottom:.5rem}.doc-card p{font-size:.8125rem}}@media(max-width:480px){.doc-card{padding:1rem}.doc-card h3{font-size:.875rem}.doc-card p{font-size:.75rem}.doc-note{font-size:.6875rem;padding:.375rem}}.import-result{margin-top:1rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.import-result p{margin:.25rem 0;font-size:.875rem;color:var(--gray-700)}.import-result p:first-child{margin-top:0;font-weight:600;color:var(--gray-900)}.import-result p:last-child{margin-bottom:0}@media(max-width:768px){.import-result p{font-size:.8125rem}}@media(max-width:480px){.import-result{padding:.75rem}.import-result p{font-size:.75rem}}.footer{background:var(--white);border-top:1px solid var(--gray-200);margin-top:4rem;padding:2rem 0;width:100%}.footer-content{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;width:100%;flex-wrap:wrap;gap:1rem}.footer-info{display:flex;align-items:center;gap:.5rem;color:var(--gray-500)}.footer-separator{color:var(--gray-400)}.footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.footer-link{color:var(--gray-500);text-decoration:none;transition:var(--transition)}.footer-link:hover{color:var(--gray-900)}@media(max-width:768px){.footer{margin-top:3rem;padding:1.5rem 0}.footer-content{flex-direction:column;text-align:center;justify-content:center}.footer-links{justify-content:center;gap:1rem}}@media(max-width:480px){.footer{margin-top:2rem;padding:1rem 0}.footer-content{gap:.75rem;font-size:.75rem}.footer-links{gap:.75rem}.footer-link{font-size:.75rem}}.text-center{text-align:center}.mt-4{margin-top:2rem}.mb-4{margin-bottom:2rem}input,textarea,select{color:var(--gray-900);background:var(--white)}input::placeholder,textarea::placeholder{color:var(--gray-400);opacity:1}.form-input{color:var(--gray-900);background:var(--white);font-weight:400}.form-input:focus{color:var(--gray-900);background:var(--white)}.form-input[type=text],.form-input[type=number],.form-input[type=tel]{color:var(--gray-900);-webkit-text-fill-color:var(--gray-900)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 30px var(--white) inset;-webkit-text-fill-color:var(--gray-900);color:var(--gray-900)}code{font-family:SF Mono,Monaco,Consolas,monospace;background:var(--gray-100);padding:.2rem .4rem;border-radius:var(--radius-sm);color:var(--gray-800);font-size:.8125rem}strong,b{color:var(--gray-900);font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px;transition:var(--transition)}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.results,.form-card,.alert{animation:fadeIn .3s ease-out}@media(max-width:768px){body{font-size:14px}.form-label,.btn-outline,.btn-generate{font-size:.8125rem}}@media(max-width:768px){button,.btn-remove,.btn-add,.btn-generate,.btn-outline,.btn-copy,.nav-link{min-height:44px}.nav-link{display:flex;align-items:center}.btn-remove,.btn-copy{min-height:40px}}@media(max-width:480px){.form-hint{font-size:.625rem}.link-id,.message-cell,.link-url{font-size:.6875rem}}.success-message{background:var(--green-50);border:1px solid var(--green-500);color:var(--green-700);padding:1rem;border-radius:var(--radius);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--gray-300);border-top-color:var(--gray-900);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.disabled{opacity:.5;pointer-events:none}.form-input:focus-visible{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-100)}a{color:var(--blue-600);text-decoration:none;transition:var(--transition)}a:hover{color:var(--blue-700);text-decoration:underline}.radio-group{display:flex;gap:1.5rem;margin-top:.25rem}.radio-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;cursor:pointer;color:var(--gray-700)}.radio-label input[type=radio]{width:1rem;height:1rem;cursor:pointer;accent-color:var(--blue-600)}.radio-label:hover{color:var(--gray-900)}@media(max-width:480px){.radio-group{gap:1rem;flex-wrap:wrap}.radio-label{font-size:.8125rem}}