@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap";.login-page{min-height:100vh;min-height:100dvh;display:flex;background-color:#060608;color:#fff;position:relative;overflow:hidden}.login-branding{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;position:relative;overflow:hidden;background:linear-gradient(135deg,#060608,#0a0a12,#060608)}.login-branding:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at 30% 50%,rgba(46,196,165,.12) 0%,transparent 60%);pointer-events:none;animation:pulseGlow 12s cubic-bezier(.4,0,.6,1) infinite;will-change:opacity,transform}.login-branding:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(46,196,165,.08) 1px,transparent 1px);background-size:28px 28px;opacity:.4;pointer-events:none}.login-brand-content{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}.login-logo{font-family:Orbitron,Inter,monospace;font-size:42px;font-weight:700;letter-spacing:16px;text-transform:uppercase;margin-bottom:16px;background:linear-gradient(135deg,#fff,#2ec4a5 30%,#5ef5d0,#2ec4a5 70%,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(46,196,165,.3))}.login-brand-subtitle{font-family:Orbitron,Inter,monospace;font-size:11px;color:#2ec4a580;letter-spacing:4px;text-transform:uppercase;margin-bottom:40px;font-weight:500}.login-brand-line{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin:0 0 32px;border-radius:2px;box-shadow:0 0 12px #2ec4a54d}.login-brand-desc{font-size:15px;color:#ffffff73;line-height:1.8;max-width:360px;text-align:center}.login-form-panel{width:480px;display:flex;flex-direction:column;justify-content:center;padding:60px 50px;background-color:#0a0a12d9;border-left:1px solid rgba(46,196,165,.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:relative}.login-form-panel:before{content:"";position:absolute;top:-1px;left:-1px;bottom:-1px;width:1px;background:linear-gradient(180deg,transparent 10%,rgba(46,196,165,.3) 50%,transparent 90%);pointer-events:none}.login-form-header{margin-bottom:40px}.login-form-header h2{font-family:Orbitron,Inter,monospace;font-size:22px;font-weight:600;margin-bottom:10px;letter-spacing:2px}.login-form-header p{font-size:14px;color:#ffffff73}.login-form-header .accent{color:var(--accent)}.login-error{padding:12px 16px;background-color:var(--error-bg);border:1px solid var(--error-border);border-radius:var(--radius-sm);color:var(--error);font-size:14px;margin-bottom:20px}.login-form .form-group{margin-bottom:24px}.login-form .form-group label{display:block;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.login-form .form-group input{width:100%;padding:14px 16px;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:#fff;font-size:15px;outline:none;transition:border-color .3s,background-color .3s}.login-form .form-group input:focus{border-color:var(--accent);background-color:#2ec4a50a}.login-form .form-group input::placeholder{color:#ffffff40}.btn-login{width:100%;padding:15px;background:linear-gradient(135deg,var(--accent),#1fa88c);color:#fff;position:relative;overflow:hidden;box-shadow:0 0 20px #2ec4a533,0 4px 15px #0000004d;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:background-color .3s,transform .2s}.btn-login:hover{background:linear-gradient(135deg,#34d4b3,var(--accent));transform:translateY(-1px);box-shadow:0 0 30px #2ec4a559,0 6px 20px #0000004d}.btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.app-layout{display:flex;min-height:100vh;min-height:100dvh;background-color:var(--bg-body)}.sidebar{width:var(--sidebar-width);background-color:#08080ee6;border-right:1px solid rgba(46,196,165,.06);display:flex;flex-direction:column;padding:28px 20px;flex-shrink:0;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow-y:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.sidebar-logo{font-family:Orbitron,Inter,monospace;font-size:20px;font-weight:700;letter-spacing:6px;text-align:center;margin-bottom:4px;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(135deg,#fff,#2ec4a5 40%,#5ef5d0 60%,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}.sidebar-subtitle{text-align:center;font-family:Orbitron,Inter,monospace;font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#2ec4a580;margin-bottom:24px;font-weight:500}.sidebar-nav{flex:1}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;color:#ffffff73;cursor:pointer;transition:all .25s;margin-bottom:4px;border:none;background:transparent;width:100%;text-align:left;position:relative}.sidebar-link:hover{background-color:#2ec4a50f;color:#fff}.sidebar-link.active{background:linear-gradient(135deg,#2ec4a51f,#2ec4a50f);color:var(--accent);box-shadow:inset 0 0 12px #2ec4a50d}.sidebar-link.active:before{content:"";position:absolute;left:0;top:25%;bottom:25%;width:2px;background:var(--accent);border-radius:0 2px 2px 0;box-shadow:0 0 8px #2ec4a580}.sidebar-icon{font-size:18px;width:20px;text-align:center}.sidebar-divider{height:1px;background:var(--border);margin:12px 0}.sidebar-section-label{font-family:Orbitron,Inter,monospace;font-size:8px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#2ec4a54d;padding:8px 16px 4px}.sidebar-footer{border-top:1px solid var(--border);padding-top:20px}.sidebar-user{display:flex;align-items:center;gap:12px;margin-bottom:16px}.sidebar-user-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--accent),#1fa88c);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:Orbitron,Inter,monospace;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 0 15px #2ec4a533;color:#060608}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{font-size:13px;font-weight:600}.sidebar-user-email{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout{width:100%;padding:10px;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#ffffff80;font-size:13px;transition:all .3s}.btn-logout:hover{border-color:#ff646466;color:var(--error)}.btn-install{width:100%;padding:10px;background:transparent;border:1px solid var(--accent-border);border-radius:var(--radius-sm);color:var(--accent);font-size:12px;font-weight:600;margin-bottom:8px;transition:all .3s}.btn-install:hover{background:var(--accent-bg)}.btn-apk{display:block;text-align:center;text-decoration:none;color:inherit;background:linear-gradient(135deg,#3ddc84,#00a956);border:none}.btn-apk:hover{background:linear-gradient(135deg,#4ee895,#00c966)}.main-content{flex:1;margin-left:var(--sidebar-width);padding:36px 40px;overflow-y:auto;min-height:100vh;min-height:100dvh;position:relative}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header h1{font-family:Orbitron,Inter,monospace;font-size:24px;font-weight:700;margin-bottom:6px;letter-spacing:2px;background:linear-gradient(135deg,#fff,#2ec4a5,#5ef5d0,#2ec4a5,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}.page-header p{font-family:Orbitron,Inter,monospace;font-size:9px;color:#2ec4a559;letter-spacing:2px;text-transform:uppercase;font-weight:500}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,var(--accent),#1fa88c);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;transition:all .3s;white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 0 15px #2ec4a526}.btn-primary:hover{background:linear-gradient(135deg,#34d4b3,var(--accent));transform:translateY(-1px);box-shadow:0 0 25px #2ec4a54d,0 4px 15px #0000004d}.btn-secondary{padding:8px 16px;background-color:#ffffff0f;border:none;border-radius:var(--radius-sm);color:#ffffffb3;font-size:13px;font-weight:600;transition:all .2s}.btn-secondary:hover{background-color:#ffffff1a;color:#fff}.btn-danger{padding:8px 16px;background-color:#ff646414;border:none;border-radius:var(--radius-sm);color:#ff6464b3;font-size:13px;font-weight:600;transition:all .2s}.btn-danger:hover{background-color:#ff646426;color:var(--error)}.btn-ghost{padding:8px 14px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-ghost:hover{background:#ffffff0f;border-color:var(--border-input);color:var(--text-primary)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-icon{padding:8px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:16px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#ffffff0a;color:#fff}.alert{padding:14px 18px;border-radius:var(--radius-md);font-size:14px;margin-bottom:20px}.alert-success{background-color:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent)}.alert-error{background-color:var(--error-bg);border:1px solid var(--error-border);color:var(--error)}.card{background-color:#0a0a12b3;border-radius:var(--radius-lg);border:1px solid rgba(46,196,165,.06);overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px #0000004d}.card-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:16px;font-weight:600}.card-body{padding:20px}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:14px 20px;text-align:left;font-family:Orbitron,Inter,monospace;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#2ec4a566;background-color:#2ec4a508;border-bottom:1px solid rgba(46,196,165,.08)}.data-table td{padding:16px 20px;font-size:14px;border-bottom:1px solid rgba(46,196,165,.04)}.data-table tbody tr{transition:background-color .2s}.data-table tbody tr:hover{background-color:#2ec4a508}.data-table tbody tr:last-child td{border-bottom:none}.table{width:100%;border-collapse:collapse}.table th{padding:10px 16px;text-align:left;font-family:Orbitron,Inter,monospace;font-size:8px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#2ec4a566;background-color:#2ec4a508;border-bottom:1px solid rgba(46,196,165,.08)}.table td{padding:10px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid rgba(46,196,165,.04)}.table tbody tr:hover{background-color:#2ec4a508}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;letter-spacing:.5px}.badge-accent{background:#2ec4a51f;color:var(--accent);box-shadow:0 0 8px #2ec4a51a}.badge-warning{background-color:#ffaa321f;color:var(--warning);box-shadow:0 0 8px #ffaa321a}.badge-info{background-color:#6496ff1f;color:var(--info);box-shadow:0 0 8px #6496ff1a}.badge-error{background-color:#ff64641a;color:var(--error);box-shadow:0 0 8px #ff64641a}.badge-neutral{background-color:#ffffff0f;color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal{background-color:#0c0c14f2;border:1px solid rgba(46,196,165,.1);border-radius:var(--radius-xl);width:520px;max-width:95vw;max-height:90vh;overflow-y:auto;padding:32px;box-shadow:0 25px 80px #00000080,0 0 40px #2ec4a50d;position:relative}.modal:before{content:"";position:absolute;top:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,rgba(46,196,165,.3),transparent)}.modal-lg{width:720px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.modal-header h2{font-family:Orbitron,Inter,monospace;font-size:18px;font-weight:600;letter-spacing:2px}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px;transition:color .2s}.modal-close:hover{color:#fff}.form-group{margin-bottom:20px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=url],.form-group input[type=tel],.form-group input[type=search],.form-group textarea,.form-group select{width:100%;padding:10px 14px;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .2s}.form-group input[type=text]:focus,.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=number]:focus,.form-group input[type=url]:focus,.form-group input[type=tel]:focus,.form-group input[type=search]:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent);background-color:#2ec4a50a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group select option{background-color:var(--bg-modal);color:var(--text-primary)}.form-group input[type=color]{padding:2px;height:36px;width:60px;border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);cursor:pointer}.form-group input[type=checkbox]{accent-color:var(--accent)}.form-label{display:block;font-family:Orbitron,Inter,monospace;font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#2ec4a566;margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:12px 16px;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:#fff;font-size:14px;outline:none;transition:border-color .3s,background-color .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);background-color:#2ec4a50a}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff40}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23999' d='M4 6l4 4 4-4'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;padding-right:36px}.form-select option,select option{background-color:#1a1a1a;color:#fff}select{background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:#fff;font-size:14px;padding:8px 12px}.form-textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.search-bar{position:relative;margin-bottom:20px}.search-bar input{width:100%;padding:12px 16px 12px 40px;background-color:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-md);color:#fff;font-size:14px;outline:none;transition:border-color .3s}.search-bar input:focus{border-color:var(--accent)}.search-bar .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:16px}.tab-bar{display:flex;gap:4px;background-color:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;margin-bottom:20px}.tab-btn{flex:1;padding:8px 16px;background:transparent;border:none;border-radius:4px;color:var(--text-muted);font-size:13px;font-weight:600;transition:all .25s;white-space:nowrap}.tab-btn:hover{color:#fff9}.tab-btn.active{background:linear-gradient(135deg,var(--accent),#1fa88c);color:#fff;box-shadow:0 2px 12px #2ec4a54d,0 0 20px #2ec4a51a}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;font-weight:500;margin-bottom:8px;color:var(--text-secondary)}.empty-state p{font-size:14px}.loading{display:flex;justify-content:center;align-items:center;padding:60px 0}.spinner{width:32px;height:32px;border:3px solid rgba(46,196,165,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 15px #2ec4a526}@keyframes spin{to{transform:rotate(360deg)}}.priority-low{color:#6496ff}.priority-medium{color:var(--accent)}.priority-high{color:var(--warning)}.priority-urgent{color:var(--error)}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#2ec4a533,#2ec4a514);color:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:Orbitron,Inter,monospace;font-size:12px;font-weight:700;flex-shrink:0;border:1px solid rgba(46,196,165,.15)}.avatar-sm{width:28px;height:28px;font-size:11px}.actions-row{display:flex;gap:8px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 10px;background-color:#333;color:#fff;font-size:12px;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}[data-tooltip]:hover:after{opacity:1}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background-color:#08080ee6;border-bottom:1px solid rgba(46,196,165,.06);z-index:40;padding:0 16px;padding-top:env(safe-area-inset-top,0px);align-items:center;justify-content:space-between;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-header .logo-text{font-family:Orbitron,Inter,monospace;font-size:14px;font-weight:700;letter-spacing:4px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:linear-gradient(135deg,#fff,#2ec4a5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hamburger-btn{background:transparent;border:none;color:#fff;font-size:24px;padding:8px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:45}@media(max-width:900px){.login-page{position:fixed;top:0;right:0;bottom:0;left:0;flex-direction:column;min-height:0!important;overflow:hidden;background:linear-gradient(180deg,#111,#1a1a1a 40%,#1a1a1a);touch-action:none}.login-branding{flex:0 0 auto;padding:0;padding-top:max(env(safe-area-inset-top,32px),32px);padding-bottom:0;min-height:0;background:none;overflow:visible;margin-top:auto}.login-branding:before{display:none}.login-brand-content{gap:2px}.login-logo{font-size:22px;letter-spacing:7px;margin-bottom:2px}.login-brand-subtitle{font-size:9px;letter-spacing:2.5px;margin-bottom:0}.login-brand-line,.login-brand-desc{display:none}.login-form-panel{width:100%;flex:0 0 auto;min-height:0;padding:0 28px;border-left:none;border-top:none;background:none;justify-content:flex-start;overflow:hidden;margin-bottom:auto}.login-form-header{margin-top:45px;margin-bottom:14px}.login-form-header h2{font-size:20px;margin-bottom:2px}.login-form-header p{font-size:13px}.login-error{padding:10px 14px;font-size:13px;margin-bottom:10px}.login-form .form-group{margin-bottom:10px}.login-form .form-group label{font-size:11px;letter-spacing:1px;margin-bottom:4px}.login-form .form-group input{padding:10px 14px;font-size:15px}.btn-login{padding:13px;font-size:13px;margin-top:4px}.mobile-header{display:flex;height:calc(56px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px)}.sidebar{left:auto;right:0;transform:translate(100%);transition:transform .3s;z-index:50;padding-top:env(safe-area-inset-top,0px)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.sidebar-nav{padding-top:12px!important;padding-bottom:12px!important}.sidebar-link{padding:14px 16px;margin-bottom:2px}.sidebar-footer{padding-top:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))!important}.btn-logout{margin-bottom:8px}.main-content{margin-left:0;padding:16px;padding-top:calc(72px + env(safe-area-inset-top,0px));padding-bottom:calc(56px + env(safe-area-inset-bottom,0px));overflow-x:hidden}.page-header{flex-direction:column;gap:12px}.page-header h1{font-size:20px}.page-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;width:100%}.tab-bar{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0;max-width:100%}.tab-btn{font-size:12px;padding:6px 10px;white-space:nowrap;flex-shrink:0}.btn-primary,.btn-secondary,.btn-danger{font-size:12px;padding:8px 14px;white-space:nowrap}.card{overflow-x:auto;max-width:100%}.data-table th{padding:8px 10px;font-size:10px;letter-spacing:.5px}.data-table td{padding:10px;font-size:12px}.actions-row{flex-wrap:nowrap;gap:4px}.actions-row .btn-secondary,.actions-row .btn-danger{font-size:10px!important;padding:3px 6px!important}.form-row{grid-template-columns:1fr}.modal{width:95vw;padding:20px;margin:8px;max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100vh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overflow-y:auto}.modal-header h2{font-size:16px}.form-actions{flex-wrap:wrap;gap:8px}.kanban-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.sidebar-link{font-size:13px;padding:10px 16px}.mail-inbox-layout{flex-direction:column}.mail-folder-sidebar{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid var(--border);padding:4px 0;gap:0}.mail-folder-item{padding:6px 10px;font-size:12px;white-space:nowrap;flex-shrink:0}.mail-folder-email{display:none}.mail-row{font-size:12px}.mail-inbox-content{padding-left:0}.mail-toolbar{flex-wrap:wrap}.mail-search-input{min-width:120px;font-size:12px}.mail-hover-preview{display:none}.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.filter-bar,[style*="gap: 12px"][style*=flex-wrap]{gap:8px}.ai-fab{bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tasks-mobile-tabs{display:flex;width:100%;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;overflow:hidden}.tasks-mobile-tabs button{flex:1;padding:10px 0;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.tasks-mobile-tabs button.active{color:var(--accent);background:#2ec4a50f;border-bottom-color:var(--accent)}.tasks-mobile-item{background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 14px;display:flex;align-items:center;gap:10px;-webkit-user-select:none;user-select:none;transition:transform .25s ease}.tasks-mobile-item:last-child{border-bottom:none}.tasks-mobile-list{border:1px solid var(--border);border-radius:10px;overflow:hidden}.task-swipe-wrap{overflow:hidden;position:relative}.task-swipe-actions{position:absolute;top:0;bottom:0;display:flex;align-items:stretch}.task-swipe-actions.left{left:0;background:linear-gradient(90deg,var(--accent) 0%,rgba(46,196,165,.8) 100%)}.task-swipe-actions.right{right:0;background:linear-gradient(90deg,#646464e6,#505050f2)}.task-swipe-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0 14px;border:none;background:none;color:#fff;font-size:10px;font-weight:600;cursor:pointer;white-space:nowrap}.task-swipe-actions button span{font-size:16px}.task-detail-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-body);display:flex;flex-direction:column;overflow:hidden}.task-detail-mobile-header{display:flex;align-items:center;gap:8px;padding:12px 16px;padding-top:max(env(safe-area-inset-top,12px),12px);border-bottom:1px solid var(--border);background:var(--bg-card)}.task-detail-mobile-tabbar{display:flex;background:var(--bg-card);border-bottom:1px solid var(--border)}.task-detail-mobile-tabbar button{flex:1;padding:10px 0;font-size:13px;font-weight:600;background:none;border:none;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.task-detail-mobile-tabbar button.active{color:var(--accent);border-bottom-color:var(--accent)}.task-detail-mobile-body{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}.task-detail-mobile-actions{display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-card);flex-shrink:0}.task-detail-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid}.task-detail-action-btn.complete{background:#2ec4a51f;border-color:#2ec4a559;color:#2ec4a5}.task-detail-action-btn.edit{background:#ffffff0d;border-color:#ffffff1f;color:var(--text-secondary)}}.mail-page{display:flex;flex-direction:column;gap:12px}.mail-account-select{min-width:160px;max-width:260px}.mail-account-bar{display:flex;align-items:center;gap:8px;margin-bottom:4px}.mail-account-bar select{min-width:160px;max-width:280px}.mail-other-unread-indicator{font-size:1rem;line-height:1;cursor:default;margin-left:4px;animation:mail-unread-pulse 2s ease-in-out infinite}@keyframes mail-unread-pulse{0%,to{opacity:1}50%{opacity:.5}}.mail-crm-cell{width:60px;flex-shrink:0;overflow:visible!important;position:relative}.mail-settings{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-card);border-color:var(--border)}.mail-settings-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:8px}.mail-settings-tab{padding:10px 24px;border:none;background:none;cursor:pointer;font-size:.9rem;font-weight:500;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.mail-settings-tab:hover{color:var(--text-primary)}.mail-settings-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.mail-settings-header{display:flex;justify-content:space-between;align-items:center}.mail-signature-section{margin-top:4px}.mail-signature-textarea{width:100%;min-height:120px;padding:12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-family:monospace;font-size:.85rem;resize:vertical;line-height:1.5;background:var(--bg-input);color:var(--text-primary)}.mail-signature-preview{margin-top:12px;padding:12px;background:#ffffff0a;border:1px solid var(--border);border-radius:var(--radius-sm)}.mail-signature-preview-text{margin:6px 0 0;font-size:.85rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;font-family:inherit}.mail-folder-mapping-list{display:flex;flex-direction:column;gap:8px}.mail-folder-mapping-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-sm)}.mail-folder-mapping-label{font-weight:600;font-size:.85rem;color:var(--text-primary);min-width:140px;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-folder-mapping-arrow{color:var(--text-muted);font-size:1.1rem}.mail-folder-mapping-select{flex:1;padding:6px 10px;border:1px solid var(--border-input);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:.85rem;cursor:pointer}.mail-folder-mapping-select option{background:var(--bg-modal);color:var(--text-primary)}.mail-access-panel{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;margin-top:8px}.mail-access-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.mail-access-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.mail-test-result{padding:8px 12px;border-radius:var(--radius-sm);margin-top:8px;font-size:.9rem}.mail-test-result.success{background:#2ec4a51f;color:#86efac}.mail-test-result.error{background:#ff64641f;color:#fca5a5}.mail-read-delay-setting{padding:8px 0}.mail-inbox-layout{display:flex;gap:0;min-height:400px}.mail-folder-sidebar{display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding:8px 0;border-right:1px solid var(--border);overflow-x:hidden}.mail-folder-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:none;background:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;text-align:left;color:var(--text-secondary);transition:background .15s}.mail-folder-item:hover{background:#ffffff0d}.mail-folder-item.active{background:#2ec4a526;color:var(--accent);font-weight:600}.mail-folder-badge{margin-left:auto;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px;border-radius:10px;font-size:.7rem;font-weight:700;background:#2ec4a533;color:var(--accent);box-shadow:0 0 8px #2ec4a566,0 0 2px #2ec4a599;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 6px #2ec4a54d,0 0 2px #2ec4a580}50%{box-shadow:0 0 12px #2ec4a580,0 0 4px #2ec4a5b3}}.mail-folder-email{padding:10px 12px 4px;font-size:.75rem;color:var(--text-muted);border-top:1px solid var(--border);margin-top:6px;word-break:break-all}.mail-inbox-content{flex:1;display:flex;flex-direction:column;gap:8px;padding-left:8px;min-width:0}.mail-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:4px 0}.mail-search-input{padding:6px 12px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.85rem;min-width:180px;background:var(--bg-input);color:var(--text-primary)}.mail-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2ec4a526}.mail-color-legend{display:flex;align-items:center;gap:16px;padding:4px 2px 6px;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.mail-color-legend__item{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.mail-color-legend__dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.mail-color-legend__dot--new{background:#2ec4a5b3;box-shadow:0 0 4px #2ec4a566}.mail-color-legend__dot--unmarked{background:#fb923cb3;box-shadow:0 0 4px #fb923c59}.mail-color-legend__dot--read{background:transparent;border:1.5px solid var(--text-muted)}.mail-message-table{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.mail-row{display:grid;align-items:center;padding:.35rem .4rem;border-bottom:1px solid var(--border);transition:background .15s,box-shadow .15s;position:relative}.mail-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:4px;padding-right:4px}.mail-row-head{font-weight:600;font-size:.85rem;color:var(--text-muted);border-bottom:2px solid var(--border);background:#ffffff08}.mail-row:not(.mail-row-head):hover{filter:brightness(1.08)}.mail-row.unread{font-weight:600}.mail-row.unread>span:first-child{color:var(--accent);font-size:.7rem}.mail-from,.mail-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row-actions-always{display:flex;gap:0;flex-wrap:nowrap;opacity:1}.mail-row-actions-always .icon-btn,.icon-btn{font-size:.95rem;padding:1px 2px;cursor:pointer;background:none;border:none;opacity:.6;transition:opacity .15s;color:inherit}.mail-row-actions-always .icon-btn:hover,.icon-btn:hover{opacity:1}.mail-row-actions{display:flex;gap:4px;flex-wrap:nowrap}.col-resizer{display:inline-block;width:4px;height:100%;cursor:col-resize;position:absolute;right:0;top:0;bottom:0}.header-cell{position:relative}.mail-label-flag{display:inline-block;padding:1px 7px;border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.mail-label-flag.small{font-size:.65rem;padding:0 5px;margin-right:4px}.mail-label-color-dot{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:middle}.mail-message-labels{display:flex;gap:4px;flex-wrap:wrap;margin:4px 0}.mail-label-picker-wrap{position:relative;display:inline-block}.mail-label-picker-dropdown{position:absolute;top:100%;right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border-input);border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;min-width:160px;padding:4px;display:flex;flex-direction:column}.mail-label-picker-item{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:.85rem;color:var(--text-primary)}.mail-label-picker-item:hover{background:#ffffff0d}.mail-label-picker-item.active{background:#2ec4a514}.mail-label-btn-wrap,.mail-actions-dropdown-wrap{position:relative;display:inline-block}.mail-actions-dropdown{position:absolute;top:100%;right:0;z-index:9999;background:var(--bg-card);border:1px solid var(--border-input);border-radius:var(--radius-md);box-shadow:0 4px 16px #0006;min-width:180px;padding:4px;display:flex;flex-direction:column}.mail-actions-dropdown button{display:block;width:100%;text-align:left;padding:8px 12px;border:none;background:none;cursor:pointer;border-radius:4px;font-size:.85rem;color:var(--text-secondary)}.mail-actions-dropdown button:hover{background:#ffffff0d}.mail-crm-portal{pointer-events:auto}.mail-crm-portal .mail-actions-dropdown{position:relative;top:0;right:auto;box-shadow:0 8px 30px #00000059}.mail-message-detail{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-card);border-color:var(--border)}.mail-message-detail-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.mail-read-toggle{display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.85rem;padding:4px 10px;border-radius:var(--radius-md);background:#ffffff0d;border:1px solid var(--border-input);transition:background .2s;-webkit-user-select:none;user-select:none}.mail-read-toggle:hover{background:#ffffff14}.mail-read-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.mail-message-detail-actions{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.mail-message-header h3{margin:8px 0 4px}.mail-message-meta{display:flex;flex-direction:column;gap:2px;font-size:.9rem;color:var(--text-secondary)}.mail-message-body{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;background:#fff;overflow:auto;max-height:60vh;color:#1a1a1a}.mail-message-body a{color:#1a73e8}.mail-message-body blockquote{border-left:3px solid #ccc;margin:8px 0;padding-left:12px;color:#555}.mail-plaintext{white-space:pre-wrap;word-break:break-word;font-family:inherit;margin:0}.mail-compose{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--bg-card);border-color:var(--border)}.mail-compose-bottom-bar{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap}.mail-compose-cc-row{display:flex;gap:16px}.mail-compose-cc-row .form-group{min-width:0}.rte-wrap{border:1px solid var(--border-input);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-card)}.rte-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 8px;border-bottom:1px solid var(--border);background:#ffffff08}.rte-toolbar input[type=color]{position:absolute;bottom:0;left:0;width:100%!important;height:4px!important;padding:0!important;border:none!important;cursor:pointer;opacity:.85;min-width:0}.rte-toolbar input[type=checkbox]{width:auto!important;height:auto!important;padding:0!important}.rte-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 4px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .1s}.rte-btn:hover{background:#ffffff14}.rte-select{border:1px solid var(--border-input);border-radius:4px;background:var(--bg-card);color:var(--text-secondary);font-size:11px;padding:2px 4px!important;cursor:pointer;flex-shrink:0;min-width:80px;max-width:160px;width:auto!important;height:28px!important}.rte-size-select{min-width:100px;max-width:130px}.rte-select option{background:var(--bg-card);color:var(--text-primary)}.rte-sep{width:1px;height:20px;background:var(--border);margin:0 4px}.rte-color-btn{position:relative;overflow:hidden}.rte-color-input{position:absolute;bottom:0;left:0;width:100%;height:4px;padding:0;border:none;cursor:pointer;opacity:.85}.rte-body{min-height:200px;height:200px;max-height:none;overflow-y:auto;padding:12px 16px;font-size:.9rem;line-height:1.6;color:var(--text-primary);outline:none;resize:none}.rte-body:empty:before{content:attr(data-placeholder);color:var(--text-muted);pointer-events:none}.rte-body img{max-width:100%;height:auto;border-radius:4px;margin:4px 0}.rte-resize-handle{display:flex;align-items:center;justify-content:center;height:14px;cursor:ns-resize;background:#ffffff08;border-top:1px solid var(--border);-webkit-user-select:none;user-select:none;transition:background .15s}.rte-resize-handle:hover{background:#2ec4a514}.rte-resize-dots{font-size:10px;line-height:1;color:var(--text-muted);letter-spacing:2px;opacity:.5}.rte-signature-section{border-top:1px solid var(--border);padding:8px 16px;font-size:.82rem;color:var(--text-muted)}.rte-signature-section .mail-compose-signature-sep{color:var(--text-muted);font-size:.82rem}.rte-signature-section .mail-compose-signature-text{font-family:inherit;margin:2px 0 0;white-space:pre-wrap;font-size:.82rem;color:var(--text-muted)}.rte-signature-toggle{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;flex-shrink:0}.rte-signature-toggle input[type=checkbox]{accent-color:var(--accent);width:14px!important;height:14px!important;padding:0!important;cursor:pointer}.rte-quoted-message{border-top:1px solid var(--border);padding:12px 16px;max-height:300px;overflow-y:auto;font-size:.85rem;color:var(--text-muted);background:#ffffff05}.rte-quoted-message div{color:inherit}.attach-dropdown{position:relative}.attach-dropdown-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border-input);border-radius:var(--radius-sm);box-shadow:0 4px 16px #0000004d;min-width:180px;padding:4px 0;z-index:100}.attach-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 14px;border:none;background:none;color:var(--text-primary);font-size:.88rem;cursor:pointer;text-align:left}.attach-dropdown-item:hover{background:#ffffff0d}.mail-attach-row{display:flex;align-items:center;gap:8px}.mail-dropzone{display:flex;align-items:center;justify-content:center;padding:8px 24px;min-width:240px;border:2px dashed var(--border-input);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.82rem;cursor:default;transition:border-color .15s,background .15s;white-space:nowrap}.mail-dropzone--active{border-color:var(--accent);background:#2ec4a514;color:var(--accent)}.mail-compose-signature{border-top:1px solid var(--border);padding-top:8px;margin-top:-4px;opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.mail-compose-signature-sep{font-size:.85rem;color:var(--text-muted);margin-bottom:2px}.mail-compose-signature-text{font-family:inherit;font-size:.85rem;color:var(--text-muted);white-space:pre-wrap;margin:0;line-height:1.5}.mail-chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--border-input);border-radius:var(--radius-sm);background:var(--bg-input);min-height:38px;cursor:text;transition:border-color .15s}.mail-chip-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #2ec4a51f}.mail-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;font-size:.82rem;padding:2px 8px;border-radius:999px;white-space:nowrap;line-height:1.5}.mail-chip-remove{background:none;border:none;color:#fffc;font-size:1rem;cursor:pointer;padding:0 2px;line-height:1;font-weight:600}.mail-chip-remove:hover{color:#fff}.mail-chip-text-input{flex:1;min-width:100px;border:none!important;outline:none!important;padding:0!important;margin:0;font-size:.9rem;background:transparent;box-shadow:none!important;color:var(--text-primary)}.mail-settings-row-selected{background:#2ec4a51f!important;outline:2px solid var(--accent);outline-offset:-2px}.mail-compose-attachments{display:flex;flex-direction:column;gap:8px}.mail-compose-attach-list{display:flex;flex-wrap:wrap;gap:6px}.mail-compose-attach-item{display:inline-flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid var(--border-input);border-radius:var(--radius-sm);padding:4px 10px;font-size:.82rem}.mail-compose-attach-name{font-weight:500;color:var(--text-primary);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-compose-attach-size{color:var(--text-muted);font-size:.78rem}.mail-pagination{display:flex;gap:12px;align-items:center;justify-content:center;padding:8px 0}.mail-per-page-select{margin-left:auto;padding:3px 8px;border:1px solid var(--border-input);border-radius:var(--radius-sm);font-size:.82rem;background:var(--bg-input);color:var(--text-secondary);cursor:pointer}.mail-hover-preview{position:fixed;z-index:999;transform:translate(-50%);background:var(--bg-modal);color:var(--text-primary);border:1px solid var(--border-input);border-radius:var(--radius-lg);box-shadow:0 12px 36px #00000080;padding:16px 20px;width:480px;max-height:320px;overflow:hidden;pointer-events:none;font-size:.88rem;line-height:1.5}.mail-hover-preview strong{display:block;margin-bottom:6px;word-break:break-word;color:var(--text-primary);font-size:.95rem}.mail-hover-preview p,.mail-hover-body{margin:2px 0;color:var(--text-secondary);word-break:break-word;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical}.loading-dots{display:inline-flex;gap:1px}.loading-dots span{display:inline-block;animation:loadingDotBounce 1.2s ease-in-out infinite;font-weight:700;font-size:1.2em}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDotBounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-4px);opacity:1}}.mail-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:10000;animation:fadeIn .2s ease}.mail-drawer{position:fixed;left:0;top:0;bottom:0;width:min(300px,80vw);background:var(--bg-card);border-right:1px solid var(--border);z-index:10001;overflow-y:auto;animation:slideInLeft .25s ease}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mail-mobile-list{overflow:hidden;margin-left:0;margin-right:0;border:1px solid var(--border);border-radius:10px}.mail-mobile-item-wrap{border-bottom:1px solid var(--border)}.mail-mobile-item-wrap:last-child{border-bottom:none}.mail-mobile-item{background:var(--bg-card);cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.mail-mobile-item.unread{background:linear-gradient(90deg,rgba(46,196,165,.08) 0%,transparent 40%)}.mail-mobile-item.unmarked{background:linear-gradient(90deg,rgba(251,146,60,.1) 0%,transparent 40%)}.mail-mobile-item:active{background:#ffffff08}.mail-message-detail--mobile{border-radius:0;margin:0 -12px;padding:0!important}.mail-message-detail--mobile .mail-message-detail-toolbar{padding:14px 12px 10px;gap:4px}.mail-message-detail--mobile .mail-message-detail-actions{gap:2px}.mail-message-detail--mobile .mail-message-detail-actions .btn-ghost{padding:6px 8px;font-size:14px}.mail-message-detail--mobile .mail-message-header{padding:12px 14px}.mail-message-body--mobile{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom;padding:12px 14px!important}.mail-message-body--mobile img{max-width:100%;height:auto}.mail-mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:10px 0;font-size:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:background .2s,border-color .2s;min-width:0;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mail-mobile-action-btn:active{background:#2ec4a51f;border-color:#2ec4a54d}.mail-swipe-panel{display:flex;align-items:stretch;background:var(--bg-secondary, #1a1a2e)}.mail-swipe-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px 2px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.mail-swipe-btn:active{opacity:.7}.mail-swipe-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;box-shadow:0 2px 8px #00000040}.mail-swipe-label{font-size:9px;font-weight:600;color:var(--text-secondary, #aaa);letter-spacing:.02em}.mail-read-toast{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#14141eeb;color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;z-index:99999;pointer-events:none;animation:mailReadToastAnim 1.8s ease-in-out forwards;box-shadow:0 4px 16px #00000059;border:1px solid rgba(46,196,165,.25)}@keyframes mailReadToastAnim{0%{opacity:0;transform:translate(-50%) translateY(6px)}12%{opacity:1;transform:translate(-50%) translateY(0)}70%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}.crm-existing-item-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#ffffff08;border:1px solid var(--border);border-radius:8px;cursor:pointer;text-align:left;margin-bottom:6px;color:var(--text-primary);font-size:13px;transition:background .2s,border-color .2s}.crm-existing-item-btn:hover,.crm-existing-item-btn:active{background:#2ec4a514;border-color:#2ec4a54d}.crm-existing-item-name{font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-existing-item-sub{font-size:11px;color:var(--text-muted);flex-shrink:0}@media(display-mode:standalone){html,body{overscroll-behavior:none;height:100dvh;height:100vh}.app-layout{min-height:100dvh;min-height:-webkit-fill-available;padding-bottom:max(env(safe-area-inset-bottom,0px),16px)}.main-content{min-height:auto;padding-bottom:max(calc(56px + env(safe-area-inset-bottom,0px)),72px)!important}.sidebar-footer{padding-bottom:max(calc(16px + env(safe-area-inset-bottom,0px)),32px)!important}.task-detail-mobile-overlay{height:100dvh;height:-webkit-fill-available}.task-detail-mobile-body{padding-bottom:max(calc(16px + env(safe-area-inset-bottom,0px)),32px)}}@media(max-width:900px)and (display-mode:standalone){.main-content{padding-bottom:max(calc(56px + env(safe-area-inset-bottom,0px)),72px)!important}.sidebar-footer{padding-bottom:max(calc(20px + env(safe-area-inset-bottom,0px)),36px)!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-body: #060608;--bg-card: rgba(10,10,18,.75);--bg-modal: #0e0e16;--bg-input: rgba(255, 255, 255, .04);--accent: #2ec4a5;--accent-hover: #26a88d;--accent-light: #5ef5d0;--accent-bg: rgba(46, 196, 165, .1);--accent-border: rgba(46, 196, 165, .3);--border: rgba(46, 196, 165, .06);--border-input: rgba(255, 255, 255, .08);--text-primary: #e8e8e8;--text-secondary: rgba(255, 255, 255, .5);--text-muted: rgba(255, 255, 255, .3);--error: #ff6464;--error-bg: rgba(255, 100, 100, .1);--error-border: rgba(255, 100, 100, .3);--warning: #ffaa32;--info: #6496ff;--sidebar-width: 260px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 20px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-body);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2ec4a526;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#2ec4a54d}::selection{background:#2ec4a54d;color:#fff}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes borderRotate{0%{--angle: 0deg}to{--angle: 360deg}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulseGlow{0%{opacity:.6;transform:scale(1)}25%{opacity:.75;transform:scale(1.02)}50%{opacity:1;transform:scale(1.05)}75%{opacity:.8;transform:scale(1.02)}to{opacity:.6;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}25%{transform:translateY(-2px)}50%{transform:translateY(-6px)}75%{transform:translateY(-2px)}to{transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes dataStream{0%{background-position:0 0}to{background-position:0 200px}}.glass-glow{position:relative;background:var(--bg-card);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border-radius:var(--radius-lg);border:1px solid transparent;overflow:hidden}.glass-glow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--angle),transparent 35%,rgba(46,196,165,.5) 50%,transparent 65%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderRotate 8s linear infinite;pointer-events:none;will-change:--angle}.glass-subtle{background:var(--bg-card);backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid var(--border);border-radius:var(--radius-lg)}.hud-corners{position:relative}.hud-corners:before,.hud-corners:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:2}.hud-corners:before{top:-1px;left:-1px;border-top:2px solid rgba(46,196,165,.4);border-left:2px solid rgba(46,196,165,.4)}.hud-corners:after{bottom:-1px;right:-1px;border-bottom:2px solid rgba(46,196,165,.4);border-right:2px solid rgba(46,196,165,.4)}.dot-grid{background-image:radial-gradient(circle,rgba(46,196,165,.12) 1px,transparent 1px);background-size:28px 28px}.scan-lines:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(46,196,165,.015) 2px,rgba(46,196,165,.015) 4px)}.top-glow-line{position:relative}.top-glow-line:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(46,196,165,.25) 30%,rgba(46,196,165,.5) 50%,rgba(46,196,165,.25) 70%,transparent 100%);animation:shimmer 4s ease-in-out infinite}.page-title-glow{font-family:Orbitron,Inter,monospace;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#fff,#2ec4a5,#5ef5d0,#2ec4a5,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 4s ease-in-out infinite}.label-hud{font-family:Orbitron,Inter,monospace;font-size:9px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-accent{animation:pulseGlow 3.5s cubic-bezier(.4,0,.6,1) infinite}.ambient-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-glow:before,.ambient-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(90px);will-change:opacity,transform}.ambient-glow:before{top:10%;left:15%;width:600px;height:600px;background:radial-gradient(circle,rgba(46,196,165,.18),rgba(46,196,165,.06) 50%,transparent 75%);animation:pulseGlow 12s cubic-bezier(.4,0,.6,1) infinite}.ambient-glow:after{bottom:15%;right:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(100,150,255,.12),rgba(100,150,255,.04) 50%,transparent 75%);animation:pulseGlow 15s cubic-bezier(.4,0,.6,1) infinite reverse}