.trello-board-wrapper{position:relative;width:100%;min-height:calc(100vh - 120px);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 4px 20px #00000026;font-family:var(--font-family-base, "Plus Jakarta Sans", sans-serif)}.trello-header{background:#0f172a73;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-bottom:1px solid rgba(255,255,255,.12);z-index:10}.trello-header-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.trello-board-title{color:#fff;font-size:18px;font-weight:700;margin:0;padding:4px 8px;border-radius:6px;cursor:pointer;transition:background .15s}.trello-board-title:hover{background:#fff3}.trello-icon-btn{background:#ffffff2e;border:none;color:#fff;border-radius:6px;padding:6px 10px;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s;font-weight:500}.trello-icon-btn:hover{background:#ffffff4d}.trello-view-selector{background:#fff;color:#172b4d;font-weight:600;border-radius:6px;padding:6px 12px;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 1px 3px #0003}.trello-header-right{display:flex;align-items:center;gap:10px}.trello-avatar-stack{display:flex;align-items:center}.trello-avatar-stack .avatar-circle{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.85);margin-left:-8px;object-fit:cover;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.trello-avatar-stack .avatar-circle:first-child{margin-left:0}.trello-share-btn{background:#fff;color:#172b4d;font-weight:600;border-radius:6px;padding:6px 14px;font-size:13px;border:none;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}.trello-share-btn:hover{background:#f1f2f4}.trello-canvas{display:flex;align-items:flex-start;gap:14px;padding:16px 18px 24px;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.4) transparent}.trello-canvas::-webkit-scrollbar{height:10px}.trello-canvas::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:5px}.trello-canvas::-webkit-scrollbar-track{background:#00000026}.trello-list{min-width:272px;max-width:272px;background:#f1f2f4;border-radius:12px;box-shadow:0 1px 3px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 200px);-webkit-user-select:none;user-select:none;transition:background .15s}.trello-list.drag-over{background:#e2e8f0;outline:2px dashed #001FFF}.trello-list-header{padding:12px 14px 6px;display:flex;justify-content:space-between;align-items:center}.trello-list-title{font-size:14px;font-weight:600;color:#172b4d;margin:0;display:flex;align-items:center;gap:8px}.trello-list-count{font-size:11px;background:#091e4214;color:#44546f;padding:2px 7px;border-radius:10px;font-weight:600}.trello-list-menu-btn{background:transparent;border:none;color:#44546f;border-radius:6px;padding:4px 6px;cursor:pointer;font-size:14px}.trello-list-menu-btn:hover{background:#091e4214;color:#172b4d}.trello-cards-container{padding:4px 8px;overflow-y:auto;flex:1;min-height:30px;display:flex;flex-direction:column;gap:8px;scrollbar-width:thin;scrollbar-color:rgba(9,30,66,.2) transparent}.trello-cards-container::-webkit-scrollbar{width:6px}.trello-cards-container::-webkit-scrollbar-thumb{background:#091e4233;border-radius:3px}.trello-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #091e4240,0 0 1px #091e424f;cursor:pointer;overflow:hidden;transition:transform .12s ease,box-shadow .12s ease;position:relative}.trello-card:hover{box-shadow:0 4px 10px -2px #091e424d,0 0 1px #091e424f;transform:translateY(-1px)}.trello-card.is-dragging{opacity:.4;transform:rotate(2deg)}.trello-card-cover-img{width:100%;height:136px;object-fit:cover;display:block}.trello-card-cover-color{width:100%;height:32px;display:block}.trello-card-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:6px}.trello-labels-row{display:flex;flex-wrap:wrap;gap:4px}.trello-label-pill{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;line-height:16px}.label-purple{background:#eae6ff;color:#5e4db2}.label-green{background:#ddfbe8;color:#216e4e}.label-orange{background:#ffebd8;color:#974f0c}.label-yellow{background:#fff7d6;color:#7f5f01}.label-blue{background:#e0f2fe;color:#0284c7}.label-red{background:#ffd2d2;color:#ae2a19}.label-gray{background:#e9f2ff;color:#0c66e4}.trello-card-title{font-size:14px;font-weight:500;color:#172b4d;line-height:18px;word-break:break-word}.trello-card-badges{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:12px;color:#44546f}.trello-badge-item{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#44546f}.trello-badge-item.completed{background:#1f845a;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.trello-badge-item.overdue{background:#c9372c;color:#fff;padding:2px 6px;border-radius:4px;font-weight:600}.trello-card-footer{display:flex;justify-content:space-between;align-items:center;width:100%}.trello-card-assignee{width:22px;height:22px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;margin-left:auto;border:1px solid #ffffff}.trello-list-footer{padding:6px 8px 10px}.trello-add-card-btn{width:100%;background:transparent;border:none;color:#44546f;padding:6px 10px;border-radius:8px;text-align:left;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s,color .15s}.trello-add-card-btn:hover{background:#091e4214;color:#172b4d}.trello-card-composer{display:flex;flex-direction:column;gap:8px}.trello-composer-textarea{width:100%;min-height:54px;border:none;border-radius:8px;padding:8px 10px;font-size:14px;font-family:inherit;resize:none;box-shadow:0 1px 3px #091e4240;box-sizing:border-box;outline:none}.trello-composer-textarea:focus{outline:2px solid #001FFF}.trello-composer-actions{display:flex;align-items:center;gap:8px}.trello-btn-primary{background:#001fff;color:#fff;border:none;padding:6px 14px;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;transition:background .15s}.trello-btn-primary:hover{background:#0018d4}.trello-btn-cancel{background:transparent;border:none;color:#44546f;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:6px;display:flex;align-items:center;justify-content:center}.trello-btn-cancel:hover{background:#091e4214;color:#172b4d}.trello-add-list-btn{min-width:272px;max-width:272px;background:#ffffff38;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:12px;padding:12px 16px;color:#fff;font-weight:600;font-size:14px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:8px;transition:background .15s;box-shadow:0 1px 3px #0003}.trello-add-list-btn:hover{background:#ffffff59}.trello-add-list-composer{min-width:272px;max-width:272px;background:#f1f2f4;border-radius:12px;padding:10px;box-shadow:0 1px 3px #00000040;display:flex;flex-direction:column;gap:8px}.trello-add-list-input{width:100%;padding:8px 10px;border-radius:6px;border:2px solid #001FFF;font-size:14px;font-family:inherit;box-sizing:border-box;outline:none}.trello-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aad;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px;overflow-y:auto}.trello-modal{width:768px;max-width:96vw;background:#fff;border-radius:14px;box-shadow:0 16px 40px #0000004d;position:relative;overflow:hidden;color:#172b4d;margin-bottom:48px;animation:modalAppear .18s ease-out}@keyframes modalAppear{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.trello-modal-cover-img{width:100%;height:180px;object-fit:cover;position:relative}.trello-modal-cover-color{width:100%;height:80px;position:relative}.trello-modal-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:#0f172a73;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s;z-index:10}.trello-modal-close-btn:hover{background:#0f172abf}.trello-modal-inner{padding:24px 28px 32px}.trello-modal-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.trello-modal-title-input{font-size:20px;font-weight:700;color:#172b4d;width:100%;border:1px solid transparent;border-radius:6px;padding:4px 8px;margin-left:-8px;outline:none;font-family:inherit;transition:border-color .15s}.trello-modal-title-input:focus{border-color:#001fff;background:#fff}.trello-modal-subtext{font-size:13px;color:#44546f;margin-top:4px}.trello-modal-list-select{background:#f1f2f4;border:1px solid #dcdfe4;border-radius:4px;padding:2px 6px;font-size:12px;font-weight:600;color:#172b4d;cursor:pointer}.trello-modal-body{display:grid;grid-template-columns:1fr 200px;gap:28px}@media(max-width:640px){.trello-modal-body{grid-template-columns:1fr}}.trello-chips-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.trello-chip-group{display:flex;flex-direction:column;gap:6px}.trello-chip-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#626f86}.trello-chip-items{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.trello-chip-btn{background:#f1f2f4;border:none;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600;color:#172b4d;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.trello-chip-btn:hover{background:#e2e8f0}.trello-section{margin-bottom:24px}.trello-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.trello-section-title{font-size:15px;font-weight:700;color:#172b4d;display:flex;align-items:center;gap:10px;margin:0}.trello-desc-preview{background:#f7f8f9;border-radius:8px;padding:12px 16px;font-size:14px;line-height:22px;color:#172b4d;cursor:pointer;min-height:48px;border:1px solid transparent;transition:background .15s,border-color .15s}.trello-desc-preview:hover{background:#f1f2f4}.trello-desc-editor{display:flex;flex-direction:column;gap:10px}.trello-desc-textarea{width:100%;min-height:100px;border:2px solid #001FFF;border-radius:8px;padding:10px 14px;font-size:14px;font-family:inherit;box-sizing:border-box;resize:vertical;outline:none}.trello-progress-bar-wrap{display:flex;align-items:center;gap:12px;margin-bottom:12px}.trello-progress-percent{font-size:11px;font-weight:700;color:#44546f;min-width:32px}.trello-progress-track{flex:1;height:8px;background:#dcdfe4;border-radius:4px;overflow:hidden}.trello-progress-fill{height:100%;background:#001fff;border-radius:4px;transition:width .25s ease,background .25s ease}.trello-progress-fill.full{background:#1f845a}.trello-checklist-items{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.trello-checklist-item{display:flex;align-items:flex-start;gap:10px;padding:6px 8px;border-radius:6px;transition:background .15s}.trello-checklist-item:hover{background:#f7f8f9}.trello-checkbox{width:16px;height:16px;cursor:pointer;margin-top:3px;accent-color:#001FFF}.trello-checklist-text{flex:1;font-size:14px;color:#172b4d;line-height:20px}.trello-checklist-text.checked{text-decoration:line-through;color:#8590a2}.trello-item-delete{background:transparent;border:none;color:#8590a2;cursor:pointer;padding:2px 6px;font-size:13px;border-radius:4px;opacity:0;transition:opacity .15s}.trello-checklist-item:hover .trello-item-delete{opacity:1}.trello-item-delete:hover{background:#fee2e2;color:#b91c1c}.trello-comment-box{display:flex;gap:12px;margin-bottom:20px}.trello-comment-avatar{width:32px;height:32px;border-radius:50%;background:#001fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.trello-comment-input-wrap{flex:1;display:flex;flex-direction:column;gap:8px}.trello-comment-textarea{width:100%;min-height:60px;border:1px solid #dcdfe4;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;box-sizing:border-box;resize:vertical;outline:none;box-shadow:0 1px 2px #091e4214}.trello-comment-textarea:focus{border-color:#001fff}.trello-comments-feed{display:flex;flex-direction:column;gap:14px}.trello-comment-card{display:flex;gap:12px}.trello-comment-content{flex:1}.trello-comment-header{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:4px}.trello-comment-author{font-weight:700;color:#172b4d}.trello-comment-time{color:#626f86}.trello-comment-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:13.5px;line-height:20px;color:#172b4d;box-shadow:0 1px 2px #091e420d}.trello-sidebar-group{margin-bottom:20px}.trello-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;color:#626f86;margin-bottom:8px}.trello-sidebar-btns{display:flex;flex-direction:column;gap:6px}.trello-sidebar-btn{background:#f1f2f4;border:none;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;color:#172b4d;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s;text-align:left}.trello-sidebar-btn:hover{background:#e2e8f0}.trello-sidebar-btn.danger:hover{background:#fee2e2;color:#b91c1c}:root{--bg-viewport: #f8fafc;--bg-canvas: #f8fafc;--bg-canvas-gradient: #f8fafc;--surface-card: #ffffff;--surface-card-muted: #f8fafc;--surface-card-hover: #f1f5f9;--surface-card-translucent: rgba(255, 255, 255, .92);--surface-card-dark: #0f172a;--surface-card-dark-secondary: #1e293b;--surface-card-dark-tertiary: #334155;--color-primary: #001FFF;--color-primary-hover: #0018d4;--color-primary-light: #eef2ff;--color-primary-muted: rgba(0, 31, 255, .08);--color-primary-glow: 0 2px 10px rgba(0, 31, 255, .25);--color-secondary-accent: #64FF00;--color-secondary-muted: rgba(100, 255, 0, .12);--color-secondary-glow: 0 0 8px rgba(100, 255, 0, .6);--color-dark: #0f172a;--color-dark-hover: #1e293b;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverted: #ffffff;--border-subtle: #e2e8f0;--border-pill: #e2e8f0;--border-card: #e2e8f0;--border-dashed: #cbd5e1;--border-active: #001FFF;--status-success: #16a34a;--status-warning: #f59e0b;--status-danger: #ef4444;--status-info: #001FFF;--font-family-base: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius-master-canvas: 0px;--radius-outer-card: 18px;--radius-card: 16px;--radius-widget: 12px;--radius-pill: 9999px;--radius-sm: 8px;--shadow-canvas: none;--shadow-bento: 0 1px 3px 0 rgba(15, 23, 42, .04), 0 1px 2px -1px rgba(15, 23, 42, .03);--shadow-card-hover: 0 8px 20px -4px rgba(15, 23, 42, .07);--shadow-primary: 0 4px 14px -2px rgba(0, 31, 255, .28);--shadow-dark-card: 0 8px 24px -4px rgba(15, 23, 42, .25);--shadow-float-pill: 0 2px 8px -1px rgba(15, 23, 42, .06)}:root{--brand-primary: #001FFF;--brand-primary-hover: #0018d4;--brand-primary-light: #eef2ff;--brand-primary-glow: 0 4px 18px rgba(0, 31, 255, .28);--bg-dashboard: #f6f8fb;--surface-white: #ffffff;--text-main: #111827;--text-sub: #6b7280;--border-light: #e5e7eb}.modern-app-shell{display:flex;min-height:100vh;background:var(--bg-dashboard);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-main)}.slim-sidebar-rail{width:76px;background:#fff;border-right:1px solid rgba(229,231,235,.8);display:flex;flex-direction:column;align-items:center;padding:18px 0;position:sticky;top:0;height:100vh;box-sizing:border-box;z-index:100;box-shadow:1px 0 6px #00000005}.rail-logo-btn{width:44px;height:44px;border-radius:14px;background:#0f172a;color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;cursor:pointer;margin-bottom:24px;box-shadow:0 4px 12px #0f172a26;transition:transform .15s}.rail-logo-btn:hover{transform:scale(1.05)}.rail-nav-list{display:flex;flex-direction:column;gap:12px;align-items:center;flex:1;width:100%}.rail-nav-item{width:58px;height:56px;border-radius:16px;border:none;background:transparent;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:all .15s ease;position:relative}.rail-nav-item .nav-icon{font-size:19px;line-height:1}.rail-nav-item .nav-label{font-size:10px;font-weight:600;letter-spacing:.02em}.rail-nav-item:hover{background:#f3f4f6;color:#111827}.rail-nav-item.active{background:#001fff;color:#fff;box-shadow:0 6px 16px #001fff52}.rail-nav-item.active .nav-icon,.rail-nav-item.active .nav-label{color:#fff}.rail-user-avatar{width:42px;height:42px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 2px 8px #0000001f;cursor:pointer;background:#001fff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;position:relative}.rail-user-avatar .online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #ffffff}.modern-dashboard-main{flex:1;display:flex;flex-direction:column;padding:24px 28px;overflow-y:auto;min-width:0}.welcome-hero-banner{border-radius:24px;background:linear-gradient(135deg,#fef3c780,#fdf2f88c 30%,#e0e7ff99 70%,#eef2ffbf);padding:28px 32px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 4px 20px #001fff0a;margin-bottom:20px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.8)}.welcome-title{font-size:26px;font-weight:800;margin:0;color:#111827;letter-spacing:-.02em}.welcome-subtitle{font-size:14px;color:#4b5563;margin:8px 0 0;font-weight:500}.welcome-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.hero-date-badge{font-size:12px;font-weight:600;color:#374151}.hero-action-icons{display:flex;align-items:center;gap:8px}.hero-circle-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid rgba(229,231,235,.8);display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;color:#374151;box-shadow:0 2px 6px #0000000a;position:relative;transition:background .15s}.hero-circle-btn:hover{background:#f9fafb}.unread-red-dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:#ef4444}.subnav-pills-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:14px}.subnav-pills-left{display:flex;align-items:center;gap:8px}.subnav-pill{padding:8px 18px;border-radius:9999px;border:1px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:#4b5563;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.subnav-pill:hover{background:#f9fafb;color:#111827}.subnav-pill.active{background:#001fff;color:#fff;border-color:#001fff;box-shadow:0 2px 10px #001fff40}.team-avatar-stack-card{display:flex;align-items:center;background:#fff;padding:4px 8px;border-radius:9999px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000a}.team-avatar-circle{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;margin-left:-6px;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.team-avatar-circle:first-child{margin-left:0}.team-avatar-overflow{font-size:11px;font-weight:700;color:#001fff;padding:0 6px;display:flex;align-items:center;gap:4px}.team-avatar-overflow .status-green{width:6px;height:6px;border-radius:50%;background:#10b981}.center-bento-grid{display:grid;grid-template-columns:1.15fr .95fr;gap:20px}@media(max-width:1180px){.center-bento-grid{grid-template-columns:1fr}}.zinq-card{background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 1px 3px #00000008,0 1px 2px #00000005;border:1px solid rgba(229,231,235,.75);margin-bottom:20px}.zinq-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.zinq-card-title{font-size:15px;font-weight:700;color:#111827;display:flex;align-items:center;gap:8px;margin:0}.zinq-header-actions{display:flex;align-items:center;gap:8px}.zinq-icon-action{background:transparent;border:none;color:#9ca3af;font-size:15px;cursor:pointer;padding:4px;border-radius:6px;transition:color .12s,background .12s}.zinq-icon-action:hover{color:#111827;background:#f3f4f6}.task-row-item{display:flex;align-items:flex-start;gap:12px;padding:14px 10px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .12s;border-radius:10px}.task-row-item:hover{background:#f8fafc}.task-row-item:last-child{border-bottom:none}.task-checkbox{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#001FFF}.task-row-content{flex:1}.task-row-title{font-size:14px;font-weight:600;color:#111827;line-height:20px}.task-row-title.completed{text-decoration:line-through;color:#9ca3af}.task-row-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:6px;font-size:11px;color:#6b7280}.tag-priority-high{background:#fee2e2;color:#dc2626;padding:2px 7px;border-radius:4px;font-weight:700}.tag-priority-medium{background:#eef2ff;color:#001fff;padding:2px 7px;border-radius:4px;font-weight:700}.tag-priority-low{background:#fef3c7;color:#d97706;padding:2px 7px;border-radius:4px;font-weight:700}.tag-pill-cyan{background:#e0f2fe;color:#0284c7;padding:2px 8px;border-radius:9999px;font-weight:600}.project-row-item{padding:14px 0;border-bottom:1px solid #f3f4f6}.project-row-item:last-child{border-bottom:none}.project-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.project-folder-icon{width:32px;height:32px;border-radius:8px;background:#eef2ff;color:#001fff;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:10px}.project-title{font-size:14px;font-weight:700;color:#111827}.project-status-track{font-size:11px;color:#10b981;font-weight:600}.project-target-deadline{font-size:11px;color:#9ca3af;font-weight:500}.project-meta-counts{display:flex;gap:12px;font-size:11px;color:#6b7280;margin:6px 0 8px 42px}.project-progress-bar-wrap{height:4px;background:#f1f5f9;border-radius:2px;overflow:hidden;margin:8px 0 6px 42px}.project-progress-fill{height:100%;background:#001fff;border-radius:2px}.project-lead-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#6b7280;margin-left:42px}.clock-timer-grid{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.clock-timer-time{font-size:20px;font-weight:800;color:#001fff}.clock-progress-line{height:4px;background:#001fff;border-radius:2px;margin-bottom:14px}.clock-btn-action{width:100%;padding:12px;border-radius:12px;background:#001fff;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #001fff47;transition:all .15s}.clock-btn-action:hover{background:#0018d4;box-shadow:0 6px 18px #001fff61}.clock-motivational-quote{font-size:12px;color:#ef4444;font-weight:600;margin-top:12px;text-align:center}.ai-insight-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:#f8fafc;border-radius:12px;margin-bottom:10px;font-size:12.5px;color:#374151;line-height:18px}.ai-insight-icon{font-size:16px;margin-top:1px}.leave-balances-grid{display:flex;justify-content:space-around;align-items:center;margin-top:14px}.radial-meter{display:flex;flex-direction:column;align-items:center;gap:6px}.radial-circle{width:60px;height:60px;border-radius:50%;border:4px solid #001FFF;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#111827}.radial-circle small{font-size:9px;font-weight:600;color:#6b7280}.radial-label{font-size:11px;font-weight:600;color:#4b5563}.right-chat-pane{width:340px;background:#fff;border-left:1px solid rgba(229,231,235,.8);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow:hidden;box-shadow:-1px 0 6px #00000005}.right-chat-header{padding:20px 20px 14px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.right-chat-header-title{font-size:15px;font-weight:700;color:#111827}.chat-accordion-section{padding:12px 18px 6px}.chat-accordion-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:8px}.chat-dm-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:background .12s}.chat-dm-row:hover{background:#f8fafc}.chat-dm-row.active{background:#eef2ff}.chat-dm-avatar{width:32px;height:32px;border-radius:50%;background:#001fff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.chat-dm-info{flex:1;overflow:hidden}.chat-dm-name{font-size:13px;font-weight:600;color:#111827}.chat-dm-role{font-size:11px;color:#9ca3af;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-dm-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chat-dm-time{font-size:10px;color:#9ca3af}.chat-unread-badge{background:#001fff;color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:9999px}.active-chat-container{flex:1;display:flex;flex-direction:column;background:#fafafa;border-top:1px solid #f3f4f6;overflow:hidden}.active-chat-top{padding:10px 16px;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.active-chat-body{flex:1;overflow-y:auto;padding:14px 16px;display:flex;flex-direction:column;gap:12px}.active-chat-bubble{background:#fff;padding:10px 12px;border-radius:12px;font-size:13px;line-height:18px;color:#111827;box-shadow:0 1px 2px #0000000a}.active-chat-bubble.mine{background:#001fff;color:#fff;align-self:flex-end}.chat-composer-box{background:#fff;padding:10px 14px 14px;border-top:1px solid #f3f4f6}.chat-composer-toolbar{display:flex;gap:8px;font-size:12px;color:#9ca3af;margin-bottom:6px;cursor:pointer}.chat-composer-input-row{display:flex;align-items:center;gap:8px}.chat-composer-input{flex:1;border:none;outline:none;font-size:13px;font-family:inherit;padding:6px 0}.chat-send-btn{width:28px;height:28px;border-radius:50%;background:#001fff;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.task-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:flex-end;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.task-drawer-panel{width:480px;max-width:95vw;background:#fff;height:100vh;box-shadow:-10px 0 30px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .2s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.task-drawer-header{padding:20px 24px;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:12px}.task-drawer-back-btn{background:transparent;border:none;color:#374151;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.task-drawer-body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.task-status-completed-pill{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:#15803d;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:700;align-self:flex-start}.task-drawer-title{font-size:20px;font-weight:800;color:#111827;margin:0;line-height:28px}.attachment-preview-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc;border-radius:12px;border:1px solid #e5e7eb}.drawer-tabs-row{display:flex;border-bottom:2px solid #f3f4f6;gap:20px}.drawer-tab-btn{padding:8px 0;background:transparent;border:none;font-size:13.5px;font-weight:700;color:#6b7280;cursor:pointer;position:relative}.drawer-tab-btn.active{color:#111827}.drawer-tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#001fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background-color:var(--bg-viewport);color:var(--text-primary);min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outgle-viewport,.crextio-viewport{width:100%;min-height:100vh;padding:0;margin:0;display:flex;flex-direction:column;background-color:var(--bg-viewport)}.outgle-canvas,.crextio-canvas{width:100%;max-width:1560px;margin:0 auto;padding:20px 32px 48px;display:flex;flex-direction:column;gap:24px;position:relative;box-sizing:border-box;background:transparent;border-radius:0;box-shadow:none;border:none}@media(max-width:1024px){.outgle-canvas,.crextio-canvas{padding:16px 20px 36px;gap:18px}}@media(max-width:640px){.outgle-canvas,.crextio-canvas{padding:12px 14px 28px;gap:16px}}.outgle-topbar,.crextio-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;z-index:20;padding:4px 0}.logo-outline-pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 20px;border-radius:var(--radius-pill);border:1.5px solid var(--border-pill);background:#fff;font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);text-decoration:none;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:all .15s ease}.logo-outline-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-capsule-bar{display:inline-flex;align-items:center;gap:3px;background:#fff;padding:4px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000000a;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-capsule-bar::-webkit-scrollbar{display:none}.nav-capsule-item{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-pill);font-size:13.5px;font-weight:500;color:var(--text-secondary);text-decoration:none;border:none;background:transparent;cursor:pointer;transition:all .15s ease;white-space:nowrap}.nav-capsule-item:hover{color:var(--text-primary);background:var(--surface-card-hover)}.nav-capsule-item.active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:var(--shadow-primary)}.header-right-controls{display:inline-flex;align-items:center;gap:8px}.pill-setting-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-pill);background:#fff;border:1px solid var(--border-subtle);font-size:13px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.pill-setting-btn:hover{border-color:#cbd5e1;background:var(--surface-card-hover)}.circle-control-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:1px solid var(--border-subtle);display:inline-flex;align-items:center;justify-content:center;font-size:13px;color:var(--text-secondary);cursor:pointer;position:relative;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.circle-control-btn:hover{color:var(--text-primary);background:var(--surface-card-hover);border-color:#cbd5e1}.outgle-hero-row,.crextio-hero-row{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:4px 0}.hero-welcome-title{font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1.2}.segmented-status-wrap{display:flex;flex-direction:column;gap:6px;min-width:320px;max-width:480px}.segmented-labels{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary);font-weight:500;padding:0 4px}.seg-label-1,.seg-label-2{flex:1.5;text-align:left}.seg-label-3{flex:3;text-align:left}.seg-label-4{flex:1;text-align:right}.segmented-track{display:flex;align-items:center;gap:6px;height:28px}.segment-pill{height:100%;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;transition:all .2s ease}.segment-pill-dark{background:var(--color-dark);color:#fff;flex:1.5}.segment-pill-primary{background:var(--color-primary);color:#fff;flex:1.5}.segment-pill-hatched{background:#e2e8f0;color:var(--text-secondary);flex:3}.segment-pill-outline{border:1px solid var(--border-subtle);background:#fff;color:var(--text-secondary);flex:1}.big-kpi-row{display:flex;align-items:center;gap:28px}.kpi-stat-item{display:flex;flex-direction:column}.kpi-number-row{display:flex;align-items:center;gap:8px}.kpi-icon-bubble{width:26px;height:26px;border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);background:#fff;box-shadow:0 1px 2px #0000000a}.kpi-big-number{font-size:34px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.kpi-sub-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-top:3px}.dashboard-grid-bento{display:grid;grid-template-columns:2.3fr 5fr 2.6fr;gap:20px;align-items:start}@media(max-width:1200px){.dashboard-grid-bento{grid-template-columns:1fr;gap:18px}}.bento-middle-col{display:flex;flex-direction:column;gap:20px}.bento-middle-top{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:768px){.bento-middle-top{grid-template-columns:1fr;gap:16px}}.reference-card{background:var(--surface-card);border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-bento);padding:20px 22px;position:relative;display:flex;flex-direction:column}.reference-card-dark{background:var(--surface-card-dark);color:var(--text-inverted);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-dark-card);border:1px solid rgba(255,255,255,.08);position:relative}.card-top-jump-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border-subtle);background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-secondary);cursor:pointer;position:absolute;top:18px;right:18px;transition:all .15s ease}.card-top-jump-btn:hover{color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.05)}.user-spotlight-frame{border-radius:var(--radius-card);overflow:hidden;position:relative;aspect-ratio:1 / 1.05;box-shadow:var(--shadow-bento);background-color:#1e293b;border:1px solid var(--border-subtle)}@media(max-width:1200px){.user-spotlight-frame{aspect-ratio:16 / 9;max-height:320px}}@media(max-width:640px){.user-spotlight-frame{aspect-ratio:16 / 10;max-height:240px}.hero-welcome-title{font-size:26px}.big-kpi-row{gap:16px;width:100%;justify-content:space-between}.kpi-big-number{font-size:28px}.segmented-status-wrap{min-width:100%}}.user-spotlight-img{width:100%;height:100%;object-fit:cover;display:block}.user-spotlight-overlay{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(180deg,#0f172a00,#0f172a80 45%,#0f172ae6);display:flex;align-items:flex-end;justify-content:space-between}.user-spotlight-badge{background:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);padding:6px 14px;font-size:13px;font-weight:600;color:#fff}.dotted-accordion-list{display:flex;flex-direction:column}.dotted-accordion-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px dashed var(--border-dashed);cursor:pointer;font-size:13.5px;font-weight:500;color:var(--text-primary);transition:all .15s ease}.dotted-accordion-row:last-child{border-bottom:none;padding-bottom:0}.dotted-accordion-row:hover{color:var(--color-primary)}.device-preview-box{display:flex;align-items:center;gap:12px;padding:8px 0 12px}.device-thumb-img{width:44px;height:44px;border-radius:8px;object-fit:cover;background:#111;border:1px solid var(--border-subtle)}.time-dial-wrap{position:relative;width:120px;height:120px;margin:4px auto;display:flex;align-items:center;justify-content:center}.time-dial-svg{width:100%;height:100%;transform:rotate(-90deg)}.time-dial-center{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.time-dial-clock{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.time-dial-label{font-size:10px;color:var(--text-secondary);font-weight:500;margin-top:1px}.time-tracker-controls{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:6px}.control-pill-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border-subtle);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;color:var(--text-primary);transition:all .15s ease;box-shadow:0 1px 2px #00000008}.control-pill-btn:hover{background:var(--surface-card-hover);border-color:#cbd5e1}.control-pill-btn-dark{background:var(--color-dark);color:#fff;border:none}.control-pill-btn-dark:hover{background:var(--color-dark-hover)}.bar-chart-container{display:flex;align-items:flex-end;justify-content:space-between;height:100px;padding:10px 4px 0;position:relative}.bar-col-item{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%;justify-content:flex-end;position:relative}.bar-pill{width:8px;border-radius:var(--radius-pill);transition:height .3s ease}.bar-pill-dark{background:#0f172a}.bar-pill-primary{background:var(--color-primary)}.bar-day-label{font-size:11px;font-weight:500;color:var(--text-muted)}.floating-tooltip-badge{position:absolute;top:-26px;background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:3px 8px;border-radius:var(--radius-pill);white-space:nowrap;box-shadow:var(--shadow-primary)}.calendar-schedule-card{grid-column:span 2}@media(max-width:1200px){.calendar-schedule-card{grid-column:span 1}}.timeline-month-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.timeline-grid-days{display:grid;grid-template-columns:60px repeat(6,1fr);gap:8px;margin-bottom:12px}.timeline-day-col{text-align:center;font-size:11.5px;color:var(--text-secondary)}.timeline-day-num{font-size:14px;font-weight:600;color:var(--text-primary);margin-top:2px}.timeline-rows-container{display:flex;flex-direction:column;gap:16px;position:relative}.timeline-hour-row{display:grid;grid-template-columns:60px 1fr;align-items:center;position:relative}.timeline-hour-label{font-size:11px;color:var(--text-muted)}.timeline-dotted-line{height:1px;border-bottom:1px dashed var(--border-dashed);width:100%}.event-capsule-dark{background:var(--color-dark);color:#fff;border-radius:14px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 4px 12px #0f172a2e;border:1px solid rgba(255,255,255,.08)}.event-capsule-light{background:#fff;color:var(--text-primary);border:1px solid var(--border-subtle);border-radius:14px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 8px #0f172a0d}.avatar-stack{display:flex;align-items:center}.avatar-bubble{width:22px;height:22px;border-radius:50%;border:1.5px solid #ffffff;margin-left:-6px;object-fit:cover;background:#e2e8f0}.avatar-bubble:first-child{margin-left:0}.onboarding-task-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08);transition:background .1s ease}.onboarding-task-row:last-child{border-bottom:none;padding-bottom:0}.onboarding-task-row:hover{background:#ffffff05}.task-circle-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-card-dark-secondary);display:flex;align-items:center;justify-content:center;font-size:13px;color:#94a3b8}.task-check-circle{width:20px;height:20px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:var(--shadow-primary)}.task-empty-circle{width:20px;height:20px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);transition:all .15s ease}.onboarding-task-row:hover .task-empty-circle{border-color:#fff9}.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s ease}.pill-btn-primary{background:var(--color-primary);color:#fff}.pill-btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-primary)}.pill-btn-dark{background:var(--color-dark);color:#fff}.pill-btn-dark:hover{background:var(--color-dark-hover)}.pill-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-primary,.badge-yellow{background:var(--color-primary-muted);color:var(--color-primary);font-weight:700}.badge-accent{background:var(--color-secondary-muted);color:#166534;font-weight:700}.badge-dark{background:var(--color-dark);color:#fff}