:root{--et-primary:#00afd7;--et-primary-dark:#0095b8;--et-primary-light:#33c3e2;--et-secondary:#c4d600;--et-secondary-dark:#a8b800;--et-success:#c4d600;--et-success-dark:#a8b800;--et-warning:#ffc107;--et-danger:#dc3545;--et-info:#00afd7;--et-white:#fff;--et-gray-50:#f8f9fa;--et-gray-100:#f0f2f5;--et-gray-200:#e9ecef;--et-gray-300:#dee2e6;--et-gray-400:#ced4da;--et-gray-500:#adb5bd;--et-gray-600:#6c757d;--et-gray-700:#495057;--et-gray-800:#343a40;--et-gray-900:#212529;--et-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--et-font-size-xs:0.75rem;--et-font-size-sm:0.875rem;--et-font-size-base:1rem;--et-font-size-lg:1.125rem;--et-font-size-xl:1.25rem;--et-font-size-2xl:1.5rem;--et-font-size-3xl:2rem;--et-space-xs:0.25rem;--et-space-sm:0.5rem;--et-space-md:1rem;--et-space-lg:1.5rem;--et-space-xl:2rem;--et-space-2xl:3rem;--et-radius-sm:6px;--et-radius-md:10px;--et-radius-lg:15px;--et-radius-xl:20px;--et-radius-full:9999px;--et-shadow-sm:0 2px 4px rgba(0,0,0,.05);--et-shadow-md:0 4px 12px rgba(0,0,0,.1);--et-shadow-lg:0 10px 30px rgba(0,0,0,.15);--et-shadow-xl:0 15px 40px rgba(0,0,0,.2);--et-transition-fast:150ms ease;--et-transition-base:250ms ease;--et-transition-slow:400ms ease;--et-z-dropdown:100;--et-z-modal:1000;--et-z-toast:1100}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--et-font-family);font-size:var(--et-font-size-base);line-height:1.5;color:var(--et-gray-800);background:linear-gradient(135deg,var(--et-primary) 0,#0088a8 100%);min-height:100vh;padding:var(--et-space-md);-webkit-font-smoothing:antialiased}.et-container{max-width:600px;margin:0 auto;width:100%}.et-container-wide{max-width:1200px;margin:0 auto;width:100%}.et-card{background:var(--et-white);border-radius:var(--et-radius-lg);padding:var(--et-space-lg);box-shadow:var(--et-shadow-lg)}.et-card,.et-card-header{margin-bottom:var(--et-space-lg)}.et-card-header{padding-bottom:var(--et-space-md);border-bottom:2px solid var(--et-gray-100)}.et-card-title{font-size:var(--et-font-size-xl);font-weight:700;color:var(--et-gray-800);margin:0}.et-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--et-space-sm);padding:var(--et-space-md) var(--et-space-lg);border:none;border-radius:var(--et-radius-md);font-family:inherit;font-size:var(--et-font-size-base);font-weight:600;cursor:pointer;text-decoration:none;transition:all var(--et-transition-base);width:100%}.et-btn:disabled{opacity:.6;cursor:not-allowed}.et-btn-primary{background:linear-gradient(135deg,var(--et-primary) 0,var(--et-primary-dark) 100%);color:var(--et-white)}.et-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,175,215,.35)}.et-btn-secondary{background:var(--et-gray-100);color:var(--et-gray-700)}.et-btn-success{background:linear-gradient(135deg,#c4d600,#a8b800);color:#333}.et-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(196,214,0,.35)}.et-btn-danger{background:linear-gradient(135deg,var(--et-danger) 0,#c82333 100%);color:var(--et-white)}.et-btn-link{background:none;border:none;color:var(--et-primary);text-decoration:underline;padding:var(--et-space-xs);font-weight:500;width:auto}.et-form-group{margin-bottom:var(--et-space-lg)}.et-label{display:block;margin-bottom:var(--et-space-sm);font-weight:600;color:var(--et-gray-700)}.et-input,.et-select,.et-textarea{width:100%;padding:var(--et-space-md);border:2px solid var(--et-gray-300);border-radius:var(--et-radius-md);font-family:inherit;font-size:var(--et-font-size-base);transition:border-color var(--et-transition-fast),box-shadow var(--et-transition-fast);background:var(--et-white)}.et-input:focus,.et-select:focus,.et-textarea:focus{outline:none;border-color:var(--et-primary);box-shadow:0 0 0 3px rgba(0,175,215,.15)}.et-tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:var(--et-space-lg);gap:var(--et-space-lg);margin-top:var(--et-space-lg)}.et-tool-card{background:var(--et-white);border-radius:var(--et-radius-lg);padding:var(--et-space-xl);box-shadow:var(--et-shadow-md);text-decoration:none;color:inherit;transition:all var(--et-transition-base);display:flex;flex-direction:column;align-items:center;text-align:center;border:3px solid transparent;position:relative}.et-tool-card:hover{transform:translateY(-5px);box-shadow:var(--et-shadow-xl);border-color:var(--et-primary)}.et-tool-icon{font-size:3rem;margin-bottom:var(--et-space-md);display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--et-primary) 0,var(--et-primary-dark) 100%);border-radius:var(--et-radius-xl);color:var(--et-white)}.et-tool-card h3{font-size:var(--et-font-size-xl);font-weight:700;color:var(--et-gray-800);margin-bottom:var(--et-space-sm)}.et-tool-card p{font-size:var(--et-font-size-sm);color:var(--et-gray-600);margin:0}.et-tool-card.cyan .et-tool-icon{background:linear-gradient(135deg,#00afd7,#0095b8)}.et-tool-card.lime .et-tool-icon{background:linear-gradient(135deg,#c4d600,#a8b800);color:#333}.et-tool-card.disabled{opacity:.6;pointer-events:none}.coming-soon{position:absolute;top:var(--et-space-sm);right:var(--et-space-sm);background:var(--et-warning);color:var(--et-gray-800);font-size:var(--et-font-size-xs);padding:2px 8px;border-radius:var(--et-radius-full);font-weight:600}.et-toast{position:fixed;bottom:var(--et-space-lg);left:50%;transform:translateX(-50%) translateY(100px);background:var(--et-gray-800);color:var(--et-white);padding:var(--et-space-md) var(--et-space-lg);border-radius:var(--et-radius-md);font-size:var(--et-font-size-sm);font-weight:500;z-index:var(--et-z-toast);opacity:0;transition:all var(--et-transition-base)}.et-toast-visible{transform:translateX(-50%) translateY(0);opacity:1}.et-toast-success{background:#c4d600;color:#333}.et-toast-error{background:var(--et-danger)}.et-toast-info{background:var(--et-primary)}.et-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:var(--et-z-modal);align-items:center;justify-content:center;padding:var(--et-space-md);overflow-y:auto}.et-modal.active{display:flex}.et-modal-content{background:var(--et-white);border-radius:var(--et-radius-lg);padding:var(--et-space-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--et-shadow-xl);position:relative;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.et-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--et-space-lg);padding-bottom:var(--et-space-md);border-bottom:2px solid var(--et-gray-100)}.et-modal-title{font-size:var(--et-font-size-xl);font-weight:700;color:var(--et-gray-800);margin:0}.et-modal-close{background:none;border:none;font-size:1.5rem;color:var(--et-gray-500);cursor:pointer;padding:0;line-height:1;transition:color var(--et-transition-fast)}.et-modal-close:hover{color:var(--et-gray-800)}.et-modal-footer{display:flex;gap:var(--et-space-md);margin-top:var(--et-space-lg);padding-top:var(--et-space-md);border-top:1px solid var(--et-gray-100)}.et-modal-footer .et-btn{flex:1 1}.et-btn-sm{padding:var(--et-space-sm) var(--et-space-md);font-size:var(--et-font-size-sm);width:auto}.et-spinner{width:50px;height:50px;margin:0 auto;border:4px solid var(--et-gray-200);border-top-color:var(--et-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:480px){body{padding:var(--et-space-sm)}.et-card{padding:var(--et-space-md)}.et-tool-grid{grid-template-columns:1fr}}@media print{body *{visibility:hidden}}