@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.5;color:#111827;background-color:#f9fafb}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f3f4f6}::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#6b7280}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}a{color:#4a90e2;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#357abd}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:disabled{opacity:.6;cursor:not-allowed}code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem;font-size:.875em}pre{font-family:JetBrains Mono,Fira Code,Courier New,monospace;background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:.5rem;overflow-x:auto;margin:1rem 0}pre code{background-color:transparent;padding:0;color:inherit}.container{max-width:1440px;margin:0 auto;padding:0 2rem}.grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes typing{0%,to{border-right-color:#7b68ee}50%{border-right-color:transparent}}.ai-gradient{background:linear-gradient(135deg,#7b68ee,#9584f2)}.ai-border{border:2px solid #7B68EE;box-shadow:0 0 20px #7b68ee4d}.ai-glow{box-shadow:0 0 20px #7b68ee4d,0 4px 6px #0000001a}.streaming-text{animation:fadeIn .3s ease-in}.typing-cursor{display:inline-block;width:2px;height:1em;background-color:#7b68ee;margin-left:2px;animation:typing 1s steps(2) infinite}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 2s linear infinite;border-radius:.5rem}.hide-mobile,.hide-tablet,.hide-desktop{display:block}.show-mobile-only,.show-tablet-only{display:none}.container{max-width:1440px;margin:0 auto;padding:0 2rem;width:100%}.row{display:flex;flex-wrap:wrap;margin:0 -.75rem}.col{flex:1;padding:0 .75rem;min-width:0}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:998;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{position:fixed;top:0;left:-280px;width:280px;height:100vh;background-color:#fff;z-index:999;transition:transform .3s ease;overflow-y:auto;box-shadow:4px 0 20px #0000001a}.mobile-nav.active{transform:translate(280px)}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #E5E7EB}.mobile-nav-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:none;font-size:24px;color:#6b7280;transition:all .2s ease}.mobile-nav-close:hover{background-color:#f3f4f6;color:#111827}.mobile-nav-content{padding:1rem}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#374151;transition:all .2s ease;text-decoration:none}.mobile-nav-link:hover,.mobile-nav-link.active{background-color:#eff6ff;color:#4a90e2}.mobile-nav-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #E5E7EB}.mobile-nav-section-title{font-size:12px;font-weight:600;text-transform:uppercase;color:#9ca3af;padding:0 16px;margin-bottom:.5rem}.hamburger-btn{display:none;width:44px;height:44px;padding:8px;border-radius:8px;background:none;flex-direction:column;justify-content:center;align-items:center;gap:5px}.hamburger-btn span{display:block;width:24px;height:2px;background-color:#374151;border-radius:2px;transition:all .3s ease}.hamburger-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger-btn.active span:nth-child(2){opacity:0}.hamburger-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.table-responsive table{min-width:100%}.form-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.touch-target{min-height:44px;min-width:44px}@media (max-width: 479px){html{font-size:14px}.container{padding:0 .75rem}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.hide-mobile{display:none!important}.show-mobile-only{display:block!important}.hamburger-btn{display:flex}.card-grid{grid-template-columns:1fr;gap:1rem}.form-row{grid-template-columns:1fr}.btn-group{flex-direction:column;width:100%}.btn-group>button{width:100%}}@media (min-width: 480px) and (max-width: 767px){.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.625rem}.hide-mobile{display:none!important}.show-mobile-only{display:block!important}.hamburger-btn{display:flex}.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px) and (max-width: 1023px){.container{padding:0 1.5rem}h1{font-size:2.25rem}h2{font-size:1.875rem}.hide-tablet{display:none!important}.show-tablet-only{display:block!important}.hamburger-btn{display:flex}.card-grid{grid-template-columns:repeat(2,1fr)}.grid-12{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1024px) and (max-width: 1279px){.hide-desktop{display:none!important}.card-grid{grid-template-columns:repeat(3,1fr)}.grid-12{grid-template-columns:repeat(12,1fr)}}@media (min-width: 1280px){.card-grid{grid-template-columns:repeat(4,1fr)}}@supports (padding: max(0px)){.safe-area-inset{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background-color:#fff;box-shadow:0 -2px 10px #0000001a;padding:.5rem 0;z-index:900}.bottom-nav-items{display:flex;justify-content:space-around;align-items:center;max-width:480px;margin:0 auto}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;padding:.5rem;color:#6b7280;text-decoration:none;transition:color .2s ease;flex:1;max-width:80px}.bottom-nav-item.active{color:#4a90e2}.bottom-nav-icon{font-size:24px;margin-bottom:2px}.bottom-nav-label{font-size:10px;font-weight:500}@media (max-width: 767px){.bottom-nav{display:block}main{padding-bottom:70px}}.pull-to-refresh{position:absolute;top:-50px;left:50%;transform:translate(-50%);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;box-shadow:0 2px 8px #0000001a;transition:transform .3s ease}.pull-to-refresh.active{transform:translate(-50%) translateY(70px)}.swipe-item{position:relative;overflow:hidden;touch-action:pan-y}.swipe-actions{position:absolute;top:0;right:-100px;width:100px;height:100%;display:flex;transition:transform .3s ease}.swipe-action-btn{flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500}.swipe-action-delete{background-color:#ef4444}.swipe-action-edit{background-color:#f59e0b}.p-mobile-0{padding:0}.p-mobile-1{padding:.25rem}.p-mobile-2{padding:.5rem}.p-mobile-3{padding:.75rem}.p-mobile-4{padding:1rem}.m-mobile-0{margin:0}.m-mobile-1{margin:.25rem}.m-mobile-2{margin:.5rem}.m-mobile-3{margin:.75rem}.m-mobile-4{margin:1rem}@media (min-width: 768px){.p-mobile-0,.p-mobile-1,.p-mobile-2,.p-mobile-3,.p-mobile-4{padding:inherit}.m-mobile-0,.m-mobile-1,.m-mobile-2,.m-mobile-3,.m-mobile-4{margin:inherit}}@media print{body{background-color:#fff}.no-print{display:none!important}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}