.documentation-container{max-width:1200px;margin:0 auto;padding:2rem 1rem;min-height:calc(100vh - 160px)}.documentation-header{text-align:center;margin-bottom:3rem;padding:3rem 1rem;background:linear-gradient(135deg,#ff8533,#ffb366);border-radius:16px;color:#fff;position:relative;overflow:hidden}.documentation-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/images/pattern-overlay.png) repeat;opacity:.1;z-index:1}.documentation-header>*{position:relative;z-index:2}.documentation-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:50%;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid hsla(0,0%,100%,.3)}.documentation-title{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.documentation-subtitle{font-size:1.25rem;font-weight:400;line-height:1.6;max-width:800px;margin:0 auto;opacity:.95}.documentation-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem;padding:.5rem;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);border:1px solid #e5e7eb}.documentation-tab{background:transparent;border:2px solid transparent;color:#6b7280;padding:.75rem 1.5rem;border-radius:12px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex:1 1;min-width:0;text-align:center}.documentation-tab:hover{background:rgba(255,133,51,.1);color:#ff8533;border-color:rgba(255,133,51,.2)}.documentation-tab.active{background:linear-gradient(135deg,#ff8533,#ffb366);color:#fff;border-color:#ff8533;box-shadow:0 4px 8px -2px rgba(255,133,51,.3)}.documentation-tab.active:hover{background:linear-gradient(135deg,#e67e00,#ff9f4d);color:#fff}.documentation-content{margin-top:2rem}.documentation-container .max-w-4xl{max-width:1000px}.documentation-container .bg-white{background:#fff;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);border:1px solid #e5e7eb;transition:all .3s ease}.documentation-container .bg-white:hover{box-shadow:0 10px 25px -5px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.documentation-container input[type=text],.documentation-container select{border:2px solid #e5e7eb;border-radius:12px;padding:.75rem 1rem;font-size:1rem;transition:all .3s ease;background:#fff}.documentation-container input[type=text]:focus,.documentation-container select:focus{outline:none;border-color:#ff8533;box-shadow:0 0 0 3px rgba(255,133,51,.1)}.documentation-container input[type=text]::placeholder{color:#9ca3af;font-weight:400}.documentation-container .grid{gap:2rem}.documentation-container .bg-white.rounded-lg{background:#fff;border-radius:16px;border:2px solid #f3f4f6;transition:all .3s ease;overflow:hidden;position:relative}.documentation-container .bg-white.rounded-lg:hover{border-color:#ff8533;transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(255,133,51,.15),0 4px 6px -2px rgba(255,133,51,.1)}.documentation-container .bg-white.rounded-lg:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff8533,#ffb366);opacity:0;transition:opacity .3s ease}.documentation-container .bg-white.rounded-lg:hover:before{opacity:1}.documentation-container .p-6{padding:2rem}.documentation-container h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.75rem;line-height:1.4}.documentation-container .text-gray-600{color:#6b7280;line-height:1.6}.documentation-container .text-xs{font-size:.75rem;font-weight:500;padding:.5rem 1rem;border-radius:8px;text-transform:uppercase;letter-spacing:.5px}.documentation-container .bg-blue-100{background-color:rgba(255,133,51,.1)!important;color:#ff8533!important}.documentation-container .bg-green-100{background-color:rgba(255,133,51,.15)!important;color:#e67e00!important}.documentation-container .bg-purple-100{background-color:rgba(255,133,51,.2)!important;color:#c60!important}.documentation-container .bg-red-100{background-color:rgba(255,133,51,.25)!important;color:#b35900!important}.documentation-container .bg-gray-100{background-color:#f9fafb;color:#6b7280}.documentation-container .bg-gray-100.text-gray-600{background-color:#f3f4f6;color:#6b7280;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.documentation-container button{background:linear-gradient(135deg,#ff8533,#ffb366);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;position:relative;overflow:hidden}.documentation-container button:hover{background:linear-gradient(135deg,#e67e00,#ff9f4d);transform:translateY(-1px);box-shadow:0 6px 12px -2px rgba(255,133,51,.3)}.documentation-container button:active{transform:translateY(0)}.documentation-container .bg-blue-50{background:linear-gradient(135deg,rgba(255,133,51,.05),rgba(255,179,102,.08));border:2px solid rgba(255,133,51,.1);border-radius:16px;padding:3rem 2rem}.documentation-container .bg-blue-50 h3{color:#1f2937;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.documentation-container .bg-blue-50 p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.documentation-container .bg-blue-600{background:linear-gradient(135deg,#ff8533,#ffb366);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.documentation-container .bg-blue-600:hover{background:linear-gradient(135deg,#e67e00,#ff9f4d);transform:translateY(-2px);box-shadow:0 8px 16px -4px rgba(255,133,51,.3)}.documentation-container .text-center.py-12{padding:4rem 1rem}.documentation-container .text-xl.text-gray-600{color:#6b7280;font-size:1.25rem;font-weight:500}.documentation-container .text-red-500{color:#ef4444}.documentation-container .text-blue-500{color:#3b82f6}.documentation-container .text-green-500{color:#10b981}@media (max-width:768px){.documentation-container{padding:1rem}.documentation-title{font-size:2rem}.documentation-subtitle{font-size:1.1rem}.documentation-header{padding:2rem 1rem;margin-bottom:2rem}.documentation-icon{width:60px;height:60px}.documentation-container .p-6{padding:1.5rem}.documentation-container .grid{grid-template-columns:1fr;gap:1.5rem}.documentation-tabs{flex-direction:column;gap:.5rem;padding:.75rem}.documentation-tab{flex:none;width:100%;padding:.875rem 1.25rem;font-size:.95rem;min-height:44px;display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center}}@media (max-width:480px){.documentation-title{font-size:1.75rem}.documentation-subtitle{font-size:1rem}.documentation-container .p-6{padding:1rem}.documentation-tabs{flex-direction:column;gap:.5rem;padding:1rem}.documentation-tab{flex:none;width:100%;padding:1rem 1.5rem;font-size:1rem;min-height:48px;display:flex;align-items:center;justify-content:center;line-height:1.4;white-space:normal;text-align:center}}.themes-selector-container{max-width:1000px;margin:0 auto}.theme-selector-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem;padding:2rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:1px solid #e2e8f0}.theme-selector{font-size:1rem;cursor:pointer;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:2.5rem}.theme-selector:hover{border-color:#ff8533;box-shadow:0 0 0 3px rgba(255,133,51,.1)}.theme-selector:focus{outline:none;border-color:#ff8533;box-shadow:0 0 0 3px rgba(255,133,51,.2)}.theme-resources-content{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.theme-selector-header{padding:1.5rem}.theme-selector-header h2{font-size:1.5rem;text-align:center}}.themes-dropdown-container{max-width:1000px;margin:0 auto}.theme-dropdown-button{font-size:1.1rem;font-weight:600;text-align:left;box-shadow:0 2px 4px rgba(0,0,0,.1)}.theme-dropdown-button:hover{box-shadow:0 4px 8px rgba(0,0,0,.15);border-color:#ff8533}.theme-dropdown-content{animation:slideDown .3s ease-out;box-shadow:inset 0 2px 4px rgba(0,0,0,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.theme-dropdown-button{font-size:1rem;padding:1rem}.theme-dropdown-content{padding:1rem}}