:root{--primary:#2563eb;--primary-dark:#1d4ed8;--text-main:#1f2937;--text-muted:#4b5563;--bg-body:#f9fafb;--bg-card:#ffffff;--border:#e5e7eb;--sidebar-width:280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Ubuntu,sans-serif;line-height:1.5;color:var(--text-main);background:var(--bg-body);display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5{font-weight:400}a:link,a:visited{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}.brand-header{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo-area{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-main);font-weight:700;font-size:1.2rem}.logo-area img{height:32px;width:auto;display:block}.menu-toggle{background:0 0;border:none;font-size:1.5rem;cursor:pointer;display:block;padding:4px 8px}.app-container{display:flex;flex:1;position:relative}.sidebar{position:fixed;top:57px;left:calc(-1 * var(--sidebar-width));width:var(--sidebar-width);height:calc(100vh - 57px - 54px);background:var(--bg-card);border-right:1px solid var(--border);transition:transform .3s ease;z-index:90;padding:20px;overflow-y:auto}.sidebar.active{transform:translateX(var(--sidebar-width))}.nav-section{margin-bottom:.75rem}.nav-section .category-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;background:0 0;border:none;padding:.6rem .75rem;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#4b5563;cursor:pointer;border-radius:.375rem;transition:background .2s}.nav-section .category-toggle:hover{background:#f3f4f6}.nav-section .category-toggle .chevron{font-size:.65rem;transition:transform .2s ease;transform:rotate(-90deg)}.nav-section .nav-list{list-style:none;padding:0;margin:0;display:none;padding-left:.5rem;margin-top:.25rem}.nav-section .nav-list .nav-link{display:block;padding:.5rem .75rem;color:#374151;text-decoration:none;border-radius:.375rem;font-size:.9rem;transition:all .2s}.nav-section .nav-list .nav-link:hover{background:#f3f4f6;color:#2563eb}.nav-section .nav-list .nav-link.active{background:#eff6ff;color:#2563eb;font-weight:600;border-left:3px solid #2563eb;border-radius:0 .375rem .375rem 0}.nav-section.is-open .category-toggle .chevron{transform:rotate(0);color:#2563eb}.nav-section.is-open .nav-list{display:block}.sidebar-overlay{display:none;position:fixed;top:57px;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:85}.sidebar-overlay.active{display:block}.main-content{flex:1;padding:20px;width:100%;max-width:1000px;margin:0 auto}.tool-header h1{font-size:1.75rem;margin-bottom:6px}.tool-header p{color:var(--text-muted);font-size:.95rem;margin-bottom:20px}.tool-box{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.field-group{margin-bottom:16px}.field-group label{display:block;font-weight:600;font-size:.9rem;margin-bottom:6px}textarea{width:100%;height:180px;padding:12px;border:1px solid var(--border);border-radius:6px;font-family:monospace;font-size:.9rem;resize:vertical;outline:0}textarea:focus{border-color:var(--primary)}.copy-textarea-wrapper{position:relative;display:block;width:100%}.copy-textarea-wrapper textarea.click-to-copy{width:100%;min-height:120px;padding:12px;padding-bottom:35px;border:1px solid #e5e7eb;border-radius:6px;font-family:monospace;font-size:.9rem;resize:vertical;cursor:pointer;background:#fff;outline:0;transition:border-color .2s,background-color .2s}.copy-textarea-wrapper textarea.click-to-copy:hover{border-color:#3b82f6;background-color:#fafafa}.copy-textarea-wrapper .copy-badge{position:absolute;bottom:10px;right:10px;pointer-events:none;background:#f3f4f6;color:#4b5563;font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:4px;border:1px solid #e5e7eb;display:flex;align-items:center;gap:4px;transition:all .2s ease-in-out}.copy-textarea-wrapper.is-copied .copy-badge{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.btn-action{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-action:hover{background:var(--primary-dark)}.info-section{margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}.info-section h2{font-size:1.3rem;margin-bottom:10px}.info-section p{color:var(--text-muted);font-size:.95rem;margin-bottom:16px}.company-profile{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:16px;margin-top:20px}.company-profile h4{color:var(--primary-dark);margin-bottom:6px;font-size:1rem}.company-profile p{margin-bottom:0;font-size:.9rem;color:#1e40af}footer{background:var(--bg-card);border-top:1px solid var(--border);text-align:center;padding:16px;font-size:.85rem;color:var(--text-muted);margin-top:auto}@media (min-width:768px){.menu-toggle{display:none}.sidebar{position:sticky;top:57px;left:0;width:var(--sidebar-width);height:calc(100vh - 57px - 54px);transform:none}.sidebar-overlay{display:none!important}.main-content{padding:40px}.grid-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.btn-action{width:auto;padding:12px 32px;display:block;margin-left:auto}}