.cache-buster{content:"version-2024-10-31-v3"}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif;--bg: #050508;--card-bg: #141418;--nested-bg: #1c1c22;--card-border: rgba(255, 255, 255, .12);--accent: #9333ea;--accent-light: #a855f7;--accent-bg: rgba(147, 51, 234, .18);--accent-border: rgba(147, 51, 234, .35);--text: #ffffff;--text-muted: rgba(255, 255, 255, .52);--green: #22c55e;--priority-high: rgba(239, 68, 68, .7);--priority-medium: rgba(234, 179, 8, .45);--primary-purple: #9333ea;--primary-purple-dark: #7c3aed;--secondary-blue: #3B82F6;--accent-pink: #EC4899;--success-green: #22c55e;--warning-orange: #F59E0B;--error-red: #EF4444;--gradient-primary: linear-gradient(135deg, var(--accent) 0%, #7c3aed 100%);--gradient-secondary: linear-gradient(135deg, var(--accent-bg) 0%, rgba(124, 58, 237, .2) 100%);--gradient-dark: var(--bg);--gradient-purple: linear-gradient(135deg, var(--accent) 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%;max-width:100vw;height:100%;overflow-x:hidden;background:var(--bg);color:var(--text);scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}#root{width:100%;max-width:100vw;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:flex-start;background:var(--bg);overflow-x:hidden;overflow-y:auto}.mobile-container{width:100%;max-width:100%;margin:0;min-height:100vh;background:transparent;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:none;border:none;z-index:2}@media (min-width: 768px){.mobile-container{max-width:100%;width:100%;margin:0;min-height:100vh;box-shadow:none;border:none}}@media (min-width: 1024px){.mobile-container{max-width:100%;width:100%;margin:0;min-height:100vh;box-shadow:none;border:none}}.header{position:relative;z-index:1;padding:80px 20px 10px!important;background:transparent!important;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;text-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.3),0 0 60px rgba(139,92,246,.2);filter:drop-shadow(0 0 10px rgba(139,92,246,.6))}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;margin:12px 0;position:relative;overflow:hidden}@media (min-width: 768px){.card{border-radius:20px;padding:28px;margin:20px 0}}@media (min-width: 1024px){.card{border-radius:24px;padding:32px;margin:24px 0;box-shadow:0 8px 32px #0003}}.action-btn{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:12px;padding:14px 20px;color:var(--accent-light);font-weight:500;font-size:14px;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;min-height:48px}.glass-btn{background:var(--nested-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px 20px;color:var(--text);font-weight:500;font-size:14px;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;min-height:48px}.glass-btn:hover{background:linear-gradient(135deg,#8b5cf680,#6d28d999);border-color:#8b5cf6b3;box-shadow:0 8px 32px #8b5cf659}.glass-btn:active{transform:scale(.98)}.glass-btn.success{background:#10b98133;border-color:#10b98166;box-shadow:0 8px 32px #10b98126}.glass-btn.danger{background:#ef444433;border-color:#ef444466;box-shadow:0 8px 32px #ef444426}.glass-btn.secondary{background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 32px #0000001a}.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)}.action-btn.primary{background:var(--gradient-primary);box-shadow:0 8px 32px #667eea4d}input:not([data-no-override]),textarea:not([data-no-override]),select:not([data-no-override]){background:var(--nested-bg);border:1px solid var(--card-border);border-radius:10px;padding:14px 16px;color:var(--text);font-size:14px;width:100%;margin:8px 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}input:not([data-no-override])::placeholder,textarea:not([data-no-override])::placeholder{color:var(--text-muted);font-weight:400}input:not([data-no-override]):focus,textarea:not([data-no-override]):focus,select:not([data-no-override]):focus{outline:none;border-color:var(--accent);background:var(--nested-bg);color:var(--text)}.input-field:not([data-no-override]){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;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:not([data-no-override]):focus{border-color:#8b5cf6cc!important;box-shadow:0 0 0 3px #8b5cf633!important;background:#0009!important}.input-field:not([data-no-override])::placeholder{color:#fff9!important;opacity:1!important}.input-field:not([data-no-override]):-webkit-autofill,.input-field:not([data-no-override]):-webkit-autofill:hover,.input-field:not([data-no-override]):-webkit-autofill:focus,.input-field:not([data-no-override]):-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:not([data-no-override])[type=date]{color-scheme:dark!important}.input-field:not([data-no-override])[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:clamp(12px,3vw,16px);margin:24px 0;padding:0 20px;width:100%;max-width:100%;box-sizing:border-box}@media (min-width: 768px){.tasks-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:40px 0;width:100%}}@media (min-width: 1024px){.tasks-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin:40px 0}}.task-card{background:var(--gradient-purple);border-radius:clamp(16px,4vw,20px);padding:clamp(16px,4vw,20px);color:#fff;cursor:pointer;position:relative;overflow:hidden;transform-origin:center center;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;box-sizing:border-box}.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.priority{grid-row:span 2;background:linear-gradient(135deg,#8b5cf6,#ec4899)}.task-card .task-title{font-size:clamp(12px,3vw,14px);font-weight:700;margin-bottom:clamp(6px,2vw,8px);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-card .task-count{font-size:clamp(11px,2.5vw,13px);opacity:.9;display:flex;align-items:center;gap:clamp(6px,2vw,8px);line-height:1.3;white-space:nowrap}.task-count:before{content:"";width:8px;height:8px;background:#34d399;border-radius:50%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;padding:0 20px 16px;background:linear-gradient(to top,var(--bg) 80%,transparent);z-index:1000}@media (max-height: 500px){.bottom-nav{opacity:0;pointer-events:none}}@media (max-height: 500px){.bottom-nav{opacity:0;pointer-events:none;transition:opacity .2s ease-out}}@supports (height: 100dvh){@media (max-height: 400px){.bottom-nav{display:none}}}@media (min-width: 768px){.bottom-nav{max-width:600px;border-radius:30px;padding:20px 40px;justify-content:center;gap:40px;background:linear-gradient(135deg,#1a1a2ef2,#141428fa)}.nav-item{min-width:80px;font-size:12px}.floating-add-btn{width:66px;height:66px;top:-36px}}@media (min-width: 1024px){.bottom-nav{position:fixed;bottom:40px;left:50%;top:auto;transform:translate(-50%);width:auto;max-width:800px;height:80px;border-radius:40px;padding:12px 60px;flex-direction:row;justify-content:center;gap:60px;border:1px solid rgba(139,92,246,.25);background:linear-gradient(135deg,#1a1a2ef2,#141428fa)}.nav-item{min-width:90px;font-size:13px;padding:12px 16px}.floating-add-btn{width:72px;height:72px;top:-40px}}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffffb3;font-size:clamp(9px,2.5vw,11px);font-weight:600;letter-spacing:.8px;cursor:pointer;padding:clamp(6px,2vw,8px) clamp(8px,2.5vw,12px);border-radius:12px;min-width:clamp(50px,12vw,60px);text-transform:uppercase;position:relative;transform:translateY(0);box-sizing:border-box}.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}.nav-item.active{color:#fff;background:#8b5cf640;box-shadow:0 2px 12px #8b5cf64d;text-shadow:0 0 6px rgba(139,92,246,.4)}.nav-item.active:before{width:70%;box-shadow:0 0 10px #8b5cf699}.nav-item .icon{width:clamp(22px,5.5vw,26px);height:clamp(22px,5.5vw,26px);margin-bottom:clamp(4px,1.5vw,6px);display:flex;align-items:center;justify-content:center}.nav-item .icon svg{width:100%;height:100%;fill:currentColor;stroke:currentColor;stroke-width:1.5}.floating-add-btn{position:absolute;top:clamp(-28px,-7vw,-32px);left:50%;transform:translate(-50%);width:clamp(56px,14vw,62px);height:clamp(56px,14vw,62px);background:linear-gradient(135deg,#8b5cf6d9,#ec4899cc);border:2px solid rgba(139,92,246,.6);border-radius:50%;color:#fff;font-size:clamp(24px,6vw,28px);font-weight:300;cursor:pointer;box-shadow:0 10px 28px #8b5cf680,0 5px 16px #ec489966,0 0 0 1px #ffffff26 inset,0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;z-index:10;overflow:visible}.floating-add-btn:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(135deg,#8b5cf6b3,#ec489980);border-radius:50%;z-index:-1;opacity:.6;filter:blur(10px)}.floating-add-btn svg{width:clamp(26px,6.5vw,30px);height:clamp(26px,6.5vw,30px);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}.company-name-neon{filter:drop-shadow(0 0 10px rgba(139,92,246,.6));text-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(139,92,246,.3),0 0 60px rgba(139,92,246,.2)}.company-header{padding:20px 20px 16px;text-align:center;background:linear-gradient(180deg,rgba(139,92,246,.15) 0%,transparent 100%);margin-bottom:10px}@media (max-width: 767px){.company-header{padding:40px 20px 16px}}.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]:not([data-no-override]),input[type=email]:not([data-no-override]),input[type=password]:not([data-no-override]),input[type=date]:not([data-no-override]),input[type=datetime-local]:not([data-no-override]),input[type=number]:not([data-no-override]),input[type=search]:not([data-no-override]),input[type=tel]:not([data-no-override]),input[type=url]:not([data-no-override]),textarea:not([data-no-override]),select:not([data-no-override]){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;outline:none!important;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Arial,sans-serif!important}input:not([data-no-override])::placeholder,textarea:not([data-no-override])::placeholder{color:#fff9!important;opacity:1!important}input:not([data-no-override])::-webkit-input-placeholder,textarea:not([data-no-override])::-webkit-input-placeholder{color:#fff9!important}input:not([data-no-override])::-moz-placeholder,textarea:not([data-no-override])::-moz-placeholder{color:#fff9!important;opacity:1!important}input:not([data-no-override]):-ms-input-placeholder,textarea:not([data-no-override]):-ms-input-placeholder{color:#fff9!important}input:not([data-no-override]):focus,textarea:not([data-no-override]):focus,select:not([data-no-override]):focus{border-color:#8b5cf6cc!important;box-shadow:0 0 0 3px #8b5cf633!important;background:#0009!important}input:not([data-no-override]):-webkit-autofill,input:not([data-no-override]):-webkit-autofill:hover,input:not([data-no-override]):-webkit-autofill:focus,input:not([data-no-override]):-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:not([data-no-override])[type=date]{color-scheme:dark!important}input:not([data-no-override])[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)!important;opacity:.8!important}select:not([data-no-override]){cursor:pointer!important}select:not([data-no-override]) option{background:#000000e6!important;color:#fff!important;padding:8px!important}@media (max-width: 768px){input:not([data-no-override]),textarea:not([data-no-override]),select:not([data-no-override]){font-size:16px!important}}.tg-viewport input:not([data-no-override]),.tg-viewport textarea:not([data-no-override]),.tg-viewport select:not([data-no-override]),body[data-telegram] input:not([data-no-override]),body[data-telegram] textarea:not([data-no-override]),body[data-telegram] select:not([data-no-override]){background:#00000080!important;color:#fff!important;border:1px solid rgba(139,92,246,.5)!important}@media (min-width: 768px){.tasks-list-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:20px 0}.tasks-list-container>.card{margin:0}}@media (min-width: 1024px){.tasks-list-container{grid-template-columns:repeat(3,1fr);gap:24px;margin:24px 0}.card h3{font-size:20px!important}.card .task-title{font-size:18px!important}.action-btn{font-size:16px!important;padding:18px 32px!important;min-height:56px}}@media (min-width: 768px){.header{padding:60px 40px 40px}.company-name,.company_name{font-size:36px!important}.greeting{font-size:18px!important}}@media (min-width: 1024px){.header{padding:80px 60px 50px}.company-name,.company_name{font-size:42px!important}.greeting{font-size:20px!important}}
