.cache-buster{content:"version-2024-06-18-v2"}*{box-sizing:border-box;margin:0;padding:0}:root{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Arial,sans-serif;--primary-purple: #8B5CF6;--primary-purple-dark: #7C3AED;--secondary-blue: #3B82F6;--accent-pink: #EC4899;--success-green: #10B981;--warning-orange: #F59E0B;--error-red: #EF4444;--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-secondary: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-dark: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);--gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden;background:var(--gradient-dark);color:#fff}#root{width:100%;min-height:100vh;position:relative}.mobile-container{max-width:480px;margin:0 auto;min-height:100vh;background:var(--gradient-dark);position:relative;overflow:hidden}.mobile-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.1) 0%,transparent 70%);animation:rotate 20s linear infinite;z-index:0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{position:relative;z-index:1;padding:40px 20px 30px;background:linear-gradient(180deg,rgba(139,92,246,.2) 0%,transparent 100%);text-align:left}.greeting{font-size:16px;color:#ffffffb3;font-weight:400;margin-bottom:8px}.company_name,.company-name{font-size:28px;font-weight:700;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.card{background:#ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;margin:16px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf633;border-color:#8b5cf64d}.action-btn{background:var(--gradient-purple);border:none;border-radius:16px;padding:16px 24px;color:#fff;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px #8b5cf64d}.action-btn: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}.action-btn:hover:before{left:100%}.action-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #8b5cf666}.action-btn:active{transform:translateY(0)}.action-btn.primary{background:var(--gradient-primary);box-shadow:0 8px 32px #667eea4d}.action-btn.primary:hover{box-shadow:0 12px 40px #667eea66}input,textarea,select{background:#0006;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:16px;color:#fff;font-size:16px;width:100%;margin:8px 0;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Arial,sans-serif;box-shadow:0 4px 16px #0000001a}input::placeholder,textarea::placeholder{color:#fff9;font-weight:400}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-purple);box-shadow:0 0 0 3px #8b5cf64d,0 4px 20px #0003;background:#0009;color:#fff}.input-field{width:100%!important;font-size:16px!important;padding:12px 16px!important;margin:8px 0!important;border-radius:12px!important;border:1px solid rgba(139,92,246,.5)!important;background:#00000080!important;color:#fff!important;outline:none!important;transition:all .3s ease!important;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Arial,sans-serif!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;-webkit-autofill-shadow-inset:none!important;box-shadow:0 0 0 1000px #00000080 inset!important;-webkit-text-fill-color:#ffffff!important}.input-field:focus{border-color:#8b5cf6cc!important;box-shadow:0 0 0 3px #8b5cf633!important;background:#0009!important}.input-field::placeholder{color:#fff9!important;opacity:1!important}.input-field:-webkit-autofill,.input-field:-webkit-autofill:hover,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.5) inset!important;-webkit-text-fill-color:#ffffff!important;background-color:#00000080!important;color:#fff!important}.input-field[type=date]{color-scheme:dark!important}.input-field[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.8!important}.task-status{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-assigned{background:#fbbf2433;color:#fcd34d;border:1px solid rgba(251,191,36,.3)}.status-in-progress{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-completed{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button-row .action-btn{flex:1;min-width:120px}.tasks-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 16px}.task-card{background:var(--gradient-purple);border-radius:20px;padding:20px;color:#fff;cursor:pointer;position:relative;overflow:hidden;transform-origin:center center}.task-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.task-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf64d}.task-card.priority{grid-row:span 2;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.task-card .task-title{font-size:18px;font-weight:700;margin-bottom:8px}.task-card .task-count{font-size:14px;opacity:.9;display:flex;align-items:center;gap:8px}.task-count:before{content:"";width:8px;height:8px;background:#34d399;border-radius:50%}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#000000e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(139,92,246,.2);border-radius:24px 24px 0 0;padding:20px 16px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -8px 32px #0000004d}.nav-item{display:flex;flex-direction:column;align-items:center;color:#fffc;font-size:11px;font-weight:600;letter-spacing:.8px;cursor:pointer;padding:8px 12px;border-radius:12px;min-width:60px;text-transform:uppercase;position:relative;transform:translateY(0)}.nav-item:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899);border-radius:1px;transition:width .3s ease}.nav-item:hover{color:#fff;background:#8b5cf61a}.nav-item:hover:before{width:60%}.nav-item.active{color:#fff;background:#8b5cf633;box-shadow:0 4px 16px #8b5cf633;text-shadow:0 0 8px rgba(139,92,246,.3)}.nav-item.active:before{width:80%;box-shadow:0 0 8px #8b5cf680}.nav-item .icon{width:24px;height:24px;margin-bottom:6px}.nav-item.active .icon{filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}.nav-item .icon svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:1.5}.floating-add-btn{position:absolute;top:-32px;left:50%;transform:translate(-50%);width:64px;height:64px;background:var(--gradient-purple);border:none;border-radius:50%;color:#fff;font-size:28px;font-weight:300;cursor:pointer;box-shadow:0 16px 32px #8b5cf666;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border:3px solid rgba(0,0,0,.8)}.floating-add-btn:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:var(--gradient-purple);border-radius:50%;z-index:-1;opacity:.6;filter:blur(8px)}.floating-add-btn:hover{transform:translate(-50%) translateY(-6px) scale(1.05);box-shadow:0 24px 48px #8b5cf680}.floating-add-btn svg{width:32px;height:32px;stroke:currentColor;stroke-width:2.5}.loading{display:flex;justify-content:center;align-items:center;height:100vh;flex-direction:column;gap:16px}.spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.3);border-top:3px solid var(--primary-purple);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-message{background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;margin:16px;color:#fca5a5;text-align:center;font-weight:500}input[type=text],input[type=email],input[type=password],input[type=date],input[type=datetime-local],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{background:#00000080!important;background-color:#00000080!important;color:#fff!important;border:1px solid rgba(139,92,246,.5)!important;border-radius:12px!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important;-webkit-autofill-shadow-inset:none!important;box-shadow:0 0 0 1000px #00000080 inset!important;-webkit-text-fill-color:#ffffff!important;padding:12px 16px!important;font-size:16px!important;width:100%!important;transition:all .3s ease!important;outline:none!important;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Arial,sans-serif!important}input::placeholder,textarea::placeholder{color:#fff9!important;opacity:1!important}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#fff9!important}input::-moz-placeholder,textarea::-moz-placeholder{color:#fff9!important;opacity:1!important}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#fff9!important}input:focus,textarea:focus,select:focus{border-color:#8b5cf6cc!important;box-shadow:0 0 0 3px #8b5cf633!important;background:#0009!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(0,0,0,.5) inset!important;-webkit-text-fill-color:#ffffff!important;background-color:#00000080!important;color:#fff!important}input[type=date]{color-scheme:dark!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.8!important}select{cursor:pointer!important}select option{background:#000000e6!important;color:#fff!important;padding:8px!important}@media (max-width: 768px){input,textarea,select{font-size:16px!important}}.tg-viewport input,.tg-viewport textarea,.tg-viewport select,body[data-telegram] input,body[data-telegram] textarea,body[data-telegram] select{background:#00000080!important;color:#fff!important;border:1px solid rgba(139,92,246,.5)!important}