:root{--primary:#6366f1;--primary-rgb:99, 102, 241;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #818cf8 50%, #4f46e5 100%);--primary-hover:#4f46e5;--primary-light:#6366f11a;--primary-glow:#6366f159;--accent:#ec4899;--accent-rgb:236, 72, 153;--accent-gradient:linear-gradient(135deg, #ec4899 0%, #d946ef 100%);--bg:#f8fafc;--bg-elevated:#fff;--card-bg:#fff;--card-border:#e2e8f0cc;--card-shadow:0 4px 24px -4px #0f172a0f, 0 2px 8px -2px #0f172a08;--card-shadow-hover:0 12px 40px -8px #0f172a1f;--glass-bg:#ffffffb8;--glass-border:#ffffff4d;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--divider:#f1f5f9;--header-bg:#fffc;--nav-bg:#ffffffd9;--status-new-bg:#0ea5e91a;--status-new-text:#0284c7;--status-progress-bg:#f59e0b1a;--status-progress-text:#d97706;--status-done-bg:#22c55e1a;--status-done-text:#16a34a;--status-canceled-bg:#ef44441a;--status-canceled-text:#dc2626;--priority-low:#10b981;--priority-medium:#f59e0b;--priority-high:#ef4444;--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-full:9999px;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--primary:#818cf8;--primary-rgb:129, 140, 248;--primary-gradient:linear-gradient(135deg, #818cf8 0%, #a78bfa 50%, #6366f1 100%);--primary-hover:#6366f1;--primary-light:#818cf824;--primary-glow:#818cf866;--accent:#f472b6;--accent-rgb:244, 114, 182;--accent-gradient:linear-gradient(135deg, #f472b6 0%, #e879f9 100%);--bg:#070b14;--bg-elevated:#0f172a;--card-bg:#131b2e;--card-border:#ffffff0f;--card-shadow:0 4px 24px -4px #00000080;--card-shadow-hover:0 12px 40px -8px #000000b3;--glass-bg:#131b2eb8;--glass-border:#ffffff0f;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--divider:#ffffff0f;--header-bg:#0f172acc;--nav-bg:#0f172ad9;--status-new-bg:#38bdf82e;--status-new-text:#38bdf8;--status-progress-bg:#fbbf242e;--status-progress-text:#fbbf24;--status-done-bg:#4ade802e;--status-done-text:#4ade80;--status-canceled-bg:#f871712e;--status-canceled-text:#f87171}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior-y:none;height:100%}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-webkit-touch-callout:none;line-height:1.5;overflow-x:hidden}#root{justify-content:center;align-items:flex-start;min-height:100dvh;display:flex}.app-viewport{background-color:var(--bg);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex;position:relative;overflow:hidden}@media (width>=481px){.app-viewport{border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);box-shadow:0 25px 60px -12px #0006}}.app-main{padding-bottom:calc(16px + var(--safe-area-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.page-container{padding:16px;padding-top:calc(12px + var(--safe-area-top));animation:pageEnter .4s var(--ease-smooth)}@keyframes pageEnter{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.page-loader{background:var(--bg);justify-content:center;align-items:center;min-height:100dvh;display:flex}.page-loader-spinner{border:3px solid var(--card-border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.app-header{z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border-bottom:1px solid var(--card-border);padding:calc(12px + var(--safe-area-top)) 16px 12px;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.app-header-title{color:var(--text-primary);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.bottom-nav{bottom:calc(12px + var(--safe-area-bottom));background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border);border-radius:var(--radius-full);z-index:200;justify-content:space-around;align-items:center;width:calc(100% - 24px);max-width:440px;padding:6px 8px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px -4px #00000026}.nav-item{color:var(--text-muted);border-radius:var(--radius-full);transition:all .3s var(--ease-spring);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:8px 18px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-item.active{color:var(--primary);background:var(--primary-light)}.nav-item svg{width:21px;height:21px;transition:transform .3s var(--ease-spring)}.nav-item.active svg{transform:scale(1.18)translateY(-1px)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all .2s var(--ease-smooth);border:none;outline:none;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:14px 24px;font-size:.92rem;font-weight:650;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.96)}.btn:after{content:"";background:#fff0;transition:background .2s;position:absolute;inset:0}.btn:active:after{background:#ffffff1f}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:disabled{opacity:.5;pointer-events:none}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.btn-danger{background:var(--status-canceled-text);color:#fff;box-shadow:0 4px 16px #dc262640}.btn-block{width:100%}.btn-icon{border-radius:var(--radius-full);background:var(--card-bg);border:1px solid var(--card-border);width:44px;height:44px;min-height:44px;color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-spring);justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:active{transform:scale(.9)}.form-group{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.form-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.8rem;font-weight:700}.input-field,.select-field,.textarea-field{border-radius:var(--radius-md);background-color:var(--card-bg);border:1.5px solid var(--card-border);width:100%;color:var(--text-primary);transition:all .25s var(--ease-smooth);outline:none;padding:14px 16px;font-family:inherit;font-size:.95rem;box-shadow:inset 0 1px 3px #00000008}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-light), inset 0 1px 3px #00000008}.textarea-field{resize:vertical;min-height:80px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);transition:all .25s var(--ease-smooth);margin-bottom:14px;padding:18px}.card-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(150%);border:1px solid var(--glass-border)}.card-interactive{cursor:pointer}.card-interactive:active{box-shadow:var(--card-shadow-hover);transform:scale(.98)}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:5px 12px;font-size:.73rem;font-weight:700;display:inline-flex}.badge-new{background:var(--status-new-bg);color:var(--status-new-text)}.badge-progress{background:var(--status-progress-bg);color:var(--status-progress-text)}.badge-done{background:var(--status-done-bg);color:var(--status-done-text)}.badge-canceled{background:var(--status-canceled-bg);color:var(--status-canceled-text)}.priority-indicator{border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px}.priority-low{background-color:var(--priority-low);color:var(--priority-low)}.priority-medium{background-color:var(--priority-medium);color:var(--priority-medium)}.priority-high{background-color:var(--priority-high);color:var(--priority-high)}.fab{bottom:calc(24px + var(--safe-area-bottom));background:var(--primary-gradient);color:#fff;width:60px;height:60px;box-shadow:0 8px 28px var(--primary-glow);cursor:pointer;z-index:150;transition:all .25s var(--ease-spring);border:none;border-radius:30px;justify-content:center;align-items:center;animation:3s ease-in-out infinite fabPulse;display:flex;position:fixed;right:max(20px,50% - 210px)}.fab:active{transform:scale(.88)}@keyframes fabPulse{0%,to{box-shadow:0 8px 28px var(--primary-glow)}50%{box-shadow:0 8px 40px rgba(var(--primary-rgb), .5)}}.segmented-control{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-full);box-shadow:var(--card-shadow);padding:4px;display:flex}.segmented-btn{border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;transition:all .3s var(--ease-spring);background:0 0;border:none;flex:1;padding:10px;font-size:.85rem;font-weight:700}.segmented-btn.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px var(--primary-glow)}.search-wrapper{flex:1;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.search-clear:active{color:var(--text-primary)}.status-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:8px;margin-bottom:16px;padding-bottom:8px;display:flex;overflow-x:auto}.status-tabs::-webkit-scrollbar{display:none}.status-tab{border-radius:var(--radius-full);border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);white-space:nowrap;cursor:pointer;box-shadow:var(--card-shadow);transition:all .25s var(--ease-spring);padding:8px 18px;font-size:.82rem;font-weight:700}.status-tab.active{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 16px var(--primary-glow);border-color:#0000}.priority-filter{background:var(--primary-light);border:1px solid var(--primary-glow)}.priority-chip{border-radius:var(--radius-full);border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all .2s var(--ease-spring);flex:1;padding:8px 12px;font-size:.8rem;font-weight:650}.priority-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 10px var(--primary-glow)}.hero-banner{background:var(--primary-gradient);color:#fff;position:relative;overflow:hidden}.hero-banner:before{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-50%;right:-20%}.hero-banner:after{content:"";pointer-events:none;background:#ffffff0d;border-radius:50%;width:150px;height:150px;position:absolute;bottom:-30%;left:-10%}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.metric-card{flex-direction:column;gap:6px;padding:16px;display:flex}.metric-value{letter-spacing:-.03em;font-size:2rem;font-weight:800;line-height:1}.progress-bar{background:var(--card-border);border-radius:5px;height:10px;overflow:hidden}.progress-fill{height:100%;transition:width .8s var(--ease-smooth);background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%);border-radius:5px}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-end;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.bottom-sheet-content{background:var(--card-bg);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);width:100%;max-width:480px;padding:24px 20px calc(24px + var(--safe-area-bottom));animation:sheetSlideUp .35s var(--ease-smooth);box-shadow:0 -10px 50px #00000059}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:var(--primary-gradient);opacity:.08;pointer-events:none;border-radius:50%;width:400px;height:400px;position:absolute;top:-20%;right:-30%}.login-page:after{content:"";background:var(--accent-gradient);opacity:.06;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-15%;left:-20%}.login-logo{background:var(--primary-gradient);color:#fff;width:80px;height:80px;box-shadow:0 12px 32px var(--primary-glow);border-radius:28px;justify-content:center;align-items:center;margin:0 auto 16px;font-size:2.2rem;font-weight:800;display:flex;position:relative}.login-form{z-index:1;flex-direction:column;gap:16px;width:100%;max-width:360px;display:flex;position:relative}.input-icon-wrapper{position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:color .15s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.input-toggle:active{color:var(--text-primary)}.error-banner{background:var(--status-canceled-bg);color:var(--status-canceled-text);border-radius:var(--radius-md);text-align:center;word-break:break-word;animation:shakeIn .4s var(--ease-spring);padding:12px 16px;font-size:.85rem}@keyframes shakeIn{0%{opacity:0;transform:translate(-8px)}25%{transform:translate(6px)}50%{transform:translate(-4px)}75%{transform:translate(2px)}to{opacity:1;transform:translate(0)}}.pin-page{flex-direction:column;justify-content:space-between;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.pin-dots{justify-content:center;gap:14px;margin-top:20px;display:flex}.pin-dot{border:2.5px solid var(--primary);width:16px;height:16px;transition:all .2s var(--ease-spring);background:0 0;border-radius:50%}.pin-dot.filled{background:var(--primary);box-shadow:0 0 12px var(--primary-glow);transform:scale(1.15)}.pin-dot.error{border-color:var(--status-canceled-text);background:var(--status-canceled-text);animation:pinShake .5s var(--ease-spring)}@keyframes pinShake{0%,to{transform:translate(0)}20%{transform:translate(-12px)}40%{transform:translate(10px)}60%{transform:translate(-8px)}80%{transform:translate(4px)}}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:280px;display:grid}.pin-key{border:1.5px solid var(--card-border);background:var(--card-bg);width:72px;height:72px;color:var(--text-primary);cursor:pointer;transition:all .15s var(--ease-spring);border-radius:50%;justify-content:center;justify-self:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000f}.pin-key:active{background:var(--primary-light);transform:scale(.9)}.pin-key-action{composes:pin-key;color:var(--text-secondary);box-shadow:none;background:0 0;border:none;font-size:.9rem}.bottom-action-bar{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(180%);border-top:1px solid var(--glass-border);width:100%;max-width:480px;padding:12px 16px calc(12px + var(--safe-area-bottom));z-index:300;gap:10px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.photo-upload-area{border:2px dashed var(--primary-glow);border-radius:var(--radius-md);text-align:center;cursor:pointer;background:var(--primary-light);color:var(--primary);transition:all .2s var(--ease-smooth);flex-direction:column;align-items:center;gap:8px;padding:32px 16px;display:flex}.photo-upload-area:active{background:rgba(var(--primary-rgb), .16);transform:scale(.98)}.photo-preview{border-radius:var(--radius-md);border:1px solid var(--card-border);width:100%;position:relative;overflow:hidden}.photo-delete-btn{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;padding:8px;transition:transform .15s;position:absolute;top:10px;right:10px}.photo-delete-btn:active{transform:scale(.9)}.room-chips{scrollbar-width:none;gap:6px;padding-top:6px;display:flex;overflow-x:auto}.room-chips::-webkit-scrollbar{display:none}.room-chip{border-radius:var(--radius-full);border:1.5px solid var(--card-border);background:var(--card-bg);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-spring);padding:5px 12px;font-size:.78rem;font-weight:650}.room-chip.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow)}.urgency-selector{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);gap:6px;padding:4px;display:flex}.urgency-btn{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all .25s var(--ease-spring);background:0 0;border:none;flex:1;padding:10px;font-size:.85rem;font-weight:700}.urgency-btn.active{color:#fff;box-shadow:0 4px 12px #00000026}.urgency-btn.active[data-urgency=low]{background:linear-gradient(135deg,#10b981,#059669)}.urgency-btn.active[data-urgency=medium]{background:linear-gradient(135deg,#f59e0b,#d97706)}.urgency-btn.active[data-urgency=high]{background:linear-gradient(135deg,#ef4444,#dc2626)}.settings-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.8rem;font-weight:700}.settings-row{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.settings-label{align-items:center;gap:12px;display:flex}.settings-label-text{font-size:.95rem;font-weight:600}.settings-label-sub{color:var(--text-secondary);font-size:.8rem}.toggle-switch{background:var(--card-border);cursor:pointer;width:52px;height:30px;transition:background .3s var(--ease-smooth);border:none;border-radius:15px;padding:0;position:relative}.toggle-switch.active{background:var(--primary)}.toggle-knob{width:24px;height:24px;transition:transform .3s var(--ease-spring);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000026}.toggle-switch.active .toggle-knob{transform:translate(22px)}.camera-overlay{z-index:1000;background:#000000e0;flex-direction:column;justify-content:center;align-items:center;padding:16px;animation:.2s overlayFadeIn;display:flex;position:fixed;inset:0}.camera-modal{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:440px;animation:sheetSlideUp .3s var(--ease-smooth);flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex;position:relative}.camera-video{border-radius:var(--radius-md);background:#000;width:100%;overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--card-border) 25%, rgba(var(--primary-rgb), .06) 50%, var(--card-border) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.task-card-meta{border-top:1px solid var(--divider);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-top:10px;font-size:.8rem;display:flex}.task-card-meta-left{align-items:center;gap:14px;display:flex}.task-card-meta-item{align-items:center;gap:4px;font-weight:500;display:flex}.task-card-meta-right{align-items:center;gap:6px;display:flex}.task-card-image-icon{color:var(--primary);background:var(--primary-light);border-radius:6px;align-items:center;padding:4px;display:flex}.task-room-badge{background:var(--primary-light);color:var(--primary);border-radius:var(--radius-full);align-items:center;gap:5px;padding:5px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.detail-info-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:.85rem;display:flex}.detail-info-icon{flex-shrink:0}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state-title{color:var(--text-secondary);margin-bottom:4px;font-size:1rem;font-weight:600}.empty-state-sub{font-size:.85rem}.loading-state{text-align:center;color:var(--text-secondary);padding:48px 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:.8s linear infinite spin}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-title{text-align:center;margin:0 0 8px;font-size:1.2rem;font-weight:800}.confirm-subtitle{text-align:center;color:var(--text-secondary);margin:0 0 20px;font-size:.88rem}.confirm-actions{gap:12px;display:flex}.dash-counter{text-align:center;border:1.5px solid var(--primary-glow);padding:28px 16px}.dash-counter-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;font-size:.78rem;font-weight:700}.dash-counter-value{color:var(--primary);letter-spacing:-.04em;margin:4px 0;font-size:3.6rem;font-weight:900;line-height:1}.dash-counter-sub{color:var(--text-muted);margin:0;font-size:.85rem;font-weight:500}.profile-card{opacity:.85;align-items:center;gap:8px;font-size:.85rem;display:flex}.profile-role-badge{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;align-items:center;gap:6px;padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.settings-logout-btn{margin-top:28px}.lang-select{border-radius:var(--radius-full);width:auto;min-width:120px;padding:8px 14px;font-size:.85rem}.btn-start{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d}.btn-finish{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 4px 16px #22c55e4d}.btn-cancel{color:var(--status-canceled-text);border-color:var(--status-canceled-text)}