@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:high){.ios-glass,.ios-button{background:#ffffff26;border:2px solid rgba(255,255,255,.3)}}@media(prefers-color-scheme:dark){:root{color-scheme:dark}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-feature-settings:"liga" 1,"kern" 1;font-variant-numeric:lining-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0e27,#1a1f3a,#2d1b4e,#1e3a5f,#0f2847);background-size:400% 400%;animation:gradient-shift 15s ease infinite;min-height:100vh;line-height:1.6;color:#ffffffe6;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none;z-index:0}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}*:focus{outline:2px solid #3b82f6;outline-offset:2px}*:focus:not(:focus-visible){outline:none}*:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.skip-link{position:absolute;top:-40px;left:6px;background:#3b82f6;color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-link:focus{top:6px}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.ios-glass{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.ios-glass:hover{background:#ffffff1f;border-color:#fff3;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff26}.neu-modal-content{background:#0f172af2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.ios-button{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.ios-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.ios-button:hover:before{left:100%}.ios-button:hover{background:#ffffff1f;border-color:#fff3;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #0000004d,inset 0 1px #fff3}.ios-button:active{transform:translateY(0) scale(.98);transition-duration:.1s}.ios-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.ios-button:disabled:hover{transform:none;background:#ffffff14}.ios-button-active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#3b82f680;color:#fff;box-shadow:0 8px 25px #3b82f64d,inset 0 1px #fff3}.ios-button-active:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.form-input{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.1);border-radius:12px;padding:12px 16px;color:#fff;font-size:16px;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a;width:100%}.form-input:focus{outline:none;border-color:#3b82f6;background:#ffffff1f;box-shadow:0 0 0 3px #3b82f633,inset 0 2px 4px #0000001a;transform:translateY(-1px)}.form-input:hover:not(:focus){border-color:#fff3;background:#ffffff1a}.form-input::placeholder{color:#ffffff80;opacity:1}.form-input:invalid{border-color:#ef4444}.form-input:invalid:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433,inset 0 2px 4px #0000001a}textarea.form-input{resize:vertical;min-height:80px}select.form-input{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px 12px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.sidebar{background:linear-gradient(180deg,#0f172ae6,#1e293bcc);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-right:1px solid rgba(255,255,255,.15);box-shadow:4px 0 32px #0006,inset -1px 0 #ffffff1a,inset 0 1px #ffffff0d;position:relative}.sidebar:before{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%);animation:sidebar-glow 3s ease-in-out infinite}@keyframes sidebar-glow{0%,to{opacity:.3}50%{opacity:.8}}.main-panel{background:#0f172af2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d}.bottom-nav{background:#0f172af2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -8px 32px #0000004d,inset 0 1px #ffffff1a}.view-fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInRight{0%{opacity:0;transform:translate(100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.animate-slide-in-left{animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.animate-slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.animate-bounce-in{animation:bounceIn .6s cubic-bezier(.68,-.55,.265,1.55)}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-glow{animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{box-shadow:0 0 20px #3b82f64d}to{box-shadow:0 0 30px #3b82f699}}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}body.app-mode{background:linear-gradient(135deg,#0a0e27,#1a1f3a,#2d1b4e,#1e3a5f,#0f2847);background-size:400% 400%;animation:gradient-shift 15s ease infinite}.hover-lift{transition:all .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.gradient-text{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-blue{box-shadow:0 0 20px #3b82f64d}.glow-purple{box-shadow:0 0 20px #8b5cf64d}@media(max-width:768px){.ios-glass{border-radius:16px;padding:16px}.neu-modal-content{border-radius:20px;margin:8px;max-height:calc(100vh - 16px)}.form-input{font-size:16px;padding:14px 16px}.ios-button{min-height:44px;padding:12px 20px}button,a,[role=button]{min-height:44px;min-width:44px}}@media(max-width:480px){.ios-glass{border-radius:12px;padding:12px}.neu-modal-content{margin:4px;border-radius:16px}.form-input{padding:16px;font-size:16px}}@media(min-width:1200px){.ios-glass{border-radius:24px}.neu-modal-content{border-radius:28px}}@media(hover:none)and (pointer:coarse){.ios-button:hover{transform:none}.ios-button:active{transform:scale(.95);background:#ffffff26}.ios-glass:hover{transform:none}}@media(max-height:500px)and (orientation:landscape){.neu-modal-content{max-height:90vh;overflow-y:auto}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #22c55e80}50%{box-shadow:0 0 20px #22c55ecc}}.animate-pulse-glow{animation:pulse-glow 2s infinite}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,.3)}.backdrop-blur-xs{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.backdrop-blur-2xl{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.interactive{transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.status-online{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 10px #10b98166}.status-offline{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-busy{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 0 10px #f59e0b66}.list-item{transition:all .2s ease;border-radius:12px}.list-item:hover{background:#ffffff0d;transform:translate(4px)}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:shimmer 2s infinite}.tooltip{position:relative}.tooltip:before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s;z-index:1000}.tooltip:hover:before{opacity:1}.sidebar-nav-item{position:relative;overflow:hidden}.sidebar-nav-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.sidebar-nav-item:hover:before{transform:translate(100%)}.nav-icon-glow{filter:drop-shadow(0 0 8px currentColor);transition:filter .3s ease}.nav-icon-active{filter:drop-shadow(0 0 12px currentColor) drop-shadow(0 0 20px currentColor)}.logo-gradient{background:linear-gradient(135deg,#fff,#e2e8f0,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.nav-item-active{animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.nav-hover-effect{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-hover-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s ease;pointer-events:none}.nav-hover-effect:hover:after{width:100%;height:100%}.nav-tooltip{background:linear-gradient(135deg,#0f172af2,#1e293bf2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 25px #0000004d,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.nav-badge{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 0 10px #ef444480,0 2px 4px #0000004d;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 0 10px #ef444480,0 2px 4px #0000004d}50%{transform:scale(1.1);box-shadow:0 0 15px #ef4444b3,0 4px 8px #0006}}.mobile-nav-item{position:relative;overflow:hidden}.mobile-nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,currentColor,transparent);transition:left .5s ease}.mobile-nav-item.active:before{left:0}@media(prefers-reduced-motion:reduce){.nav-item-active,.nav-badge,.sidebar-nav-item:before{animation:none}.nav-hover-effect:after{transition:none}}@media(prefers-contrast:high){.nav-tooltip{background:#000;border:2px solid #ffffff}.nav-badge{background:red;border:1px solid #ffffff}}@keyframes tutorial-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.tutorial-highlight-pulse{animation:tutorial-pulse 1s ease-in-out 2}.number,.count,.time,.date{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-variant-numeric:lining-nums;font-feature-settings:"tnum"}*{font-variant-numeric:lining-nums;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes gentle-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hover\:scale-102:hover{transform:scale(1.02)}