@tailwind base;@tailwind components;@tailwind utilities;.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgb(75 85 99) rgb(31 41 55)}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:rgb(31 41 55);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:3px;transition:background-color .2s}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:#6b7280}body{@apply bg-gray-900 text-gray-100;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.glass-morphism{background:rgba(17,24,39,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(75,85,99,.3);pointer-events:auto}.glass-morphism-light{background:rgba(31,41,55,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(107,114,128,.2);pointer-events:auto}.jean-avatar{filter:drop-shadow(0 0 20px rgba(74,144,226,.5));transition:all .3s ease;pointer-events:none;z-index:10}.jean-avatar.active{filter:drop-shadow(0 0 30px rgba(74,144,226,.8));transform:scale(1.05);pointer-events:auto}.jean-icon{filter:drop-shadow(0 0 10px rgba(74,144,226,.6));transition:all .3s ease;pointer-events:auto}.jean-icon.active{filter:drop-shadow(0 0 15px rgba(0,255,136,.8));transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4a90e266;border-color:#4a90e299}50%{box-shadow:0 0 40px #4a90e2cc;border-color:#4a90e2cc}}@keyframes breathing{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.float-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.breathing{animation:breathing 4s ease-in-out infinite}.tab-strip{background:linear-gradient(180deg,rgba(31,41,55,.9) 0%,rgba(17,24,39,.9) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(75,85,99,.3)}.tab-active{@apply bg-gradient-to-r from-gray-700/80 to-gray-600/80 text-white;border-bottom:2px solid;border-image:linear-gradient(90deg,#3b82f6,#8b5cf6) 1;box-shadow:0 4px 12px #3b82f633}.tab-inactive{@apply text-gray-400 hover:text-gray-200 hover:bg-gray-700/50;transition:all .2s ease}.tab-pinned{border-left:3px solid #f59e0b;padding-left:8px}.work-zone{@apply bg-gradient-to-br from-gray-800/50 to-gray-900/50 backdrop-blur-sm border border-gray-700/50 rounded-xl;transition:all .3s ease;position:relative;overflow:hidden}.work-zone:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);animation:shimmer 3s ease-in-out infinite}.work-zone.active{@apply border-blue-500/50 shadow-xl;box-shadow:0 0 40px #3b82f64d;transform:scale(1.01)}.work-zone-local{@apply from-green-800/30 to-emerald-900/30 border-green-500/30;}.work-zone-proxy{@apply from-purple-800/30 to-pink-900/30 border-purple-500/30;}.work-zone-web{@apply from-blue-800/30 to-cyan-900/30 border-blue-500/30;}.work-zone-mobile{@apply from-orange-800/30 to-red-900/30 border-orange-500/30;}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.header-enhanced{background:linear-gradient(135deg,rgba(17,24,39,.95) 0%,rgba(30,58,138,.9) 50%,rgba(88,28,135,.9) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:2px solid rgba(59,130,246,.3);box-shadow:0 4px 20px #0000004d}.address-bar{background:rgba(17,24,39,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(75,85,99,.5);transition:all .3s ease}.address-bar:focus-within{border-color:#3b82f6cc;box-shadow:0 0 20px #3b82f666;transform:scale(1.02)}.strip-button{@apply px-3 py-1 rounded-full text-xs font-medium transition-all duration-300;border:2px solid transparent;position:relative;overflow:hidden}.strip-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.strip-button:hover:before{left:100%}.strip-button-active{@apply bg-white/20 text-white scale-110 shadow-lg;border-left-color:currentColor}.strip-button-local{@apply text-green-400 border-green-500;}.strip-button-proxy{@apply text-purple-400 border-purple-500;}.strip-button-web{@apply text-blue-400 border-blue-500;}.strip-button-mobile{@apply text-orange-400 border-orange-500;}.spinner{animation:spin 1s linear infinite;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%}@keyframes spin{to{transform:rotate(360deg)}}.status-indicator{@apply inline-flex items-center space-x-1 px-2 py-1 rounded-full text-xs font-medium;}.status-online{@apply bg-green-500/20 text-green-400 border border-green-500/30;}.status-offline{@apply bg-gray-500/20 text-gray-400 border border-gray-500/30;}.status-loading{@apply bg-yellow-500/20 text-yellow-400 border border-yellow-500/30;}.btn-primary{@apply bg-gradient-to-r from-blue-500 to-purple-500 text-white px-4 py-2 rounded-lg;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f680}.btn-secondary{@apply bg-gray-700/50 hover:bg-gray-700/70 text-gray-300 px-4 py-2 rounded-lg border border-gray-600/50;transition:all .2s ease}.btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #0003}[dir=rtl] .tab-strip{direction:rtl}[dir=rtl] .tab-pinned{border-left:none;border-right:3px solid #f59e0b;padding-left:0;padding-right:8px}[dir=rtl] .strip-button{border-left:none;border-right:2px solid transparent}[dir=rtl] .strip-button-active{border-right-color:currentColor}@media (max-width: 768px){.work-zone{@apply rounded-lg;}.header-enhanced{@apply px-2 py-1;}.strip-button{@apply px-2 py-1 text-xs;}}@media print{.header-enhanced,.tab-strip,.work-zone{@apply bg-white text-black border-gray-300 shadow-none;}}.jean-avatar,.canvas-wrapper{pointer-events:none!important}.jean-avatar.active,.canvas-wrapper.active{pointer-events:auto!important;z-index:40}.modal-backdrop{pointer-events:auto}