.template-form{background:white;padding:2rem;border-radius:12px;box-shadow:0 8px 24px #0000001f;animation:slideIn .3s ease;@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2 {margin-bottom: 1.5rem; color: #333; font-size: 1.5rem; border-bottom: 2px solid #667eea; padding-bottom: .5rem;}}.error-message{background-color:#f8d7da;color:#721c24;padding:1rem;border-radius:6px;margin-bottom:1.5rem;border-left:4px solid #dc3545}.form-group{margin-bottom:1.5rem;label {display: block; margin-bottom: .5rem; font-weight: 600; color: #333; font-size: .95rem;} input,select,textarea {width: 100%; padding: .75rem; border: 1px solid #ddd; border-radius: 6px; font-size: .95rem; transition: border-color .3s ease,box-shadow .3s ease; &:focus {outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102,126,234,.1);} &::placeholder {color: #999;}} textarea {font-family: "Monaco","Menlo","Ubuntu Mono","Courier New",monospace; resize: vertical; min-height: 80px;}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 768px){.form-row{grid-template-columns:1fr}}.components-section{margin-bottom:1.5rem}.component-card{background:#f9f9f9;padding:1.5rem;border-radius:8px;margin-bottom:1rem;border:1px solid #e0e0e0;transition:box-shadow .3s ease}.component-card:hover{box-shadow:0 4px 12px #00000014}.component-card .component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;h4 {margin: 0; color: #667eea; font-size: 1rem;} .btn-remove {background: #dc3545; color: white; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; padding: 0; &:hover:not(:disabled) {background: #c82333; transform: scale(1.1);}}}.form-actions{display:flex;gap:1rem;margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:6px;font-weight:600;font-size:.95rem;transition:all .3s ease;border:none;cursor:pointer;min-width:120px;text-align:center}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;flex:1}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f5f5f5;color:#333;border:2px solid #ddd}.btn-secondary:hover{background:white;border-color:#667eea;color:#667eea}.detected-variables{display:block;color:#667eea;font-size:.85rem;font-weight:500;margin-top:.5rem;padding:.4rem .6rem;background:#f0f4ff;border-radius:4px;border-left:3px solid #667eea}.example-values-section{background:#f0f4ff;padding:1rem;border-radius:8px;border-left:4px solid #667eea;margin-top:1rem}.example-values-section .section-label{display:block;font-weight:600;color:#333;margin-bottom:1rem;font-size:.95rem}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.example-input-group{label {display: block; margin-bottom: .4rem; font-weight: 500; color: #555; font-size: .85rem;} .example-input {width: 100%; padding: .6rem; border: 1px solid #ddd; border-radius: 6px; font-size: .9rem; transition: border-color .3s ease,box-shadow .3s ease; &:focus {outline: none; border-color: #667eea; box-shadow: 0 0 0 3px rgba(102,126,234,.1);} &::placeholder {color: #999;}}}.template-creation-container{max-width:1000px;margin:0 auto;padding:2rem}@media (max-width: 768px){.template-creation-container{padding:1rem}}.templates-container{background:white;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;animation:slideIn .3s ease .1s both;@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2 {padding: 1.5rem; margin: 0; background: linear-gradient(135deg,#667eea 0%,#764ba2 100%); color: white; font-size: 1.5rem;}}@media (max-width: 1200px){.table-wrapper{padding:0}}.templates-table{width:100%;border-collapse:collapse;font-size:.9rem;thead {background: #f8f9fa; border-bottom: 2px solid #ddd; th {padding: 1rem; text-align: left; font-weight: 600; color: #333; white-space: nowrap;}} tbody {tr {border-bottom: 1px solid #eee; transition: background-color .3s ease; &:hover {background-color: #f9f9f9;} td {padding: 1rem;}}}}.template-row:last-child{border-bottom:none}.template-name .name-cell{display:flex;flex-direction:column;gap:.25rem;strong {color: #667eea; font-weight: 600;} small {color: #999; font-family: "Monaco","Menlo","Ubuntu Mono","Courier New",monospace; font-size: .75rem; word-break: break-all;}}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-approved{background-color:#d4edda;color:#155724}.status-badge.status-pending{background-color:#fff3cd;color:#856404}.status-badge.status-rejected{background-color:#f8d7da;color:#721c24}.category-cell{display:flex;flex-direction:column;gap:.25rem;small {color: #999; font-size: .75rem;}}.category-cell .category-badge{display:inline-block;background:#e7f3ff;color:#06c;padding:.3rem .6rem;border-radius:4px;font-weight:500;font-size:.85rem;width:fit-content}.whatsapp-id{code {background: #f0f0f0; padding: .35rem .6rem; border-radius: 4px; font-size: .75rem; color: #666; word-break: break-all;}}.date-cell{color:#666;font-size:.85rem}.actions-cell{text-align:center;white-space:nowrap;display:flex;gap:.5rem;justify-content:center;align-items:center}.actions-cell .btn-refresh,.actions-cell .btn-delete,.actions-cell .status-approved{display:inline-block;padding:.4rem .8rem;border-radius:6px;font-size:.8rem;font-weight:500;border:none;cursor:pointer;transition:all .3s ease}.actions-cell .btn-refresh{background:#e7f3ff;color:#06c;border:1px solid #0066cc}.actions-cell .btn-refresh:hover:not(:disabled){background:#0066cc;color:#fff}.actions-cell .btn-refresh:disabled{opacity:.6;cursor:not-allowed}.actions-cell .btn-delete{background:#ffe7e7;color:#c00;border:1px solid #cc0000}.actions-cell .btn-delete:hover{background:#cc0000;color:#fff}.actions-cell .status-approved{background:#d4edda;color:#155724;pointer-events:none}.details-section{padding:2rem;background:#f9f9f9;border-top:1px solid #eee;h3 {margin: 0 0 1.5rem 0; color: #333; font-size: 1.2rem;}}.details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}@media (max-width: 768px){.details-grid{grid-template-columns:1fr}}.detail-card{background:white;padding:1.5rem;border-radius:8px;border:1px solid #ddd;transition:all .3s ease;h4 {margin: 0 0 1rem 0; color: #667eea; font-size: 1.05rem; border-bottom: 2px solid #e0e0e0; padding-bottom: .5rem;}}.detail-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#667eea}.detail-content{p {margin: .75rem 0; color: #555; font-size: .9rem; line-height: 1.5; strong {color: #333; font-weight: 600; display: block; margin-bottom: .25rem;} code {background: #f5f5f5; padding: .2rem .4rem; border-radius: 3px; font-size: .85em; word-break: break-all;}}}.components-detail{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;strong {display: block; color: #333; margin-bottom: .75rem;}}.component-detail{background:#f9f9f9;padding:.75rem;border-radius:4px;margin-bottom:.5rem;border-left:3px solid #667eea;p {margin: 0; color: #666; font-size: .85rem; line-height: 1.4;}}.component-detail .comp-type{display:inline-block;background:#667eea;color:#fff;padding:.2rem .5rem;border-radius:3px;font-size:.75rem;font-weight:600;margin-bottom:.5rem}.template-text{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;strong {display: block; color: #333; margin-bottom: .5rem;} p {background: #f5f5f5; padding: .75rem; border-radius: 4px; color: #555; font-size: .85rem; line-height: 1.5; margin: 0; white-space: pre-wrap; word-break: break-word;}}.actions-cell{position:relative}.actions-wrapper{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.eye-icon-container{position:relative;display:inline-block}.eye-icon-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.3rem .5rem;transition:transform .2s ease;display:flex;align-items:center;justify-content:center}.eye-icon-btn:hover{transform:scale(1.3)}.detail-popup{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;background:white;border:2px solid #667eea;border-radius:8px;box-shadow:0 8px 24px #00000026;z-index:1000;min-width:350px;max-width:450px;animation:popupSlideUp .2s ease}@keyframes popupSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.popup-content{padding:1rem;max-height:400px;overflow-y:auto}.popup-content h4{margin:0 0 1rem;color:#667eea;font-size:1rem;padding-bottom:.5rem;border-bottom:2px solid #f0f0f0}.popup-section{margin-bottom:1rem;font-size:.85rem}.popup-section:last-child{margin-bottom:0}.popup-section strong{display:block;color:#333;margin-bottom:.4rem;font-weight:600}.popup-section p{margin:.3rem 0;color:#555;line-height:1.4;word-break:break-word}.popup-section code{background:#f5f5f5;padding:.2rem .4rem;border-radius:3px;font-family:Monaco,Menlo,monospace;color:#d73a49;font-size:.8rem}.components-list{margin-top:.5rem;border-left:3px solid #667eea;padding-left:.8rem}.component-item{margin-bottom:.6rem;padding-bottom:.6rem;border-bottom:1px solid #f0f0f0}.component-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comp-type-badge{display:inline-block;background:#667eea;color:#fff;padding:.2rem .6rem;border-radius:3px;font-size:.75rem;font-weight:600;margin-bottom:.3rem}.component-item p{margin:.3rem 0 0;color:#555;font-size:.8rem}.action-buttons{display:flex;gap:.4rem;flex-wrap:wrap}@media (max-width: 768px){.detail-popup{position:fixed;bottom:auto;right:auto;top:50%;left:50%;transform:translate(-50%,-50%);min-width:90vw;max-width:90vw;margin-bottom:0}.popup-content{max-height:60vh}}.logs-table-container{background:white;border-radius:12px;box-shadow:0 8px 24px #0000001f;overflow:hidden;margin-top:2rem}.logs-header{padding:1.5rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;display:flex;justify-content:space-between;align-items:center}.logs-header h3{margin:0;font-size:1.3rem}.btn-refresh-logs{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;padding:.5rem 1rem;font-size:1.1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.btn-refresh-logs:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:rotate(180deg)}.table-wrapper{overflow-x:auto;padding:1rem}.logs-table{width:100%;border-collapse:collapse;font-size:.9rem}.logs-table thead{background:#f8f9fa;border-bottom:2px solid #ddd}.logs-table th{padding:1rem;text-align:left;font-weight:600;color:#333;white-space:nowrap}.logs-table tbody tr{border-bottom:1px solid #eee;transition:background-color .3s ease}.logs-table tbody tr:hover{background-color:#f9f9f9}.logs-table td{padding:1rem}.log-row:last-child{border-bottom:none}.log-name strong{color:#667eea;font-weight:600}.status-badge{display:inline-block;padding:.35rem .75rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.status-badge.status-pending{background-color:#ff9800}.status-badge.status-approved{background-color:#4caf50}.status-badge.status-rejected{background-color:#f44336}.category-badge{display:inline-block;background-color:#e3f2fd;color:#1565c0;padding:.35rem .75rem;border-radius:4px;font-size:.85rem;font-weight:600}.whatsapp-id code{background:#f5f5f5;padding:.3rem .6rem;border-radius:3px;font-family:Monaco,Menlo,monospace;color:#d73a49;font-size:.8rem;word-break:break-all}.date-cell{color:#666;font-size:.9rem}.error-cell{text-align:center}.error-badge{font-size:1.2rem;cursor:help}.text-muted{color:#999}.loading{padding:2rem;text-align:center;color:#666}.no-logs{padding:2rem;text-align:center;color:#999;background:#f5f5f5;border-radius:4px}@media (max-width: 768px){.logs-header{flex-direction:column;gap:1rem;align-items:flex-start}.logs-header h3{font-size:1.1rem}.btn-refresh-logs{align-self:flex-end}.logs-table th,.logs-table td{font-size:.8rem;padding:.7rem}}.template-dashboard-container{max-width:1400px;margin:0 auto;padding:2rem}.message{max-width:100%;margin:0 auto 1.5rem;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.message-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.message-error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.message-close{background:none;color:inherit;font-size:1.5rem;padding:0;min-width:auto;opacity:.7;cursor:pointer;border:none;transition:opacity .2s ease}.message-close:hover{opacity:1}@media (max-width: 768px){.template-dashboard-container{padding:1rem}}.logs-container{max-width:1200px;margin:0 auto;padding:2rem}.logs-container.loading{display:flex;align-items:center;justify-content:center;min-height:400px;font-size:1.1rem;color:#666}.logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:2px solid #e0e0e0;padding-bottom:1rem}.logs-header h2{margin:0;font-size:1.8rem;color:#333}.btn-refresh-logs{padding:.5rem 1rem;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;transition:background-color .3s ease}.btn-refresh-logs:hover{background-color:#1976d2}.no-logs{text-align:center;padding:2rem;color:#999;font-size:1.1rem;background-color:#f5f5f5;border-radius:4px}.logs-list{display:grid;gap:1rem}.log-card{background:white;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden;transition:box-shadow .3s ease}.log-card:hover{box-shadow:0 2px 8px #0000001a}.log-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;background-color:#fafafa;border-bottom:1px solid #e0e0e0;cursor:pointer}.log-info{display:flex;align-items:center;gap:1rem;flex:1}.log-info h3{margin:0;font-size:1.1rem;color:#333;font-weight:600}.status-badge{padding:.3rem .8rem;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600}.category,.language{padding:.3rem .8rem;background-color:#e3f2fd;color:#1565c0;border-radius:4px;font-size:.85rem;font-weight:600}.language{background-color:#f3e5f5;color:#6a1b9a}.btn-expand{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;transition:transform .3s ease}.btn-expand:hover{transform:scale(1.2)}.log-details{padding:1.5rem;background-color:#fff;border-top:2px solid #e0e0e0;animation:slideDown .3s ease}.detail-row{display:flex;padding:.8rem 0;border-bottom:1px solid #f0f0f0;gap:1rem}.detail-row:last-child{border-bottom:none}.detail-row.error{background-color:#ffebee;padding:1rem;border-radius:4px;border-bottom:1px solid #ffcccc;margin-top:.5rem}.detail-row .label{font-weight:600;color:#555;min-width:180px}.detail-row .value{color:#333;word-break:break-all;flex:1}.detail-row.error .label,.detail-row.error .value{color:#c62828}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:4px;margin-bottom:1.5rem;border-left:4px solid #c62828}@media (max-width: 768px){.logs-container{padding:1rem}.logs-header{flex-direction:column;gap:1rem;align-items:stretch}.logs-header h2{font-size:1.5rem}.log-header{flex-direction:column;align-items:flex-start}.log-info{flex-wrap:wrap;width:100%}.btn-expand{align-self:flex-end;margin-top:-1.5rem}.detail-row{flex-direction:column}.detail-row .label{min-width:unset}}.send-template-container{padding:20px;max-width:900px;margin:0 auto}.send-template-card{background:white;border-radius:12px;padding:30px;box-shadow:0 2px 12px #00000014}.send-template-card h2{margin:0 0 20px;font-size:24px;color:#333;display:flex;align-items:center;gap:10px}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slideDown .3s ease-out}.message-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.message-close{background:none;border:none;cursor:pointer;font-size:18px;color:inherit;padding:0;margin:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.send-template-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:14px}.form-control{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .3s ease}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-control.textarea{resize:vertical;min-height:100px;font-family:Courier New,monospace}.form-group small{font-size:12px;color:#666;margin-top:4px}.no-templates{background:#fff3cd;color:#856404;padding:12px 16px;border-radius:6px;border:1px solid #ffeaa7}.template-preview{background:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #667eea}.template-preview h3{margin:0 0 12px;font-size:16px;color:#333}.preview-content{display:flex;flex-direction:column;gap:10px}.preview-text{background:white;padding:12px;border-radius:6px;margin:0;line-height:1.6;word-break:break-word;white-space:pre-wrap;color:#555;font-size:14px}.variable-count{background:#e7f3ff;color:#004085;padding:8px 12px;border-radius:4px;font-size:13px;border:1px solid #b8daff}.variables-section{background:#f0f4ff;padding:16px;border-radius:8px;border:1px solid #d0deff}.variables-section h3{margin:0 0 16px;font-size:16px;color:#333}.send-btn{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;margin-top:10px}.send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.send-btn:disabled{opacity:.6;cursor:not-allowed}.send-results{margin-top:30px;padding-top:30px;border-top:2px solid #eee}.send-results h3{margin:0 0 16px;font-size:18px;color:#333}.results-table{overflow-x:auto}.results-table table{width:100%;border-collapse:collapse;font-size:14px}.results-table thead{background:#f8f9fa;border-bottom:2px solid #ddd}.results-table th{padding:12px;text-align:left;font-weight:600;color:#333}.results-table td{padding:12px;border-bottom:1px solid #eee}.results-table tr:last-child td{border-bottom:none}.results-table tr.status-success{background:#f1f8f4}.results-table tr.status-failed{background:#fdf3f3}.badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-success{background:#28a745;color:#fff}.badge-failed{background:#dc3545;color:#fff}.phone{font-family:Courier New,monospace;color:#333}.message{color:#666;font-size:13px}@media (max-width: 768px){.send-template-container{padding:10px}.send-template-card{padding:20px}.send-template-card h2{font-size:20px}.results-table{font-size:12px}.results-table th,.results-table td{padding:8px}}.app-container{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.app-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:2.5rem 2rem;box-shadow:0 4px 20px #00000026;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;gap:2rem}.app-header .header-content{text-align:center;flex:1;h1 {font-size: 2.5rem; margin-bottom: .5rem; font-weight: 700; text-shadow: 0 2px 4px rgba(0,0,0,.1);} p {font-size: 1.1rem; opacity: .95; font-weight: 300;}}.header-nav{display:flex;gap:.5rem}.nav-btn{padding:.6rem 1.2rem;background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.nav-btn:hover{background:rgba(255,255,255,.3);border-color:#ffffff80}.nav-btn.active{background:rgba(255,255,255,.95);color:#667eea;border-color:#fff}@media (max-width: 900px){.app-header{flex-direction:column;text-align:center}.app-header .header-content{h1 {font-size: 2rem;} p {font-size: .95rem;}}.header-nav{width:100%}.header-nav .nav-btn{flex:1}}.message{max-width:1200px;margin:0 auto 1.5rem;padding:1rem 1.5rem;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 4px 12px #00000026}.message.message-success{background-color:#d4edda;color:#155724;border-left:4px solid #28a745}.message.message-error{background-color:#f8d7da;color:#721c24;border-left:4px solid #dc3545}.message .message-close{background:none;color:inherit;font-size:1.5rem;padding:0;min-width:auto;opacity:.7}.message .message-close:hover{opacity:1}.app-content{flex:1;max-width:1600px;margin:0 auto;width:100%;padding:0 2rem 2rem}@media (max-width: 1200px){.app-content{padding:0 1.5rem 1.5rem}}@media (max-width: 768px){.app-content{padding:0 1rem 1rem}}} .form-section{flex:1}.dashboard-section{flex:1}.app-footer{background:rgba(0,0,0,.1);color:#fff;text-align:center;padding:2rem;margin-top:auto;border-top:1px solid rgba(255,255,255,.1);p {margin: 0; font-size: .95rem; strong {font-weight: 600; color: #ffd700;}}}.loading{text-align:center;padding:3rem;background:white;border-radius:8px;color:#666;font-size:1.1rem}.no-templates{text-align:center;padding:3rem;background:white;border-radius:8px;color:#999;font-size:1.1rem}*{margin:0;padding:0;box-sizing:border-box}body{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;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#333;min-height:100vh}#root{min-height:100vh}a{color:#667eea;text-decoration:none}a:hover{text-decoration:underline}code{background-color:#f5f5f5;padding:2px 6px;border-radius:3px;font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;font-size:.85em}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .3s ease}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}textarea{font-family:Monaco,Menlo,Ubuntu Mono,Courier New,monospace;resize:vertical}input,select,textarea{font-family:inherit}