@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{color:#2d3748;background-color:#f5f6fa;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.6;display:flex}#root{width:100%;min-height:100vh;display:flex}:root{--brand-green:#9ccb3b;--brand-green-soft:#b8e055;--brand-green-deep:#7aaa20}.sidebar{z-index:100;background:linear-gradient(#fff 0%,#f7f8fa 100%);border-right:1px solid #e8e9ec;flex-direction:column;width:240px;height:100vh;padding:0;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#9ccb3b2e 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-120px;right:-120px}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#9ccb3b1a 0%,#0000 70%);width:240px;height:240px;position:absolute;bottom:100px;left:-100px}.sidebar-logo{z-index:1;align-items:center;gap:12px;padding:16px 20px 12px;display:flex;position:relative}.sidebar-logo svg{flex-shrink:0;width:40px;height:40px}.sidebar-logo-text{flex-direction:column;line-height:1;display:flex}.sidebar-logo-name{letter-spacing:-.04em;color:var(--brand-green-deep);align-items:flex-start;font-size:22px;font-weight:800;display:inline-flex}.sidebar-logo-name sup{margin-top:4px;margin-left:1px;font-size:9px;font-weight:600}.sidebar-logo-sub{letter-spacing:.22em;color:#888;margin-top:6px;font-size:9px;font-weight:700}.sidebar-section-label{color:#9aa0a6;text-transform:uppercase;letter-spacing:.2em;z-index:1;padding:12px 20px 5px;font-size:10px;font-weight:700;position:relative}.sidebar-section-label--tight{padding-top:5px}.sidebar-nav{z-index:1;padding:0;list-style:none;position:relative}.sidebar-nav li a{color:#555;align-items:center;gap:12px;padding:8px 24px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .2s,background .2s;display:flex;position:relative}.sidebar-nav li a:hover{color:#1a1a1d;background:#0000000a}.sidebar-nav li a.active{color:var(--brand-green-deep);background:#9ccb3b1f;font-weight:600}.sidebar-nav li a.active:before{content:"";background:var(--brand-green-deep);border-radius:0 3px 3px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 10px #9ccb3b66}.sidebar-nav li a .nav-icon{flex-shrink:0;width:18px;height:18px;transition:transform .2s}.sidebar-nav li a:hover .nav-icon{transform:translate(2px)}.sidebar-scroll{scrollbar-width:none;flex:1;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{display:none}.main-content{flex:1;width:calc(100% - 240px);min-height:100vh;margin-left:240px;overflow-x:hidden}.topbar{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:60px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-title{color:#1a202c;font-size:16px;font-weight:700}.topbar-user{color:#fff;letter-spacing:.5px;background:#39474f;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex}.page-wrapper{width:100%;padding:32px 40px 80px}.form-header{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #8dc63f;border-radius:12px;margin-bottom:24px;padding:24px 28px}.form-header h1{color:#1a202c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:18px;font-weight:800}.form-header p{color:#718096;font-size:13px;line-height:1.6}.progress-bar-wrapper{background:#e2e8f0;border-radius:99px;height:5px;margin-top:20px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#8dc63f,#6aa82e);border-radius:99px;width:20%;height:100%;transition:width .4s}select{appearance:none;color:#2d3748;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M4 6l4 4 4-4' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 36px 10px 14px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;line-height:1.4;transition:border-color .15s,box-shadow .15s}select:hover{border-color:#8dc63f}select:focus{border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f1f}body.dark-mode select{color:#a0aec0;background-color:#0f1117;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3e%3cpath d='M4 6l4 4 4-4' stroke='%234a5568' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e");border-color:#2d3748}body.dark-mode select:hover{border-color:#4a5568}body.dark-mode select:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1f}select.gantt-modal-input{color:#1a202c;background-color:#fff;border-color:#e2e8f0;padding:8px 28px 8px 12px;font-size:13px}body.dark-mode select.gantt-modal-input{color:#e2e8f0;background-color:#0f1117;border-color:#2d3748}.form-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:32px}.form-section h2{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;font-size:13px;font-weight:700}.section-divider{color:#8dc63f;text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid #f0f2f7;margin:32px 0 24px;padding-bottom:12px;font-size:15px;font-weight:700}.subsection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:20px 0;padding:20px}.subsection h3{color:#718096;text-transform:uppercase;letter-spacing:.8px;margin-bottom:16px;font-size:12px;font-weight:700}.subsection h4{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 8px;font-size:12px;font-weight:600}.form-group{margin-bottom:18px}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:18px;display:grid}.form-row .form-group{margin-bottom:0}label{color:#4a5568;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}input[type=text],input[type=number],input[type=date],input[type=email],input[type=tel],input[type=file],textarea{color:#2d3748;appearance:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f26}input::placeholder,textarea::placeholder{color:#c0c9d8;font-size:13px}textarea{resize:vertical;min-height:90px}input[type=file]{cursor:pointer;color:#718096;background:#f8fafc;padding:9px;font-size:13px}.checkbox-group{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#8dc63f;flex-shrink:0;width:17px;height:17px}.checkbox-group label{cursor:pointer;color:#2d3748;text-transform:none;letter-spacing:0;margin-bottom:0;font-size:13px;font-weight:500}.item-block{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:18px}.item-block-header{color:#8dc63f;text-transform:uppercase;letter-spacing:.8px;align-items:center;gap:6px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.item-block-header:before{content:"";background:#8dc63f;border-radius:50%;width:6px;height:6px;display:inline-block}.retailer-block{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;margin-bottom:14px;padding:18px}.add-btn{color:#8dc63f;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#f5f6fa;border:1.5px dashed #8dc63f;border-radius:8px;width:100%;margin-top:12px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:background .2s,transform .1s;display:block}body.dark-mode .add-btn{color:#8dc63f;background:#0f1117;border-color:#8dc63f}body.dark-mode .add-btn:hover{background:#8dc63f14}.add-btn:hover{background:#8dc63f14;transform:translateY(-1px)}.submit-btn{color:#1a1f2e;cursor:pointer;letter-spacing:.3px;background:#8dc63f;border:none;border-radius:10px;width:100%;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:background .2s,transform .1s}.submit-btn:hover{background:#7ab534;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.required{color:#e53e3e;margin-left:2px}.optional{color:#a0aec0;text-transform:none;letter-spacing:0;background:#f0f2f7;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:400}.hidden{display:none}.success-message{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:60px 32px;display:none}.success-message .success-icon{background:#8dc63f1f;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.success-message h2{color:#1a202c;text-transform:none;letter-spacing:0;border:none;margin-bottom:8px;padding:0;font-size:22px;font-weight:700}.success-message p{color:#718096;font-size:14px}.success-message .new-project-btn{color:#1a1f2e;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#8dc63f;border:none;border-radius:8px;margin-top:24px;padding:11px 28px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .2s;display:inline-block}.success-message .new-project-btn:hover{background:#7ab534}.success-message .new-project-btn-secondary{color:#4a5568;background:0 0;border:1.5px solid #e2e8f0}.success-message .new-project-btn-secondary:hover{color:#5a9e1f;background:#8dc63f0f;border-color:#8dc63f}input.error,select.error,textarea.error{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e1f}.error-message{color:#e53e3e;align-items:center;gap:4px;margin-top:5px;font-size:12px;font-weight:500;display:flex}.error-message:before{content:"!";color:#fff;background:#e53e3e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;font-weight:700;display:inline-flex}.form-group.has-error label{color:#e53e3e}.form-group.has-error input,.form-group.has-error textarea,.form-group.has-error select{border-color:#e53e3e}.form-group.has-error input:focus,.form-group.has-error textarea:focus,.form-group.has-error select:focus{border-color:#e53e3e;box-shadow:0 0 0 3px #e53e3e26}@media screen and (width<=768px){body{flex-direction:column}.sidebar{flex-direction:row;align-items:center;width:100%;min-height:auto;padding:10px 16px;position:relative}.sidebar:before,.sidebar:after,.sidebar-section-label,.sidebar-nav,.sidebar-scroll,.sidebar-bottom{display:none}.sidebar-logo{border-bottom:none;padding:0}.main-content{width:100%;margin-left:0}.page-wrapper,.form-section{padding:16px}.form-row{grid-template-columns:1fr}.form-header h1{font-size:20px}.submit-btn{font-size:14px}}body.dark-mode{color:#e2e8f0;background:#0f1117}body.dark-mode .users-table tbody tr:hover,body.dark-mode .users-table tbody tr:hover td{background:#2d3748}body.dark-mode .users-table tbody td{background:#1a1f2e;transition:background .15s}body.dark-mode .users-table thead th{color:#718096;background:#0f1117;border-bottom-color:#2d3748}body.dark-mode .sidebar{background:linear-gradient(#0a0a0b 0%,#16161a 100%);border-right:none}body.dark-mode .sidebar:before{background:radial-gradient(circle,#b8e05529 0%,#0000 70%)}body.dark-mode .sidebar:after{background:radial-gradient(circle,#b8e05514 0%,#0000 70%)}body.dark-mode .sidebar-logo-name{color:var(--brand-green-soft)}body.dark-mode .sidebar-logo-sub{color:#ffffff73}body.dark-mode .sidebar-section-label{color:#5a5a60}body.dark-mode .sidebar-nav a{color:#9b9ba3}body.dark-mode .sidebar-nav a:hover{color:#fff;background:#ffffff0a}body.dark-mode .sidebar-nav a.active{color:var(--brand-green-soft);background:#b8e0550f}body.dark-mode .sidebar-nav a.active:before{background:var(--brand-green-soft);box-shadow:0 0 12px #b8e05580}body.dark-mode .sidebar-user{box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff0f}body.dark-mode .sidebar-user:hover{box-shadow:none;background:#ffffff0f;border-color:#b8e05540}body.dark-mode .sidebar-user-name{color:#fff}body.dark-mode .sidebar-user-role{color:var(--brand-green-soft)}body.dark-mode .sidebar-logout{color:#888}body.dark-mode .sidebar-logout:hover{color:#ff6b6b;background:#ff6b6b0f}body.dark-mode .topbar{background:#151922;border-bottom:1px solid #2d3748}body.dark-mode .topbar-title{color:#e2e8f0}body.dark-mode .page-wrapper,body.dark-mode .main-content{background:#0f1117}body.dark-mode .summary-cards .summary-card-briefing,body.dark-mode .summary-cards .summary-card-planning,body.dark-mode .summary-cards .summary-card-production,body.dark-mode .summary-cards .summary-card-completed,body.dark-mode .summary-cards .summary-card-cancelled{background:#1a1f2e;border-color:#2d3748}body.dark-mode .summary-cards .summary-card-briefing .summary-label,body.dark-mode .summary-cards .summary-card-planning .summary-label,body.dark-mode .summary-cards .summary-card-production .summary-label,body.dark-mode .summary-cards .summary-card-completed .summary-label,body.dark-mode .summary-cards .summary-card-cancelled .summary-label{color:#4a5568}body.dark-mode .search-wrapper input{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .search-wrapper input::placeholder,body.dark-mode .search-icon{color:#4a5568}body.dark-mode #status-filter,body.dark-mode #sort-filter,body.dark-mode #planner-priority-filter{color:#a0aec0;background-color:#0f1117;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0aec0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-color:#2d3748}body.dark-mode .view-tabs{background:#1a1f2e;border-color:#2d3748}body.dark-mode .view-tab{color:#718096}body.dark-mode .view-tab:hover{color:#e2e8f0;background:#2d3748}body.dark-mode .view-tab.active{color:#1a1f2e;background:#8dc63f}body.dark-mode .project-card{background:#1a1f2e;border-color:#2d3748}body.dark-mode .project-card:hover{border-color:#8dc63f}body.dark-mode .project-card-name{color:#e2e8f0}body.dark-mode .project-card-meta{color:#718096}body.dark-mode .modal-overlay{background:#000000b3}body.dark-mode .modal{background:#1a1f2e}body.dark-mode .modal-header{background:#151922;border-bottom-color:#2d3748}body.dark-mode .modal-title{color:#e2e8f0}body.dark-mode .modal-project-type{color:#8dc63f}body.dark-mode .modal-body{background:#1a1f2e}body.dark-mode .modal-field-value{color:#cbd5e0}body.dark-mode .modal-field-label{color:#4a5568}body.dark-mode .modal-section-title{color:#a7c539;background:#8dc63f1a;border-left-color:#a7c539}body.dark-mode .modal-footer{background:#151922;border-top-color:#2d3748}body.dark-mode .modal-toolbar-select{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .modal-close{color:#a0aec0;background:#2d3748}body.dark-mode .modal-close:hover{background:#4a5568}body.dark-mode .edit-btn{color:#a0aec0;border-color:#2d3748}body.dark-mode .edit-btn:hover{color:#8dc63f;border-color:#8dc63f}body.dark-mode .assignee-select{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .comment-bubble{background:#151922;border-color:#2d3748}body.dark-mode .comment-author{color:#e2e8f0}body.dark-mode .comment-text{color:#a0aec0}body.dark-mode .comment-input{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .comments-tab{color:#718096}body.dark-mode .comments-tab.active{color:#8dc63f}body.dark-mode .comments-tabs{border-bottom-color:#2d3748}body.dark-mode .kanban-column{background:#151922;border-color:#2d3748}body.dark-mode .kanban-column-title{color:#718096}body.dark-mode .kanban-card{background:#1a1f2e;border-color:#2d3748}body.dark-mode .kanban-card:hover{border-color:#8dc63f}body.dark-mode .kanban-card-name{color:#e2e8f0}body.dark-mode .kanban-card-type{color:#4a5568}body.dark-mode .calendar-legend,body.dark-mode .gantt-toolbar,body.dark-mode .gantt-wrapper{background:#1a1f2e;border-color:#2d3748}body.dark-mode .gantt-left-panel{background:#1a1f2e;border-right-color:#2d3748}body.dark-mode .gantt-left-header{background:#151922;border-bottom-color:#2d3748}body.dark-mode .gantt-row-name{color:#e2e8f0}body.dark-mode .gantt-row-sub{color:#4a5568}body.dark-mode .gantt-header-row{background:#151922}body.dark-mode .gantt-body-row{border-bottom-color:#2d3748}body.dark-mode .gantt-body-row:hover{background:#8dc63f0a}body.dark-mode .gantt-cell{border-color:#2d3748}body.dark-mode .gantt-cell.is-weekend{background:#151922}body.dark-mode .gantt-left-row{border-bottom-color:#2d3748}body.dark-mode .gantt-left-row:hover{background:#2d3748}body.dark-mode .gantt-proj-row{background:#151922}body.dark-mode .gantt-proj-row:hover{background:#1e2535}body.dark-mode .gantt-proj-row-body{background:#151922}body.dark-mode .gantt-task-body-row{background:#1a1f2e}body.dark-mode .gantt-task-body-row:hover{background:#8dc63f0a}body.dark-mode .gantt-task-indent-line:before,body.dark-mode .gantt-task-indent-line:after{background:#2d3748}body.dark-mode .gantt-chevron{color:#4a5568}body.dark-mode .gantt-chevron:hover{color:#94a3b8;background:#2d3748}body.dark-mode .gantt-add-btn{color:#4a5568;border-color:#4a5568}body.dark-mode .gantt-add-btn:hover{color:#8dc63f;background:#8dc63f1a;border-color:#8dc63f}body.dark-mode .gantt-del-btn{color:#4a5568}body.dark-mode .gantt-del-btn:hover{color:#f87171;background:#ef444426}body.dark-mode .gantt-modal-box{background:#1a1f2e}body.dark-mode .gantt-modal-header{background:#151922;border-bottom-color:#2d3748}body.dark-mode .gantt-modal-actions{border-top-color:#2d3748}body.dark-mode .gantt-modal-cancel:hover{color:#e2e8f0;border-color:#4a5568}body.dark-mode .notif-bell{color:#94a3b8;background:#ffffff12;border-color:#ffffff1a}body.dark-mode .notif-bell:hover{color:#e2e8f0;background:#ffffff21;border-color:#fff3}body.dark-mode .notif-bell.active{color:#a3e635;background:#8dc63f24;border-color:#8dc63f73}body.dark-mode .notif-badge{border-color:#151922}body.dark-mode .notif-dropdown{background:#1a1f2e;border-color:#2d3748;box-shadow:0 16px 48px #00000080,0 2px 8px #0000004d}body.dark-mode .notif-dropdown-header{color:#e2e8f0;background:#111827;border-bottom-color:#2d3748}body.dark-mode .notif-item{background:#1a1f2e;border-bottom-color:#2d3748}body.dark-mode .notif-item:hover{background:#243044}body.dark-mode .notif-item.unread{background:#8dc63f14}body.dark-mode .notif-clickable:hover{background:#8dc63f1a}body.dark-mode .notif-text{color:#cbd5e0}body.dark-mode .notif-text strong{color:#f1f5f9}body.dark-mode .notif-time{color:#64748b}body.dark-mode .notif-icon{background:#2d3748}body.dark-mode .notif-empty{color:#4a5568}body.dark-mode .empty-state{background:#1a1f2e;border-color:#2d3748}body.dark-mode .empty-state h3{color:#e2e8f0}body.dark-mode .empty-state p{color:#4a5568}body.dark-mode .form-section{background:#1a1f2e;border-color:#2d3748}body.dark-mode .subsection{background:#151922;border-color:#2d3748}body.dark-mode .checkbox-group{background:#151922;border-color:#2d3748}body.dark-mode .checkbox-group label{color:#a0aec0}body.dark-mode input[type=text],body.dark-mode input[type=number],body.dark-mode input[type=date],body.dark-mode input[type=email],body.dark-mode input[type=tel],body.dark-mode input[type=password],body.dark-mode input[type=file],body.dark-mode textarea{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode input:-webkit-autofill{caret-color:#e2e8f0;-webkit-text-fill-color:#e2e8f0!important;border-color:#2d3748!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1117!important}body.dark-mode input:-webkit-autofill:hover{caret-color:#e2e8f0;-webkit-text-fill-color:#e2e8f0!important;border-color:#2d3748!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1117!important}body.dark-mode input:-webkit-autofill:focus{caret-color:#e2e8f0;-webkit-text-fill-color:#e2e8f0!important;border-color:#2d3748!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1117!important}body.dark-mode input:-webkit-autofill:active{caret-color:#e2e8f0;-webkit-text-fill-color:#e2e8f0!important;border-color:#2d3748!important;-webkit-box-shadow:inset 0 0 0 1000px #0f1117!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#4a5568}body.dark-mode .form-header{background:#1a1f2e;border-color:#2d3748 #2d3748 #2d3748 #8dc63f}body.dark-mode .form-header h1{color:#e2e8f0}body.dark-mode .form-header p{color:#718096}body.dark-mode .form-section h2{color:#8dc63f}body.dark-mode .section-divider{color:#8dc63f;border-bottom-color:#2d3748}body.dark-mode .form-group label{color:#a0aec0}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .form-group input::placeholder{color:#4a5568}body.dark-mode .item-block{background:#151922;border-color:#2d3748}body.dark-mode .item-block-header{border-bottom-color:#2d3748}body.dark-mode .settings-card{background:#1a1f2e;border-color:#2d3748}body.dark-mode .settings-card-header{background:#151922;border-bottom-color:#2d3748}body.dark-mode .settings-card-title{color:#e2e8f0}body.dark-mode .settings-card-desc{color:#4a5568}body.dark-mode .settings-toggle-label{color:#e2e8f0}body.dark-mode .settings-toggle-desc{color:#4a5568}body.dark-mode .settings-toggle-row{border-bottom-color:#2d3748}body.dark-mode .edit-form-group label{color:#a0aec0}body.dark-mode .edit-form-group input{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .system-info-item{background:#151922;border-color:#2d3748}body.dark-mode .system-info-label{color:#4a5568}body.dark-mode .users-card{background:#1a1f2e;border-color:#2d3748}body.dark-mode .users-card-header{background:#151922;border-bottom-color:#2d3748}body.dark-mode .users-card-header h2{color:#e2e8f0}body.dark-mode .users-card-header p{color:#4a5568}body.dark-mode .table-action-btn{color:#a0aec0;border-color:#2d3748}body.dark-mode .users-table{background:#1a1f2e;border-color:#2d3748}body.dark-mode .users-table th{color:#4a5568;background:#151922;border-bottom-color:#2d3748}body.dark-mode .users-table td{color:#a0aec0;border-bottom-color:#2d3748}body.dark-mode .users-table tr:hover td{background:#2d3748}body.dark-mode .user-name{color:#e2e8f0}body.dark-mode .company-card{background:#1a1f2e;border-color:#2d3748}body.dark-mode .company-card-header{background:#151922;border-bottom-color:#2d3748}body.dark-mode .company-card-header:hover{background:#2d3748}body.dark-mode .company-name{color:#e2e8f0}body.dark-mode .company-meta{color:#4a5568}body.dark-mode .segment-card{background:#151922;border-color:#2d3748}body.dark-mode .segment-header:hover{background:#2d3748}body.dark-mode .segment-name{color:#cbd5e0}body.dark-mode .brand-chip{color:#a0aec0;background:#1a1f2e;border-color:#2d3748}body.dark-mode .brand-chip:hover{border-color:#8dc63f}body.compact-mode .project-card{padding:12px 16px}body.compact-mode .summary-card{gap:12px;padding:14px 16px}body.compact-mode .summary-card-icon{width:40px;min-width:40px;height:40px}body.compact-mode .summary-number{font-size:28px}body.compact-mode .page-wrapper{padding:16px 24px}body.compact-mode .modal-body{padding:16px 20px}body.compact-mode .kanban-card{padding:10px}body.compact-mode .topbar{height:52px}.sidebar-tagline{text-align:center;color:#ffffffe6;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:6px 20px 18px;font-size:11px;font-weight:600}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f0f2f7;border-radius:3px}::-webkit-scrollbar-thumb{background:#c0c9d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0aec0}body.dark-mode ::-webkit-scrollbar-track{background:#1a1f2e}body.dark-mode ::-webkit-scrollbar-thumb{background:#2d3748}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#4a5568}.remove-item-wrapper{border-top:1px dashed #fed7d7;justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.remove-item-btn{color:#e53e3e;cursor:pointer;background:0 0;border:1.5px solid #fed7d7;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:flex}.remove-item-btn:hover{background:#fff5f5;border-color:#e53e3e}body.dark-mode .remove-item-wrapper{border-top-color:#e53e3e4d}body.dark-mode .remove-item-btn{color:#e53e3e;border-color:#e53e3e66}body.dark-mode .remove-item-btn:hover{background:#e53e3e1a;border-color:#e53e3e}.cdp-wrapper{display:block;position:relative}.cdp-display{cursor:pointer;color:#2d3748;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s;display:flex}.cdp-display:hover,.cdp-display:focus{border-color:#667eea;outline:none}.cdp-display.cdp-empty .cdp-text{color:#a0aec0}.cdp-text{flex:1}.cdp-icon{color:#a0aec0;flex-shrink:0}.cdp-popup{z-index:9999;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:288px;padding:16px;box-shadow:0 12px 40px #00000024}.cdp-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cdp-my{align-items:center;gap:4px;display:flex}.cdp-my-btn{cursor:pointer;color:#2d3748;background:0 0;border:none;border-radius:6px;padding:4px 6px;font-size:14px;font-weight:600;transition:background .12s}.cdp-my-btn:hover{background:#edf2f7}.cdp-nav{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:6px;padding:2px 8px;font-size:22px;line-height:1;transition:background .12s}.cdp-nav:hover{background:#edf2f7}.cdp-weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.cdp-wday{text-align:center;color:#a0aec0;letter-spacing:.3px;padding:4px 0;font-size:11px;font-weight:700}.cdp-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cdp-cell{text-align:center;cursor:pointer;color:#2d3748;border-radius:6px;padding:7px 2px;font-size:13px;transition:background .1s,color .1s}.cdp-cell:hover:not(.cdp-empty){background:#edf2f7}.cdp-cell.cdp-today{color:#667eea;font-weight:700}.cdp-cell.cdp-sel{background:#667eea;font-weight:600;color:#fff!important}.cdp-cell.cdp-sel:hover{background:#5a67d8}.cdp-cell.cdp-empty{cursor:default;pointer-events:none}.cdp-cell.cdp-weekend{color:#cbd5e0;cursor:not-allowed;opacity:.45}.cdp-wday.cdp-wday-weekend{color:#cbd5e0;opacity:.5}.cdp-footer{border-top:1px solid #f0f0f0;gap:8px;margin-top:10px;padding-top:10px;display:flex}.cdp-today-btn,.cdp-clear-btn{cursor:pointer;color:#4a5568;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-weight:600;transition:border-color .12s,background .12s}.cdp-today-btn:hover{color:#667eea;background:#f0f4ff;border-color:#667eea}.cdp-clear-btn:hover{color:#e53e3e;background:#fff5f5;border-color:#e53e3e}body.dark-mode .cdp-display{color:#e2e8f0;background:#2d3748;border-color:#ffffff26}body.dark-mode .cdp-display:hover,body.dark-mode .cdp-display:focus{border-color:#667eea}body.dark-mode .cdp-display.cdp-empty .cdp-text{color:#718096}body.dark-mode .cdp-popup{background:#2d3748;border-color:#ffffff1f;box-shadow:0 12px 40px #00000080}body.dark-mode .cdp-my-btn{color:#e2e8f0}body.dark-mode .cdp-my-btn:hover{background:#ffffff1a}body.dark-mode .cdp-nav{color:#e2e8f0}body.dark-mode .cdp-nav:hover{background:#ffffff1a}body.dark-mode .cdp-cell{color:#e2e8f0}body.dark-mode .cdp-cell:hover:not(.cdp-empty){background:#ffffff1a}body.dark-mode .cdp-footer{border-top-color:#ffffff1a}body.dark-mode .cdp-today-btn,body.dark-mode .cdp-clear-btn{color:#e2e8f0;border-color:#ffffff26}.email-input-wrapper{display:block;position:relative}.email-input-wrapper .email-icon{color:#a0aec0;pointer-events:none;z-index:1;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.email-input-wrapper input[type=email]{color:#2d3748;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px 10px 36px;font-family:inherit;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.email-input-wrapper input[type=email]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea26}.email-input-wrapper input[type=email]::placeholder{color:#a0aec0}body.dark-mode .email-input-wrapper .email-icon{color:#718096}body.dark-mode .email-input-wrapper input[type=email]{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .email-input-wrapper input[type=email]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}body.dark-mode .email-input-wrapper input[type=email]::placeholder{color:#4a5568}.file-upload-wrapper{flex-direction:column;gap:6px;display:flex}.file-upload-wrapper input[type=file]{opacity:0;z-index:-1;width:.1px;height:.1px;position:absolute;overflow:hidden}.file-upload-label{cursor:pointer;color:#4a5568;background:#f7fafc;border:2px dashed #cbd5e0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 20px;font-size:14px;font-weight:500;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.file-upload-label:hover{color:#667eea;background:#f0f4ff;border-color:#667eea}.file-upload-hint{color:#a0aec0;padding-left:4px;font-size:11px}body.dark-mode .file-upload-label{color:#e2e8f0;background:#ffffff0a;border-color:#fff3}body.dark-mode .file-upload-label:hover{color:#a3b5ff;background:#667eea1a;border-color:#667eea}.dist-template-box{background:#f0f7ff;border:1px solid #bee3f8;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.dist-template-note{color:#2b6cb0;flex:1;margin:0;font-size:13px}.dist-template-btn{color:#fff;white-space:nowrap;background:#3182ce;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.dist-template-btn:hover{background:#2b6cb0}.manufacture-details-group{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:14px 16px}body.dark-mode .manufacture-details-group{background:#ffffff0a;border-color:#ffffff1a}.state-ratio-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:8px;display:grid}.state-ratio-row{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.state-label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;min-width:32px;font-size:12px;font-weight:700}.state-name{color:#a0aec0;flex:1;font-size:11px}.state-ratio-input{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:5px;width:64px;padding:4px 8px;font-size:13px}.state-ratio-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea26}.form-hint{color:#a0aec0;margin-top:2px;margin-bottom:8px;font-size:12px}body.dark-mode .state-ratio-row{background:#ffffff0a;border-color:#ffffff1a}body.dark-mode .state-label{color:#e2e8f0}body.dark-mode .state-ratio-input{color:#e2e8f0;background:#2d3748;border-color:#ffffff26}body.brand-manager-view .view-tab[data-view=kanban],body.brand-manager-view .view-tab[data-view=calendar],body.brand-manager-view .view-tab[data-view=gantt]{display:none}.cs-wrap{flex-shrink:0;align-items:stretch;display:inline-flex;position:relative}.cs-trigger{color:#718096;cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex:1;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:border-color .15s,box-shadow .15s;display:flex}.cs-trigger:hover{border-color:#8dc63f}.cs-trigger.open{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f26}.cs-trigger.cs-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.cs-arrow{color:#a0aec0;flex-shrink:0;align-items:center;line-height:0;transition:transform .15s;display:flex}.cs-trigger.open .cs-arrow{transform:rotate(180deg)}.cs-popup{z-index:99999;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;max-height:320px;animation:.12s cs-appear;display:none;position:fixed;top:0;left:0;overflow:hidden auto;box-shadow:0 8px 32px #00000024,0 2px 8px #00000012}.cs-popup::-webkit-scrollbar{width:5px}.cs-popup::-webkit-scrollbar-track{background:0 0;border-radius:0 10px 10px 0}.cs-popup::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.cs-popup::-webkit-scrollbar-thumb:hover{background:#8dc63f}@keyframes cs-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cs-popup.open{display:block}.cs-popup.up{animation:.12s cs-appear-up}@keyframes cs-appear-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cs-group-label{letter-spacing:.08em;text-transform:uppercase;color:#a0aec0;pointer-events:none;-webkit-user-select:none;user-select:none;border-top:1px solid #f0f2f7;padding:6px 14px 4px;font-size:10px;font-weight:700}.cs-group-label:first-child{border-top:none}.cs-search-wrap{z-index:1;background:#fff;border-bottom:1px solid #f0f2f7;padding:8px;position:sticky;top:0}.cs-search-input{box-sizing:border-box;color:#2d3748;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s,box-shadow .15s}.cs-search-input:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f26}.cs-search-input::placeholder{color:#a0aec0}.cs-no-match{color:#a0aec0;text-align:center;padding:14px;font-family:Inter,sans-serif;font-size:13px}.cs-item-applied{color:#3d7200;cursor:default;pointer-events:none;-webkit-user-select:none;user-select:none;background:#f0f9e8;padding:9px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.cs-item-remove{color:#e53e3e;cursor:pointer;border-bottom:1px solid #fee2e2;padding:9px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:background .1s}.cs-item-remove:hover{background:#fff5f5}.cs-item{color:#4a5568;cursor:pointer;white-space:nowrap;padding:9px 14px;font-family:Inter,sans-serif;font-size:13px;transition:background .1s,color .1s}.cs-item:first-child{border-radius:8px 8px 0 0}.cs-item:last-child{border-radius:0 0 8px 8px}.cs-item:only-child{border-radius:8px}.cs-item:hover{color:#2d3748;background:#f7f9fc}.cs-item.active{color:#3d7200;background:#f0f9e8;font-weight:600}.filters-bar .cs-wrap,.kanban-filter-group .cs-wrap,.cal-gantt-filters-bar .cs-wrap{flex-shrink:0}.filters-bar .cs-trigger,.kanban-filter-group .cs-trigger,.cal-gantt-filters-bar .cs-trigger{min-height:28px;padding:5px 8px;font-size:11px;overflow:hidden}.filters-bar .cs-label,.kanban-filter-group .cs-label,.cal-gantt-filters-bar .cs-label{text-overflow:ellipsis;overflow:hidden}.filters-bar .cs-item,.kanban-filter-group .cs-item,.cal-gantt-filters-bar .cs-item{padding:8px 12px;font-size:12px}.form-group .cs-wrap,.form-row .cs-wrap,.edit-form-group .cs-wrap{width:100%}.form-group .cs-trigger,.form-row .cs-trigger,.edit-form-group .cs-trigger{color:#2d3748;background:#fff;min-height:42px;padding:10px 14px;font-size:14px;font-weight:400}.modal-sidebar .cs-wrap{width:100%}.cs-trigger.cs-error,.cs-trigger.cs-error:hover{border-color:#e53e3e}body.dark-mode .cs-trigger{color:#cbd5e0;background:#2a3244;border-color:#3d4e6a}body.dark-mode .cs-trigger:hover,body.dark-mode .cs-trigger.open{border-color:#8dc63f}body.dark-mode .cs-popup{background:#242d3f;border-color:#3d4e6a;box-shadow:0 8px 32px #00000073}body.dark-mode .cs-search-wrap{background:#242d3f;border-bottom-color:#3d4e6a}body.dark-mode .cs-search-wrap .cs-search-input{color:#cbd5e0;background:#2a3244;border-color:#3d4e6a}body.dark-mode .cs-search-wrap .cs-search-input:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f26}body.dark-mode .cs-search-input::placeholder{color:#718096}body.dark-mode .cs-item{color:#a0b4cc}body.dark-mode .cs-item:hover{color:#e2e8f0;background:#2f3c55}body.dark-mode .cs-item.active{color:#8dc63f;background:#1e3318}body.dark-mode .success-message{background:#1a1f2e;border-color:#2d3748}body.dark-mode .success-message h2{color:#e2e8f0}body.dark-mode .success-message p{color:#718096}.gantt-save-error-toast{color:#fff;z-index:9999;cursor:pointer;background:#dc2626;border-radius:8px;max-width:320px;padding:12px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;animation:.2s gantt-toast-in;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 16px #0000002e}@keyframes gantt-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.idle-overlay{z-index:10000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;justify-content:center;align-items:center;font-family:Arial,sans-serif;display:flex;position:fixed;inset:0}.idle-dialog{text-align:center;background:#fff;border-radius:16px;width:400px;max-width:90vw;padding:32px 30px 26px;font-family:Arial,sans-serif;animation:.18s idlePop;box-shadow:0 24px 70px #00000047,0 6px 20px #0000001f}@keyframes idlePop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.idle-icon{margin-bottom:14px;font-size:40px;line-height:1}.idle-title{color:#1a202c;margin-bottom:10px;font-family:Arial,sans-serif;font-size:19px;font-weight:700}.idle-message{color:#718096;margin-bottom:18px;font-family:Arial,sans-serif;font-size:13.5px;line-height:1.55}.idle-countdown{color:#4a5568;margin-bottom:24px;font-family:Arial,sans-serif;font-size:14px}.idle-countdown-time{color:#e53e3e;font-variant-numeric:tabular-nums;min-width:58px;font-size:20px;font-weight:700;display:inline-block}.idle-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.idle-stay-btn,.idle-logout-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;padding:11px 22px;font-family:Arial,sans-serif;font-size:13.5px;font-weight:700;transition:all .15s}.idle-stay-btn{color:#1a2e05;background:#a4d233;border-color:#a4d233}.idle-stay-btn:hover{background:#93bd2c;border-color:#93bd2c}.idle-logout-btn{color:#4a5568;background:#fff;border-color:#e2e8f0}.idle-logout-btn:hover{background:#f7fafc;border-color:#cbd5e0}body.dark-mode .idle-dialog{background:#1e2536;box-shadow:0 24px 70px #0009}body.dark-mode .idle-title{color:#e2e8f0}body.dark-mode .idle-message{color:#a0aec0}body.dark-mode .idle-countdown{color:#cbd5e0}body.dark-mode .idle-countdown-time{color:#fc8181}body.dark-mode .idle-logout-btn{color:#a0aec0;background:#1e2535;border-color:#2d3748}body.dark-mode .idle-logout-btn:hover{background:#2d3748;border-color:#4a5568}*{box-sizing:border-box;margin:0;padding:0}body{height:100vh;font-family:Inter,sans-serif;overflow:hidden}.login-page{width:100%;min-height:100vh;display:flex}.login-left{background:#39474f;flex-direction:column;flex-shrink:0;justify-content:space-between;width:400px;min-height:100vh;padding:48px;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";background:#8dc63f14;border-radius:50%;width:400px;height:400px;position:absolute;top:-100px;right:-100px}.login-left:after{content:"";background:#8dc63f0d;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-60px}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-logo-icon{background:#8dc63f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.login-logo-icon svg{fill:#39474f;width:20px;height:20px}.login-logo-text{color:#fff;letter-spacing:-.5px;font-size:24px;font-weight:800}.login-tagline{z-index:1;position:relative}.login-tagline h1{color:#fff;margin-bottom:16px;font-size:32px;font-weight:800;line-height:1.3}.login-tagline p{color:#ffffff8c;font-size:15px;line-height:1.6}.login-dots{z-index:1;gap:8px;display:flex;position:relative}.login-dots span{background:#fff3;border-radius:50%;width:8px;height:8px}.login-dots span:first-child{background:#8dc63f;border-radius:4px;width:24px}.login-right{background:#f5f6fa;flex:1;justify-content:center;align-items:center;min-height:100vh;padding:40px;display:flex}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:100%;max-width:440px;padding:48px;box-shadow:0 4px 24px #0f172a12}.login-card-header{margin-bottom:32px}.login-card-header h2{color:#1a202c;margin-bottom:6px;font-size:24px;font-weight:800}.login-card-header p{color:#a0aec0;font-size:14px}.login-error{color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:10px;align-items:center;gap:8px;margin-bottom:24px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.login-error:before{content:"!";color:#fff;background:#e53e3e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:flex}.login-error.hidden{display:none}.login-form{flex-direction:column;gap:20px;display:flex}.login-field label{color:#4a5568;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.login-field input{color:#2d3748;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s,background .2s}.login-field input:focus{background:#fff;border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f26}.login-field input::placeholder{color:#c0c9d8}.password-wrapper{position:relative}.password-wrapper input{padding-right:48px}.toggle-password{cursor:pointer;color:#a0aec0;background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.toggle-password:hover{color:#4a5568}.toggle-password svg{width:18px;height:18px}.login-btn{color:#1a1f2e;cursor:pointer;letter-spacing:.3px;background:#8dc63f;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:background .2s,transform .1s}.login-btn:hover{background:#7ab534;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;color:#a0aec0;margin-top:28px;font-size:13px}.dash-page{flex-direction:column;gap:20px;display:flex}.dash-card{background:#fff;border:1px solid #e8edf3;border-radius:16px;padding:22px 24px;box-shadow:0 1px 3px #0f172a0a}.dash-card-title{color:#4a5568;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:14px;font-size:11px;font-weight:800;display:flex}.dash-card-link{color:#6aa82e;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11px;font-weight:700;text-decoration:none}.dash-card-link:hover{color:#4d7d20}.dash-pill{color:#4d7d20;text-transform:uppercase;letter-spacing:.5px;background:#f0f9e8;border-radius:20px;padding:3px 9px;font-size:10px;font-weight:700}.dash-pill.warn{color:#b7791f;background:#fff5e8}.dash-pill.danger{color:#c53030;background:#fff5f5}.dash-row-2{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.dash-row-2-eq{grid-template-columns:1fr 1fr;gap:20px;display:grid}.dash-row-3{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.dash-empty{text-align:center;color:#a0aec0;padding:24px 0;font-size:13px}.dash-st{text-align:center;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700}.dash-st-briefing{color:#4a3fa3;background:#f0f0ff}.dash-st-planning{color:#3848a8;background:#eef0ff}.dash-st-production{color:#c05621;background:#fef3e0}.dash-st-completed{color:#4d7d20;background:#f0f9e8}.dash-st-cancelled{color:#c53030;background:#fff5f5}.dash-act-list{flex-direction:column;gap:14px;display:flex}.dash-act-item{gap:12px;display:flex}.dash-act-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:800;display:flex}.dash-act-body{flex:1;min-width:0}.dash-act-text{color:#2d3748;font-size:13px;line-height:1.4}.dash-act-text strong{font-weight:700}.dash-act-text .proj{color:#6aa82e;font-weight:700}.dash-act-time{color:#a0aec0;margin-top:2px;font-size:11px}.adm-head-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:0 4px;display:flex}.adm-head-title h1{color:#1a202c;letter-spacing:-.3px;margin:0;font-size:22px;font-weight:800}.adm-head-title p{color:#a0aec0;margin:2px 0 0;font-size:13px}.adm-head-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adm-filter-pill{color:#4a5568;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.adm-filter-pill:hover{color:#2d3748;border-color:#8dc63f}.adm-filter-pill.active{color:#3d6b11;background:#f0f9e8;border-color:#8dc63f}button.adm-filter-pill.adm-filter-static{cursor:pointer;padding:8px 14px}button.adm-filter-pill.adm-filter-static svg{width:12px;height:12px}.adm-filter-pill .cs-wrap{display:inline-flex}.adm-filter-pill .cs-trigger.adm-filter-trigger{color:inherit;cursor:pointer;min-height:auto;box-shadow:none;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.adm-filter-pill .cs-trigger.adm-filter-trigger:hover{background:0 0}.adm-filter-pill .cs-trigger.adm-filter-trigger .cs-label{color:inherit;font-size:12px;font-weight:600}.adm-filter-pill .cs-trigger.adm-filter-trigger .cs-arrow{color:inherit;opacity:.7}.adm-hero{color:#fff;background:linear-gradient(135deg,#39474f 0%,#2c3940 100%);border-radius:16px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0f172a1f}.adm-hero:before{content:"";pointer-events:none;background:#8dc63f1a;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-60px}.adm-hero:after{content:"";pointer-events:none;background:#8dc63f0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:120px}.adm-hero-top{z-index:1;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;display:flex;position:relative}.adm-hero-greet{letter-spacing:-.3px;font-size:22px;font-weight:800}.adm-hero-greet span{color:#8dc63f}.adm-hero-meta{color:#fff9;margin-top:4px;font-size:13px}.adm-kpi-hero{z-index:1;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:16px;display:grid;position:relative}.adm-kpi-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;padding:18px 20px;position:relative;overflow:hidden}.adm-kpi-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.6px;z-index:1;margin-bottom:8px;font-size:11px;font-weight:800;position:relative}.adm-kpi-value-row{z-index:1;align-items:baseline;gap:10px;display:flex;position:relative}.adm-kpi-value{color:#fff;letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1}.adm-kpi-value-sub{opacity:.65;font-size:18px}.adm-kpi-trend{color:#b6e76c;background:#8dc63f2e;border-radius:12px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.adm-kpi-trend.warn{color:#f6ad55;background:#f6ad552e}.adm-kpi-trend.danger{color:#fc8181;background:#fc81812e}.adm-kpi-trend svg{width:10px;height:10px}.adm-kpi-foot{color:#ffffff8c;z-index:1;margin-top:8px;font-size:12px;position:relative}.adm-health-bar{z-index:1;background:#ffffff1f;border-radius:4px;height:8px;margin-top:14px;position:relative;overflow:hidden}.adm-health-bar-fill{background:linear-gradient(90deg,#8dc63f,#b6e76c);border-radius:4px;height:100%;transition:width .6s}.adm-health-breakdown{color:#fff9;z-index:1;justify-content:space-between;margin-top:10px;font-size:11px;display:flex;position:relative}.adm-health-breakdown span strong{color:#fff;font-weight:700}.adm-funnel{flex-direction:column;gap:8px;display:flex}.adm-funnel-row{grid-template-columns:108px 1fr 44px;align-items:center;gap:12px;display:grid}.adm-funnel-label{color:#4a5568;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.adm-funnel-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.adm-funnel-bar-track{background:#f5f7fa;border-radius:6px;height:28px;overflow:hidden}.adm-funnel-bar-fill{border-radius:6px;align-items:center;min-width:0;height:100%;padding-left:10px;font-size:12px;font-weight:700;transition:width .5s;display:flex}.adm-funnel-count{color:#2d3748;text-align:right;font-size:13px;font-weight:800}.adm-dot-briefing{background:#cbd5e0}.adm-dot-planning{background:#4a5fcd}.adm-dot-production{background:#ed8936}.adm-dot-shipping{background:#d69e2e}.adm-dot-warehouse{background:#9b5de5}.adm-dot-carrier{background:#38b2ac}.adm-dot-activation{background:#f687b3}.adm-dot-reporting{background:#667eea}.adm-dot-completed{background:#8dc63f}.adm-dot-cancelled{background:#ef4444}.adm-fill-briefing{color:#2d3748;background:linear-gradient(90deg,#cbd5e0,#a0aec0)}.adm-fill-planning{color:#fff;background:linear-gradient(90deg,#4a5fcd,#3848a8)}.adm-fill-production{color:#fff;background:linear-gradient(90deg,#ed8936,#c05621)}.adm-fill-shipping{color:#fff;background:linear-gradient(90deg,#d69e2e,#b7791f)}.adm-fill-warehouse{color:#fff;background:linear-gradient(90deg,#9b5de5,#7639bd)}.adm-fill-carrier{color:#fff;background:linear-gradient(90deg,#38b2ac,#2c7a7b)}.adm-fill-activation{color:#fff;background:linear-gradient(90deg,#f687b3,#d53f8c)}.adm-fill-reporting{color:#fff;background:linear-gradient(90deg,#667eea,#4c51bf)}.adm-fill-completed{color:#fff;background:linear-gradient(90deg,#8dc63f,#6aa82e)}.adm-fill-cancelled{color:#fff;background:linear-gradient(90deg,#fc8181,#e53e3e)}.adm-risk-list{flex-direction:column;gap:10px;display:flex}.adm-risk-item{background:#fff5f5;border:1px solid #fed7d7;border-left:3px solid #e53e3e;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;display:flex}.adm-risk-item.warn{background:#fff8f0;border-color:#ffe6c4 #ffe6c4 #ffe6c4 #ed8936}.adm-risk-icon{color:#c53030;background:#fff;border:1px solid #fec3c3;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.adm-risk-item.warn .adm-risk-icon{color:#c05621;border-color:#ffd9a8}.adm-risk-icon svg{width:16px;height:16px}.adm-risk-body{flex:1;min-width:0}.adm-risk-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.adm-risk-msg{color:#718096;margin-top:1px;font-size:11px}.adm-risk-tag{color:#c53030;text-transform:uppercase;letter-spacing:.4px;background:#fff;border:1px solid #fec3c3;border-radius:12px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.adm-risk-item.warn .adm-risk-tag{color:#c05621;border-color:#ffd9a8}.adm-team-table{width:100%}.adm-team-row{border-bottom:1px solid #eef2f7;grid-template-columns:32px 1fr 44px 1fr 44px;align-items:center;gap:12px;padding:9px 0;display:grid}.adm-team-row:last-child{border:none}.adm-team-row.head{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;padding-bottom:6px;font-size:10px;font-weight:700}.adm-team-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:800;display:flex}.adm-team-name{color:#2d3748;font-size:13px;font-weight:600;line-height:1.2}.adm-team-role{color:#a0aec0;text-transform:uppercase;letter-spacing:.3px;margin-top:1px;font-size:10px}.adm-team-count{color:#4a5568;text-align:right;font-size:12px;font-weight:700}.adm-team-load-bar{background:#eef2f7;border-radius:4px;height:8px;overflow:hidden}.adm-team-load-fill{border-radius:4px;height:100%;transition:width .5s}.adm-lf-low{background:linear-gradient(90deg,#8dc63f,#6aa82e)}.adm-lf-mid{background:linear-gradient(90deg,#f6ad55,#ed8936)}.adm-lf-high{background:linear-gradient(90deg,#fc8181,#e53e3e)}.adm-team-pct{color:#a0aec0;text-align:center;font-size:11px}.adm-donut-wrap{align-items:center;gap:24px;padding:6px 0 4px;display:flex}.adm-donut{border-radius:50%;flex-shrink:0;width:130px;height:130px;position:relative}.adm-donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:22px}.adm-donut-center{z-index:2;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:22px}.adm-donut-num{color:#1a202c;font-size:22px;font-weight:800;line-height:1}.adm-donut-lbl{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin-top:3px;font-size:9px}.adm-legend{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.adm-legend-row{grid-template-columns:12px 1fr auto;align-items:center;gap:8px;font-size:12px;display:grid}.adm-legend-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.adm-legend-name{color:#4a5568;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.adm-legend-val{color:#a0aec0;white-space:nowrap;font-weight:700}.adm-del-head,.adm-del-row{grid-template-columns:2fr 80px 100px 88px 1fr 110px;align-items:center;gap:12px;padding:11px 4px;display:grid}.adm-del-head{color:#a0aec0;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #eef2f7;padding-bottom:8px;font-size:10px;font-weight:800}.adm-del-row{cursor:pointer;border-bottom:1px solid #eef2f7;border-radius:4px;transition:background .1s}.adm-del-row:hover{background:#f8fafc}.adm-del-row:last-child{border:none}.adm-del-pname{color:#2d3748;font-size:13px;font-weight:600}.adm-del-pmeta{color:#a0aec0;margin-top:1px;font-size:11px}.adm-del-type{text-transform:uppercase;letter-spacing:.4px;color:#4a5fcd;background:#f0f4ff;border-radius:12px;padding:3px 9px;font-size:10px;font-weight:700;display:inline-block}.adm-del-type.cat{color:#b83280;background:#fff0f6}.adm-del-type.oos{color:#b7791f;background:#fffbe6}.adm-del-date{color:#4a5568;font-size:12px;font-weight:600}.adm-del-eta{color:#4d7d20;white-space:nowrap;background:#f0f9e8;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-block}.adm-del-eta.warn{color:#b7791f;background:#fff5e8}.adm-del-eta.danger{color:#c53030;background:#fff5f5}.adm-del-assign{align-items:center;gap:8px;display:flex}.adm-del-avt{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:800;display:flex}.adm-del-aname{color:#4a5568;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.adm-del-status{text-align:center;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:20px;justify-self:end;padding:4px 10px;font-size:10px;font-weight:700}.adm-st-briefing{color:#4a3fa3;background:#f0f0ff}.adm-st-planning{color:#3848a8;background:#eef0ff}.adm-st-production{color:#c05621;background:#fef3e0}.adm-st-shipping{color:#b7791f;background:#fef9e0}.adm-st-warehouse{color:#7639bd;background:#f5f0ff}.adm-st-carrier{color:#2c7a7b;background:#e6fffa}.adm-st-activation{color:#d53f8c;background:#fff0f6}.adm-st-reporting{color:#4c51bf;background:#ebf4ff}.adm-st-completed{color:#4d7d20;background:#f0f9e8}.adm-st-cancelled{color:#c53030;background:#fff5f5}.bm-hero{color:#fff;background:linear-gradient(135deg,#39474f 0%,#2c3940 100%);border-radius:16px;padding:28px 32px;position:relative;overflow:hidden;box-shadow:0 6px 20px #0f172a1f}.bm-hero:before{content:"";pointer-events:none;background:#8dc63f1a;border-radius:50%;width:280px;height:280px;position:absolute;top:-80px;right:-60px}.bm-hero:after{content:"";pointer-events:none;background:#8dc63f0f;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-60px;right:120px}.bm-hero-top{z-index:1;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;display:flex;position:relative}.bm-hero-greet{letter-spacing:-.3px;font-size:22px;font-weight:800}.bm-hero-greet span{color:#8dc63f}.bm-hero-meta{color:#fff9;margin-top:4px;font-size:13px}.bm-hero-cta{color:#1a1f2e;cursor:pointer;white-space:nowrap;background:#8dc63f;border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:12px 22px;font-family:inherit;font-size:14px;font-weight:700;transition:background .2s,transform .1s;display:inline-flex}.bm-hero-cta:hover{background:#7ab534;transform:translateY(-1px)}.bm-hero-cta svg{width:16px;height:16px}.bm-hero-stats{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;display:grid;position:relative}.bm-hero-stat{background:#ffffff0f;border:1px solid #ffffff14;border-radius:12px;padding:14px 18px}.bm-hero-stat-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:700}.bm-hero-stat-value{color:#fff;font-size:26px;font-weight:800;line-height:1}.bm-hero-stat-sub{color:#ffffff80;margin-top:6px;font-size:12px}.bm-hero-stat-sub.up{color:#8dc63f}.bm-hero-stat-sub.warn{color:#f6ad55}.bm-pipeline{grid-template-columns:repeat(9,minmax(140px,1fr));gap:10px;padding-bottom:4px;display:grid;overflow-x:auto}.bm-pipe-col{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;min-height:160px;padding:12px 10px}.bm-pipe-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.bm-pipe-head-label{text-transform:uppercase;letter-spacing:.5px;color:#4a5568;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.bm-pipe-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.bm-pipe-count{color:#718096;text-align:center;background:#fff;border-radius:12px;min-width:22px;padding:2px 8px;font-size:11px;font-weight:700}.bm-pipe-card{cursor:pointer;background:#fff;border:1px solid #e8edf3;border-radius:8px;min-width:0;margin-bottom:6px;padding:9px 10px;transition:transform .1s,box-shadow .15s,border-color .15s;overflow:hidden}.bm-pipe-card:last-child{margin-bottom:0}.bm-pipe-card:hover{border-color:#cfe7a3;transform:translateY(-1px);box-shadow:0 4px 10px #0f172a0f}.bm-pipe-card-name{color:#2d3748;-webkit-line-clamp:2;word-break:break-word;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-bottom:4px;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.bm-pipe-card-meta{color:#a0aec0;justify-content:space-between;align-items:center;gap:6px;min-width:0;font-size:10px;display:flex}.bm-pipe-card-meta>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.bm-pipe-card-meta>.bm-pipe-card-pill{flex-shrink:0}.bm-pipe-card-pill{color:#4a5fcd;text-transform:uppercase;letter-spacing:.3px;background:#f0f4ff;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}.bm-pipe-more{color:#6aa82e;text-align:center;cursor:pointer;padding:6px 0;font-size:11px;font-weight:700}.bm-attn-list{flex-direction:column;gap:8px;display:flex}.bm-attn-item{background:#fff8f0;border:1px solid #ffe6c4;border-left:3px solid #ed8936;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;display:flex}.bm-attn-item.danger{background:#fff5f5;border:1px solid #fed7d7;border-left:3px solid #e53e3e}.bm-attn-icon{color:#c05621;background:#fff;border:1px solid #ffd9a8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.bm-attn-item.danger .bm-attn-icon{color:#c53030;border-color:#fec3c3}.bm-attn-icon svg{width:16px;height:16px}.bm-attn-body{flex:1;min-width:0}.bm-attn-name{color:#2d3748;font-size:13px;font-weight:700}.bm-attn-msg{color:#718096;margin-top:1px;font-size:11px}.bm-attn-action{color:#6aa82e;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:11px;font-weight:700}.bm-attn-action:hover{color:#4d7d20}.bm-del-list{flex-direction:column;display:flex}.bm-del-row{border-bottom:1px solid #eef2f7;grid-template-columns:36px 1fr 80px 90px;align-items:center;gap:12px;padding:11px 4px;display:grid}.bm-del-row:last-child{border:none}.bm-del-date{color:#3d6b11;text-align:center;background:#f0f9e8;border-radius:8px;flex-shrink:0;padding:6px 0}.bm-del-date.warn{color:#b7791f;background:#fff5e8}.bm-del-date.danger{color:#c53030;background:#fff5f5}.bm-del-day{font-size:14px;font-weight:800;line-height:1}.bm-del-month{text-transform:uppercase;margin-top:2px;font-size:9px;font-weight:700}.bm-del-name{color:#2d3748;font-size:13px;font-weight:600}.bm-del-meta{color:#a0aec0;margin-top:2px;font-size:11px}.bm-del-eta{text-align:right;color:#4a5568;font-size:11px;font-weight:700}.bm-del-eta.warn{color:#b7791f}.bm-del-eta.danger{color:#c53030}.bm-del-status{text-align:center;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:20px;justify-self:end;padding:4px 10px;font-size:10px;font-weight:700}.bm-brand-list{flex-direction:column;gap:4px;display:flex}.bm-brand-row{border-bottom:1px dashed #eef2f7;align-items:center;gap:12px;padding:10px 0;display:flex}.bm-brand-row:last-child{border:none}.bm-brand-logo{color:#3d6b11;background:#f0f9e8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:800;display:flex}.bm-brand-logo.alt1{color:#b7791f;background:#fff5e8}.bm-brand-logo.alt2{color:#4a5fcd;background:#f0f4ff}.bm-brand-logo.alt3{color:#b83280;background:#fef0f9}.bm-brand-logo.alt4{color:#2c7a7b;background:#e6fffa}.bm-brand-info{flex:1;min-width:0}.bm-brand-name{color:#2d3748;font-size:13px;font-weight:700}.bm-brand-stat{color:#718096;font-size:11px}.bm-brand-bar-vis{background:#eef2f7;border-radius:3px;flex-shrink:0;width:100px;height:6px;overflow:hidden}.bm-brand-bar-fill{background:linear-gradient(90deg,#8dc63f,#6aa82e);border-radius:3px;height:100%;transition:width .5s}.bm-qa-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bm-qa-tile{cursor:pointer;text-align:left;background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:14px 12px;font-family:inherit;transition:border-color .15s,transform .1s,background .15s}.bm-qa-tile:hover{background:#fafdf6;border-color:#cfe7a3;transform:translateY(-1px)}.bm-qa-icon{color:#4d7d20;background:#f0f9e8;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:8px;display:flex}.bm-qa-icon svg{width:16px;height:16px}.bm-qa-label{color:#2d3748;font-size:12px;font-weight:700}.bm-qa-sub{color:#a0aec0;margin-top:1px;font-size:11px}.def-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.def-kpi-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;padding:20px 22px;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.def-kpi-card:before{content:"";border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.def-kpi-card.c-total:before{background:#8dc63f}.def-kpi-card.c-prod:before{background:#ed8936}.def-kpi-card.c-comp:before{background:#10b981}.def-kpi-card.c-risk:before{background:#e53e3e}.def-kpi-label{color:#718096;text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:11px;font-weight:800}.def-kpi-value{color:#1a202c;letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1}.def-kpi-foot{color:#a0aec0;margin-top:8px;font-size:12px}body.dark-mode .dash-card{background:#1e2a33;border-color:#2d3748}body.dark-mode .dash-card-title{color:#a0aec0;border-bottom-color:#2d3748}body.dark-mode .dash-act-text{color:#a0aec0}body.dark-mode .dash-act-text strong,body.dark-mode .adm-head-title h1{color:#e2e8f0}body.dark-mode .adm-head-title p{color:#718096}body.dark-mode .adm-filter-pill{color:#a0aec0;background:#1e2a33;border-color:#2d3748}body.dark-mode .adm-filter-pill:hover{color:#e2e8f0;border-color:#6aa82e}body.dark-mode .adm-filter-pill.active{color:#b6e76c;background:#8dc63f1f;border-color:#6aa82e}body.dark-mode .adm-hero{background:linear-gradient(135deg,#1a252d 0%,#131c23 100%)}body.dark-mode .adm-funnel-bar-track{background:#2d3748}body.dark-mode .adm-funnel-count,body.dark-mode .adm-funnel-label{color:#a0aec0}body.dark-mode .adm-fill-briefing{color:#a0aec0;background:linear-gradient(90deg,#4a5568,#2d3748)}body.dark-mode .adm-fill-shipping{color:#fefcbf;background:linear-gradient(90deg,#975a16,#7b4a14)}body.dark-mode .adm-fill-warehouse{color:#e9d8fd;background:linear-gradient(90deg,#6b46c1,#553c9a)}body.dark-mode .adm-fill-carrier{color:#b2f5ea;background:linear-gradient(90deg,#2c7a7b,#234e52)}body.dark-mode .adm-fill-activation{color:#fed7e2;background:linear-gradient(90deg,#b83280,#97266d)}body.dark-mode .adm-fill-reporting{color:#e0e7ff;background:linear-gradient(90deg,#4c51bf,#3c3f9e)}body.dark-mode .adm-risk-item{background:#2d1f1f;border-color:#4a2020}body.dark-mode .adm-risk-item.warn{background:#2d2316;border-color:#4a3018}body.dark-mode .adm-risk-icon{color:#fca5a5;background:#1e2a33;border-color:#5a2b2b}body.dark-mode .adm-risk-item.warn .adm-risk-icon{color:#fbbf77;border-color:#6b3d1a}body.dark-mode .adm-risk-name{color:#f1f5f9}body.dark-mode .adm-risk-msg{color:#cbd5e0}body.dark-mode .adm-risk-tag{color:#fca5a5;background:#3b1f1f;border-color:#5a2b2b}body.dark-mode .adm-risk-item.warn .adm-risk-tag{color:#fbbf77;background:#3b2916;border-color:#6b3d1a}body.dark-mode .adm-team-row{border-bottom-color:#2d3748}body.dark-mode .adm-team-name{color:#e2e8f0}body.dark-mode .adm-team-load-bar{background:#2d3748}body.dark-mode .adm-donut:after{background:#1e2a33}body.dark-mode .adm-donut-num{color:#e2e8f0}body.dark-mode .adm-legend-name{color:#a0aec0}body.dark-mode .adm-del-head,body.dark-mode .adm-del-row{border-bottom-color:#2d3748}body.dark-mode .adm-del-row:hover{background:#1a252d}body.dark-mode .adm-del-pname{color:#e2e8f0}body.dark-mode .adm-del-date,body.dark-mode .adm-del-aname{color:#a0aec0}body.dark-mode .bm-pipe-col{background:#1a252d;border-color:#2d3748}body.dark-mode .bm-pipe-card{background:#1e2a33;border-color:#2d3748}body.dark-mode .bm-pipe-card-name{color:#e2e8f0}body.dark-mode .bm-pipe-count{background:#2d3748}body.dark-mode .bm-pipe-head-label{color:#a0aec0}body.dark-mode .bm-attn-item{background:#2d2316;border-color:#4a3018}body.dark-mode .bm-attn-item.danger{background:#2d1f1f;border-color:#4a2020}body.dark-mode .bm-attn-icon{background:#1e2a33}body.dark-mode .bm-attn-name{color:#e2e8f0}body.dark-mode .bm-del-row{border-bottom-color:#2d3748}body.dark-mode .bm-del-name{color:#e2e8f0}body.dark-mode .bm-brand-row{border-bottom-color:#2d3748}body.dark-mode .bm-brand-name{color:#e2e8f0}body.dark-mode .bm-brand-bar-vis{background:#2d3748}body.dark-mode .bm-qa-tile{background:#1a252d;border-color:#2d3748}body.dark-mode .bm-qa-tile:hover{background:#1e2a33;border-color:#4a7c1f}body.dark-mode .bm-qa-label{color:#e2e8f0}body.dark-mode .def-kpi-card{background:#1e2a33;border-color:#2d3748}body.dark-mode .def-kpi-value{color:#e2e8f0}body.dark-mode .def-kpi-label,body.dark-mode .def-kpi-foot{color:#718096}@media (width<=1100px){.adm-kpi-hero{grid-template-columns:1fr 1fr}.dash-row-2,.dash-row-2-eq{grid-template-columns:1fr}.dash-row-3{grid-template-columns:1fr 1fr}.bm-hero-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.adm-kpi-hero{grid-template-columns:1fr 1fr}.dash-row-3{grid-template-columns:1fr}.def-kpi-grid{grid-template-columns:1fr 1fr}}.dp-wrap{color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:10px 12px 10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s;display:flex}.dp-wrap:hover{border-color:#cbd5e0}.dp-wrap.dp-open{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f26}.dp-wrap.dp-has-error{border-color:#e53e3e}.dp-wrap.dp-has-error.dp-open{box-shadow:0 0 0 3px #e53e3e1f}.dp-wrap.dp-disabled{color:#a0aec0;cursor:not-allowed;background:#f8fafc}.dp-display{text-overflow:ellipsis;white-space:nowrap;color:#2d3748;flex:1;font-size:14px;overflow:hidden}.dp-placeholder{color:#c0c9d8;font-size:13px}.dp-right{flex-shrink:0;align-items:center;gap:6px;margin-left:8px;display:flex}.dp-clear{cursor:pointer;color:#718096;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:background .15s,color .15s;display:flex}.dp-clear:hover{color:#fff;background:#fc8181}.dp-icon{color:#a0aec0;align-items:center;transition:color .2s;display:flex}.dp-wrap:hover .dp-icon,.dp-wrap.dp-open .dp-icon,.dp-icon-open{color:#8dc63f}.dp-popup{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px;font-family:Inter,sans-serif;animation:.12s dp-fade-in;overflow:hidden;box-shadow:0 8px 24px #0000001c,0 2px 6px #0000000f;min-width:220px!important;max-width:220px!important}@keyframes dp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dp-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.dp-month-label{color:#1a202c;letter-spacing:.2px;font-size:12px;font-weight:700}.dp-nav{color:#718096;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:22px;height:22px;font-size:13px;line-height:1;transition:border-color .15s,color .15s,background .15s;display:flex}.dp-nav:hover{color:#8dc63f;background:#8dc63f12;border-color:#8dc63f}.dp-dow-row{grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:4px;display:grid}.dp-dow{text-align:center;color:#a0aec0;text-transform:uppercase;letter-spacing:.3px;padding:2px 0;font-size:9px;font-weight:700}.dp-grid{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.dp-cell-empty{display:block}.dp-day{color:#2d3748;cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;width:100%;height:26px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;transition:background .12s,color .12s;display:flex}.dp-day:hover{color:#3d6b1a;background:#8dc63f1f}.dp-today{color:#8dc63f;font-weight:700;box-shadow:inset 0 0 0 1.5px #8dc63f80}.dp-today:hover{background:#8dc63f26}.dp-selected{box-shadow:none;font-weight:700;color:#1a1f2e!important;background:#8dc63f!important}.dp-selected:hover{background:#7ab534!important}.dp-weekend{opacity:.45;pointer-events:none;color:#cbd5e0!important;cursor:not-allowed!important;background:0 0!important}.dp-dow:first-child,.dp-dow:last-child{color:#cbd5e0;opacity:.55}.dp-footer{border-top:1px solid #f0f2f7;justify-content:space-between;align-items:center;gap:6px;margin-top:8px;padding-top:8px;display:flex}.dp-today-btn{color:#5a9020;cursor:pointer;background:#8dc63f14;border:1.5px solid #8dc63f;border-radius:5px;padding:3px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:background .15s}.dp-today-btn:hover{background:#8dc63f2e}.dp-close-btn{color:#a0aec0;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:5px;padding:3px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:border-color .15s,color .15s}.dp-close-btn:hover{color:#718096;border-color:#cbd5e0}body.dark-mode .dp-wrap{color:#e2e8f0;background:#1e2533;border-color:#2d3748}body.dark-mode .dp-wrap:hover{border-color:#4a5568}body.dark-mode .dp-wrap.dp-open{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1f}body.dark-mode .dp-wrap.dp-disabled{color:#4a5568;background:#1a1f2e}body.dark-mode .dp-display{color:#e2e8f0}body.dark-mode .dp-placeholder,body.dark-mode .dp-icon{color:#4a5568}body.dark-mode .dp-wrap:hover .dp-icon,body.dark-mode .dp-wrap.dp-open .dp-icon{color:#8dc63f}body.dark-mode .dp-popup{background:#1e2533;border-color:#2d3748;box-shadow:0 8px 32px #0006}body.dark-mode .dp-month-label{color:#e2e8f0}body.dark-mode .dp-nav{color:#718096;border-color:#2d3748}body.dark-mode .dp-nav:hover{color:#8dc63f;background:#8dc63f1a;border-color:#8dc63f}body.dark-mode .dp-dow{color:#4a5568}body.dark-mode .dp-day{color:#cbd5e0}body.dark-mode .dp-day:hover{color:#a8d870;background:#8dc63f1f}body.dark-mode .dp-today{color:#8dc63f;box-shadow:inset 0 0 0 1.5px #8dc63f66}body.dark-mode .dp-footer{border-top-color:#2d3748}body.dark-mode .dp-today-btn{color:#8dc63f;background:#8dc63f1a;border-color:#8dc63f59}body.dark-mode .dp-today-btn:hover{background:#8dc63f33}body.dark-mode .dp-close-btn{color:#4a5568;border-color:#2d3748}body.dark-mode .dp-close-btn:hover{color:#718096;border-color:#4a5568}body.dark-mode .dp-weekend{opacity:.4;color:#2d3748!important}body.dark-mode .dp-dow:first-child,body.dark-mode .dp-dow:last-child{color:#2d3748;opacity:.5}.summary-cards{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px;display:grid}.summary-card{cursor:pointer;border:none;border-radius:20px;flex-direction:row;align-items:center;gap:18px;padding:22px 20px;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;display:flex;position:relative;overflow:hidden}.summary-card-total:before,.summary-card-campaign:before,.summary-card-catalogue:before,.summary-card-oos:before{content:"";pointer-events:none;background:#ffffff26;border-radius:50%;width:120px;height:120px;position:absolute;top:-32px;right:-32px}.summary-card-total:after,.summary-card-campaign:after,.summary-card-catalogue:after,.summary-card-oos:after{content:"";pointer-events:none;background:#ffffff12;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-40px;right:28px}.summary-card:hover{transform:translateY(-5px)scale(1.015)}.summary-card-total:hover,.summary-card-campaign:hover,.summary-card-catalogue:hover,.summary-card-oos:hover{box-shadow:0 18px 44px #00000038!important}.summary-card.active-filter{transform:translateY(-5px)scale(1.015)}.summary-card-icon{z-index:1;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:54px;min-width:54px;height:54px;font-size:24px;display:flex;position:relative}.summary-card-icon svg{width:24px;height:24px}.summary-card-total .summary-card-icon,.summary-card-campaign .summary-card-icon,.summary-card-catalogue .summary-card-icon,.summary-card-oos .summary-card-icon{background:#ffffff38}.summary-card-content{z-index:1;flex:1;min-width:0;position:relative}.summary-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.9px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:5px;font-size:11px;font-weight:700;display:block;overflow:hidden}.summary-number{letter-spacing:-1.5px;font-size:38px;font-weight:900;line-height:1;display:block}.summary-card-total .summary-label,.summary-card-campaign .summary-label,.summary-card-catalogue .summary-label,.summary-card-oos .summary-label{color:#ffffffc7}.summary-card-total .summary-number,.summary-card-campaign .summary-number,.summary-card-catalogue .summary-number,.summary-card-oos .summary-number{color:#fff}.summary-card-total{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 28px #667eea73}.summary-card-campaign{background:linear-gradient(135deg,#8dc63f 0%,#2e9954 100%);box-shadow:0 8px 28px #8dc63f73}.summary-card-catalogue{background:linear-gradient(135deg,#4facfe 0%,#2b6cb0 100%);box-shadow:0 8px 28px #4299e173}.summary-card-oos{background:linear-gradient(135deg,#f6ad55 0%,#dd6b20 100%);box-shadow:0 8px 28px #ed893673}.summary-card-briefing,.summary-card-planning,.summary-card-production,.summary-card-completed,.summary-card-cancelled{background:#fff;border:1px solid #e2e8f0;border-top-width:3px}.summary-card-briefing{border-top-color:#6366f1}.summary-card-briefing .summary-card-icon{background:#6366f11a}.summary-card-briefing .summary-number{color:#4338ca}.summary-card-planning{border-top-color:#ec4899}.summary-card-planning .summary-card-icon{background:#ec48991a}.summary-card-planning .summary-number{color:#be185d}.summary-card-production{border-top-color:#f59e0b}.summary-card-production .summary-card-icon{background:#f59e0b1f}.summary-card-production .summary-number{color:#b45309}.summary-card-completed{border-top-color:#10b981}.summary-card-completed .summary-card-icon{background:#10b9811a}.summary-card-completed .summary-number{color:#065f46}.summary-card-cancelled{border-top-color:#ef4444}.summary-card-cancelled .summary-card-icon{background:#ef444414}.summary-card-cancelled .summary-number{color:#b91c1c}.filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;display:flex;overflow-y:visible}.filter-buttons{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.hide-completed-btn{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:6px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.hide-completed-btn:hover{color:#2d3748;border-color:#a0aec0}.hide-completed-btn.active{color:#553c9a;background:#667eea14;border-color:#667eea66}body.dark-mode .filters-bar{background:#1a1f2e;border-color:#2d3748}body.dark-mode .filters-bar input[type=text],body.dark-mode .filters-bar input[type=search]{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .filters-bar input::placeholder{color:#4a5568}body.dark-mode .filter-btn{color:#718096;background:#1a2035;border-color:#2d3748}body.dark-mode .filter-btn:hover{color:#a0aec0;border-color:#4a5568}body.dark-mode .filter-btn.active{color:#8dc63f;background:#8dc63f1f;border-color:#8dc63f59}body.dark-mode .hide-completed-btn{color:#718096;background:#1a2035;border-color:#2d3748}body.dark-mode .hide-completed-btn:hover{color:#a0aec0;border-color:#4a5568}body.dark-mode .hide-completed-btn.active{color:#a78bfa;background:#667eea26;border-color:#667eea66}.confirm-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-overlay.hidden{display:none}.confirm-dialog{text-align:center;background:#fff;border-radius:16px;width:360px;max-width:90vw;padding:32px 28px 24px;animation:.18s confirmPop;box-shadow:0 20px 60px #0000002e,0 4px 16px #00000014}@keyframes confirmPop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-icon{margin-bottom:12px;font-size:36px;line-height:1}.confirm-title{color:#1a202c;margin-bottom:8px;font-size:16px;font-weight:700}.confirm-message{color:#718096;white-space:pre-line;margin-bottom:24px;font-size:13px;line-height:1.5}.confirm-actions{justify-content:center;gap:10px;display:flex}.confirm-cancel-btn,.confirm-ok-btn{cursor:pointer;border:1.5px solid #0000;border-radius:8px;min-width:90px;padding:9px 22px;font-size:13px;font-weight:600;transition:all .15s}.confirm-cancel-btn{color:#4a5568;background:#f7fafc;border-color:#e2e8f0}.confirm-cancel-btn:hover{background:#edf2f7;border-color:#cbd5e0}.confirm-ok-btn{color:#fff;background:#e53e3e;border-color:#e53e3e}.confirm-ok-btn:hover{background:#c53030;border-color:#c53030}.archive-reason-options{flex-direction:column;gap:8px;margin:4px 0 16px;display:flex}.archive-reason-option{color:#4a5568;cursor:pointer;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:13.5px;font-weight:600;transition:border-color .15s,background .15s;display:flex}.archive-reason-option:hover{background:#f7fafc;border-color:#cbd5e0}.archive-reason-option.selected{color:#3d5500;background:#a4d2331a;border-color:#a4d233}.archive-reason-option input{accent-color:#8ab52a;cursor:pointer}.archive-reason-note{color:#2d3748;resize:vertical;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;margin-bottom:16px;padding:10px 12px;font-family:Inter,sans-serif;font-size:13px}.archive-reason-note:focus{border-color:#a4d233;outline:none;box-shadow:0 0 0 3px #a4d23326}.confirm-ok-btn.archive-confirm-btn{color:#1a2e05;background:#a4d233;border-color:#a4d233}.confirm-ok-btn.archive-confirm-btn:hover{background:#93bd2c;border-color:#93bd2c}.archive-reason-badge{color:#4a5568;white-space:nowrap;background:#edf2f7;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}body.dark-mode .archive-reason-option{color:#a0aec0;border-color:#2d3748}body.dark-mode .archive-reason-option:hover{background:#1e2536;border-color:#4a5568}body.dark-mode .archive-reason-option.selected{color:#c5e86c;background:#a4d23324;border-color:#a4d233}body.dark-mode .archive-reason-note{color:#e2e8f0;background:#1a1f2e;border-color:#2d3748}body.dark-mode .archive-reason-badge{color:#a0aec0;background:#1e2536;border-color:#2d3748}.search-wrapper{flex:0 0 160px;min-width:0;position:relative}.search-icon{color:#a0aec0;width:14px;height:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-wrapper input{color:#2d3748;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:7px 12px 7px 30px;font-family:Inter,sans-serif;font-size:12px;transition:border-color .2s}.search-wrapper input:focus{background:#fff;border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f26}.filter-btn{color:#718096;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.filter-btn:hover{color:#8dc63f;border-color:#8dc63f}.filter-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}#status-filter,#sort-filter,#job-stage-filter,#project-stage-filter,#planner-priority-filter{color:#718096;cursor:pointer;appearance:none;white-space:nowrap;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 6px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;max-width:120px;padding:6px 24px 6px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}#status-filter:focus,#sort-filter:focus,#job-stage-filter:focus,#project-stage-filter:focus,#planner-priority-filter:focus{border-color:#8dc63f;outline:none}#job-stage-filter,#project-stage-filter{max-width:130px}#sort-filter{color:#718096;cursor:pointer;appearance:none;white-space:nowrap;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 8px center no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;padding:6px 28px 6px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600}#sort-filter:focus{border-color:#8dc63f;outline:none}.project-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:10px 16px;transition:box-shadow .2s,transform .15s,border-color .2s;display:flex}.project-card:hover{border-color:#8dc63f;transform:translateY(-1px);box-shadow:0 4px 16px #00000012}.project-card-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.project-type-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.type-campaign{background:#8dc63f17}.type-catalogue{background:#4facfe17}.type-out-of-scope{background:#f6ad5517}.type-badge{letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.type-badge-campaign{color:#2e7d32;background:#8dc63f1f;border-color:#8dc63f59}.type-badge-catalogue{color:#1d4ed8;background:#4facfe1f;border-color:#4facfe59}.type-badge-out-of-scope{color:#b45309;background:#f6ad551f;border-color:#f6ad5559}.project-card-info{min-width:0}.project-card-stages{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.project-card-name{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:700;overflow:hidden}.project-card-meta-grid{flex-wrap:wrap;gap:32px;margin-top:5px;display:flex}.card-meta-col{grid-template-columns:auto auto;align-items:center;gap:2px 6px;display:grid}.card-meta-label{letter-spacing:.4px;color:#a0aec0;text-transform:uppercase;white-space:nowrap;text-align:right;font-size:10px;font-weight:700}.card-meta-label:after{content:":"}.card-meta-val{color:#4a5568;white-space:nowrap;font-size:11px;font-weight:500}body.dark-mode .card-meta-val{color:#a0aec0}body.dark-mode .card-meta-label{color:#4a5568}body.dark-mode .card-date-chip.chip-due-soon{background:#f59e0b1a;border-color:#f59e0b4d}.project-card-right{flex-flow:row;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:flex}.status-badge{letter-spacing:.3px;white-space:nowrap;border:1px solid #0000;border-radius:20px;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.status-briefing{color:#4338ca;background:#6366f11a;border-color:#6366f14d}.status-planning{color:#be185d;background:#ec48991a;border-color:#ec48994d}.status-production{color:#b45309;background:#f59e0b1f;border-color:#f59e0b59}.status-completed{color:#065f46;background:#10b9811a;border-color:#10b9814d}.status-cancelled{color:#b91c1c;background:#ef444414;border-color:#ef444440}.empty-state{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:80px 32px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:#1a202c;margin-bottom:8px;font-size:18px;font-weight:700}.empty-state p{color:#a0aec0;margin-bottom:24px;font-size:14px}.empty-new-btn{color:#1a1f2e;background:#8dc63f;border-radius:8px;padding:11px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.empty-new-btn:hover{background:#7ab534}.new-project-topbar-btn{color:#1a1f2e;text-transform:uppercase;letter-spacing:.4px;cursor:pointer;background:#8dc63f;border:none;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.new-project-topbar-btn:hover{background:#7ab534}.topbar{z-index:99;background:#fff;position:sticky;top:0}.notif-wrapper{z-index:100;position:relative}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-overlay.hidden{display:none}.modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1100px;height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.modal-header-left{min-width:0}.modal-header-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;display:flex}.modal-priority-badge{background:#f7f9fc;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.modal-priority-label{color:#4a5568;font-size:12px;font-weight:700}body.dark-mode .modal-priority-badge{background:#1e2533;border-color:#2d3748}body.dark-mode .modal-priority-label{color:#a0aec0}.modal-project-type{color:#8dc63f;text-transform:uppercase;letter-spacing:.6px;margin-bottom:4px;font-size:11px;font-weight:700}.modal-title{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;max-width:600px;font-size:20px;font-weight:700;overflow:hidden}.modal-close{cursor:pointer;color:#718096;background:#f0f2f7;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex}.modal-close:hover{background:#e2e8f0}.modal-toolbar-group{align-items:center;gap:10px;display:flex}.modal-toolbar-label{color:#718096;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;margin-bottom:0;font-size:12px;font-weight:700}.modal-toolbar-select{color:#2d3748;min-width:160px;padding:8px 32px 8px 12px;font-size:13px;font-weight:600}.modal-toolbar-select:focus{border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f1f}.modal-toolbar-select.status-briefing{border-left:3px solid #6366f1}.modal-toolbar-select.status-planning{border-left:3px solid #ec4899}.modal-toolbar-select.status-production{border-left:3px solid #f59e0b}.modal-toolbar-select.status-completed{border-left:3px solid #10b981}.modal-toolbar-select.status-cancelled{border-left:3px solid #ef4444}.modal-content-area{flex:1;min-height:0;display:flex;overflow:hidden}.modal-left-col{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.modal-body{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:0 24px;min-width:0;padding:24px 28px;display:grid;overflow:hidden auto}.modal-comments-area{background:#fff;border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;height:210px;min-height:0;padding:16px 28px;transition:height .25s;display:flex}.modal-sidebar{background:#fafbfd;border-left:1px solid #eef0f4;flex-direction:column;flex-shrink:0;width:280px;padding:20px 20px 24px;display:flex;overflow-y:auto}.m-sidebar-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:4px;font-size:10px;font-weight:700}.modal-side-select{color:#2d3748;width:100%;padding:8px 32px 8px 10px;font-size:12px;font-weight:600}.modal-side-select:disabled{opacity:.6;cursor:default}.modal-sidebar .cs-trigger.status-sel-briefing .cs-label:before{content:"";background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-planning .cs-label:before{content:"";background:#ec4899;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-production .cs-label:before{content:"";background:#f59e0b;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-shipping .cs-label:before{content:"";background:#d69e2e;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-warehouse .cs-label:before{content:"";background:#9b5de5;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-carrier .cs-label:before{content:"";background:#38b2ac;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-activation .cs-label:before{content:"";background:#f687b3;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-reporting .cs-label:before{content:"";background:#667eea;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-completed .cs-label:before{content:"";background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.modal-sidebar .cs-trigger.status-sel-cancelled .cs-label:before{content:"";background:#ef4444;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:8px;display:inline-block}.sidebar-prio-wrap{position:relative}.sidebar-prio-icon{pointer-events:none;z-index:1;align-items:center;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.modal-sidebar .cs-trigger.has-prio-icon .cs-label{padding-left:26px}body.dark-mode .modal-comments-area{background:#1a1f2e;border-color:#2d3748}.modal-items-table{border-collapse:collapse;width:100%;font-size:12px}.modal-items-table--grid{grid-column:1/-1}.modal-items-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.modal-items-table th{text-align:left;color:#a0aec0;text-transform:uppercase;letter-spacing:.4px;padding:6px 10px;font-size:10px;font-weight:700}.modal-items-table tbody tr{border-bottom:1px solid #f0f2f7}.modal-items-table td{color:#4a5568;padding:8px 10px}.modal-items-table td.item-name-cell{color:#1a202c;font-weight:500}body.dark-mode .modal-items-table thead tr{background:#1e2536;border-bottom-color:#2d3748}body.dark-mode .modal-items-table tbody tr{border-bottom-color:#2d3748}body.dark-mode .modal-items-table td{color:#a0aec0}body.dark-mode .modal-items-table td.item-name-cell{color:#e2e8f0}.modal-item-card{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;display:grid;position:relative}body.dark-mode .modal-item-card{background:#1e2536;border-color:#2d3748}.modal-add-item-btn{color:#5a9020;cursor:pointer;background:#8dc63f0d;border:1.5px dashed #8dc63f;border-radius:8px;width:100%;margin-top:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:background .15s,border-color .15s}.modal-add-item-btn:hover{background:#8dc63f1f;border-color:#6ea832}body.dark-mode .modal-add-item-btn{color:#8dc63f;background:#8dc63f12;border-color:#8dc63f66}.attach-section{flex-direction:column;gap:6px;padding:4px 0 8px;display:flex}.attach-empty{color:#a0aec0;padding:8px 0;font-size:13px}.attach-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px 12px;font-size:13px;display:flex}.attach-file-icon{color:#8dc63f;flex-shrink:0;align-items:center;display:flex}.attach-name{color:#2d3748;text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.attach-meta{color:#a0aec0;white-space:nowrap;flex-shrink:0;font-size:11px}.attach-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.attach-btn{cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s,border-color .15s,color .15s;display:flex}.attach-download{color:#4a90d9}.attach-download:hover{background:#4a90d91a;border-color:#4a90d9}.attach-delete{color:#e53e3e}.attach-delete:hover{background:#e53e3e1a;border-color:#e53e3e}.attach-upload-btn{color:#5a9020;cursor:pointer;background:#a4d2330d;border:1.5px dashed #a4d233;border-radius:8px;align-self:flex-start;align-items:center;gap:7px;margin-top:4px;padding:8px 16px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:inline-flex}.attach-upload-btn:hover{background:#a4d2331f;border-color:#8bb22b}body.dark-mode .attach-item{background:#1e2533;border-color:#2d3748}body.dark-mode .attach-name{color:#e2e8f0}body.dark-mode .attach-meta{color:#4a5568}body.dark-mode .attach-btn{border-color:#2d3748}body.dark-mode .attach-upload-btn{color:#a4d233;background:#a4d23312;border-color:#a4d23366}.att-tiles-wrap{flex-direction:column;gap:14px;padding:4px 0 8px;display:flex}.att-tile{background:#fff;border:1px solid #e2e8f0;border-left:3px solid #a4d233;border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.att-tile-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.att-tile-label{color:#2d3748;letter-spacing:.01em;align-items:center;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.att-tile-label svg{color:#a4d233;flex-shrink:0}.att-tile-badge{text-transform:uppercase;letter-spacing:.04em;color:#5a9020;white-space:nowrap;background:#a4d2331f;border-radius:20px;padding:3px 9px;font-family:Arial,sans-serif;font-size:10px;font-weight:700}.att-tile-empty{color:#a0aec0;padding:4px 2px;font-family:Arial,sans-serif;font-size:12.5px;font-style:italic}body.dark-mode .att-tile{background:#161c27;border-color:#2d3748 #2d3748 #2d3748 #a4d233}body.dark-mode .att-tile-label{color:#e2e8f0}body.dark-mode .att-tile-badge{color:#c8e85a;background:#a4d23326}body.dark-mode .att-tile-empty{color:#4a5568}.att-tile .attach-name,.att-tile .attach-meta{font-family:Arial,sans-serif}.modal-sidebar-group{border-bottom:1px solid #eef0f4;flex-direction:column;gap:4px;padding:10px 0;display:flex}.modal-sidebar-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:10px;font-weight:700;display:flex}.modal-sidebar .modal-toolbar-select{width:100%;min-width:unset;text-overflow:ellipsis;white-space:nowrap;padding:7px 28px 7px 10px;font-size:12px;overflow:hidden}.modal-field{margin-bottom:18px}.modal-field-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:700}.modal-field-value{color:#2d3748;font-size:14px;font-weight:500}.modal-section-title{color:#3d6b11;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#f0f9e8 0%,#e8f5e0 100%);border-left:4px solid #8dc63f;border-radius:0 8px 8px 0;grid-column:1/-1;margin:16px 0 12px;padding:10px 14px;font-size:11px;font-weight:700}.modal-edit{padding:0 28px 24px;overflow-y:auto}.modal-edit .modal-section-title{margin-top:20px}.modal-edit .modal-section-title:first-child{margin-top:4px}.modal-edit .planner-form-grid{margin-bottom:12px}.edit-form-group{margin-bottom:16px}.edit-form-group label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.edit-form-group input{color:#2d3748;border:1.5px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:Inter,sans-serif;font-size:14px;transition:border-color .2s}.edit-form-group input:focus{border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f26}.modal-footer{background:#fafbfd;border-top:1px solid #eef0f4;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 28px;display:flex}.edit-btn{color:#718096;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.edit-btn:hover{color:#8dc63f;border-color:#8dc63f}.edit-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}.delete-btn{color:#e53e3e;cursor:pointer;background:0 0;border:1.5px solid #fed7d7;border-radius:8px;align-items:center;gap:6px;padding:9px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.delete-btn:hover{background:#fff5f5;border-color:#e53e3e}.save-edit-btn{color:#1a1f2e;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#8dc63f;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .2s}.save-edit-btn:hover{background:#7ab534}.m-hero{background:linear-gradient(#fafbfd,#fff);border-bottom:1px solid #eef0f4;flex-direction:column;flex-shrink:0;padding:20px 28px 16px;display:flex;position:relative}.m-hero:before{content:"";background:linear-gradient(90deg,#8dc63f,#6aa82e);border-radius:16px 16px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.m-hero-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.m-crumb{color:#718096;align-items:center;gap:8px;font-size:12px;font-weight:500;display:flex}.m-crumb-chip{color:#5a9e1f;letter-spacing:.3px;text-transform:uppercase;background:#8dc63f1f;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.m-crumb-sep{color:#cbd5e0;font-weight:700}.m-crumb-item{color:#4a5568}.m-hero-actions{align-items:center;gap:6px;display:flex}.m-icon-btn{color:#718096;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:inline-flex}.m-icon-btn:hover,.m-icon-btn-active{color:#2d3748;background:#f0f2f7}.m-icon-btn-success{color:#5a9e1f!important;background:#8dc63f1f!important}.m-copy-toast{color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#1a202c;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;animation:.15s m-toast-in;position:absolute;top:calc(100% + 6px);right:0}.m-copy-toast:before{content:"";border:5px solid #0000;border-bottom-color:#1a202c;position:absolute;bottom:100%;right:10px}@keyframes m-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.m-more-menu{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;min-width:170px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0f172a1f}.m-more-item{color:#2d3748;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:flex}.m-more-item:hover{background:#f0f2f7}.m-more-item-danger{color:#dc2626}.m-more-item-danger:hover{background:#fff5f5}.modal-overlay.modal-fullscreen{padding:0}.modal-overlay.modal-fullscreen .modal{border-radius:0;width:100%;max-width:100%;height:100vh}.sidebar-assignee-avatar{color:#1a1f2e;background:#8dc63f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:inline-flex}.m-meta-strip{color:#4a5568;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font-size:12px;display:flex}.m-meta-item{align-items:center;gap:6px;display:inline-flex}.m-meta-item svg{opacity:.55;flex-shrink:0}.m-meta-sep{color:#cbd5e0;font-weight:700}.m-meta-strip strong{color:#1a202c;font-weight:600}.m-priority-pill{color:#dc2626;background:#ef44441a;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.m-title{color:#1a202c;letter-spacing:-.3px;margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.25}body.dark-mode .m-title{color:#f1f5f9}.modal-tabs{background:#fff;border-bottom:1px solid #eef0f4;flex-shrink:0;gap:2px;padding:0 28px;display:flex}.modal-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:12px 14px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:color .15s;display:inline-flex}.modal-tab:hover{color:#2d3748}.modal-tab.active{color:#1a202c;border-bottom-color:#8dc63f}.modal-tab-count{color:#64748b;background:#f0f2f7;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.modal-tab.active .modal-tab-count{color:#5a9e1f;background:#8dc63f26}.m-tab-content{flex:1;min-height:0;padding:24px 28px;overflow-y:auto}.m-section{margin-bottom:24px}.m-section-title{color:#3d6b11;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,#f0f9e8 0%,#e8f5e0 100%);border-left:3px solid #8dc63f;border-radius:0 8px 8px 0;align-items:center;gap:8px;margin-bottom:14px;padding:8px 12px;font-size:11px;font-weight:700;display:flex}.m-section-title svg{color:#5a9e1f;flex-shrink:0}body.dark-mode .m-section-title{color:#8dc63f;background:#8dc63f14;border-left-color:#8dc63f}.m-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;display:grid}.m-field{flex-direction:column;gap:4px;display:flex}.m-field.full{grid-column:1/-1}.m-field-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.m-field-value{color:#1a202c;word-break:break-word;text-transform:capitalize;font-size:14px;font-weight:500}.m-field-value.muted{color:#94a3b8;font-weight:400}.m-badge-yes{color:#15803d;background:#22c55e1f;border-radius:6px;width:max-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.m-badge-no{color:#475569;background:#64748b1f;border-radius:6px;width:max-content;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.m-view-item{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s,box-shadow .15s}.m-view-item:hover{border-color:#8dc63f;box-shadow:0 2px 8px #0000000a}.m-view-item-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.m-view-item-name{color:#1a202c;flex:1;font-size:14px;font-weight:700;line-height:1.4}.m-view-item-code{letter-spacing:.4px;color:#5a9e1f;background:#8dc63f1f;border-radius:5px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.m-view-item-meta{color:#4a5568;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:12px;display:flex}.m-view-item-meta .mm{align-items:center;gap:5px;display:inline-flex}.m-view-item-meta .mm svg{opacity:.5}.m-view-item-meta .msep{color:#cbd5e0;font-weight:700}.m-view-item-meta .mqty{color:#1a202c;font-weight:700}.m-footer-left{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.m-footer-modified{color:#94a3b8;border-left:1px solid #e2e8f0;align-items:center;gap:4px;margin-left:2px;padding-left:6px;display:inline-flex}.m-btn{cursor:pointer;color:#4a5568;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.m-btn:hover{color:#5a9e1f;border-color:#8dc63f}.m-btn.primary{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}.m-btn.primary:hover{color:#1a1f2e;background:#7ab534;border-color:#7ab534}.m-btn.danger{color:#dc2626;border-color:#fecaca}.m-btn.danger:hover{background:#fff5f5;border-color:#ef4444}.modal-sidebar .cs-trigger{width:calc(100% + 8px);min-height:unset;color:#1a202c;border-radius:6px;margin-left:-8px;padding:4px 8px;font-size:13px;font-weight:500;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.modal-sidebar .cs-trigger:hover{background:#f0f2f7!important;border-color:#0000!important}.modal-sidebar .cs-trigger.open{box-shadow:none!important;background:#f0f2f7!important;border-color:#0000!important}.modal-sidebar .cs-trigger .cs-arrow{opacity:0;transition:opacity .1s}.modal-sidebar .cs-trigger:hover .cs-arrow,.modal-sidebar .cs-trigger.open .cs-arrow{opacity:1}body.dark-mode .m-hero{background:linear-gradient(#1e2535,#1a1f2e);border-bottom-color:#2d3748}body.dark-mode .m-crumb{color:#a0aec0}body.dark-mode .m-crumb-item{color:#718096}body.dark-mode .m-meta-strip{color:#a0aec0}body.dark-mode .m-meta-strip strong{color:#e2e8f0}body.dark-mode .modal-tabs{background:#1a1f2e;border-bottom-color:#2d3748}body.dark-mode .modal-tab{color:#64748b}body.dark-mode .modal-tab:hover{color:#94a3b8}body.dark-mode .modal-tab.active{color:#e2e8f0}body.dark-mode .m-tab-content{background:#1a1f2e}body.dark-mode .m-field-label{color:#4a5568}body.dark-mode .m-field-value{color:#e2e8f0}body.dark-mode .m-view-item{background:#1e2535;border-color:#2d3748}body.dark-mode .m-view-item:hover{border-color:#8dc63f}body.dark-mode .m-view-item-name{color:#e2e8f0}body.dark-mode .m-view-item-meta{color:#a0aec0}body.dark-mode .m-view-item-meta .mqty{color:#e2e8f0}body.dark-mode .m-view-item-meta .msep{color:#4a5568}body.dark-mode .modal-sidebar{background:#151922;border-left-color:#2d3748}body.dark-mode .m-sidebar-title{color:#4a5568}body.dark-mode .modal-sidebar .cs-trigger{color:#e2e8f0;box-shadow:none!important;background:0 0!important;border-color:#0000!important}body.dark-mode .modal-sidebar .cs-trigger:hover,body.dark-mode .modal-sidebar .cs-trigger.open{background:#2d3748!important;border-color:#0000!important}body.dark-mode .modal-sidebar-group{border-bottom-color:#2d3748}body.dark-mode .modal-sidebar-label,body.dark-mode .m-footer-left{color:#4a5568}body.dark-mode .m-btn{color:#a0aec0;background:#1e2535;border-color:#2d3748}body.dark-mode .m-btn:hover{color:#8dc63f;border-color:#8dc63f}body.dark-mode .m-btn.primary{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}body.dark-mode .m-btn.danger{color:#f87171;border-color:#f871714d}body.dark-mode .m-btn.danger:hover{background:#ef44441a;border-color:#ef4444}.assignee-chip{color:#3d6b1a;letter-spacing:.3px;background:#8dc63f1a;border:1px solid #8dc63f4d;border-radius:20px;align-items:center;gap:4px;padding:3px 10px 3px 4px;font-size:10px;font-weight:700;display:inline-flex}.assignee-chip-avatar{color:#1a1f2e;background:#8dc63f;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:flex}.assignee-select{color:#2d3748;background-color:#f8fafc;min-width:180px;padding:7px 32px 7px 12px;font-size:13px;font-weight:500}.assignee-select:focus{border-color:#8dc63f;outline:none}.notif-bell{cursor:pointer;color:#64748b;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .18s;display:flex;position:relative}.notif-bell svg{pointer-events:none}.notif-bell:hover{color:#1e293b;background:#e2e8f0;border-color:#cbd5e0}.notif-bell.active{color:#6aa82e;background:#8dc63f1a;border-color:#8dc63f80}.notif-badge{color:#fff;box-sizing:border-box;background:#ef4444;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-family:Inter,sans-serif;font-size:9px;font-weight:800;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.notif-badge.hidden{display:none}.notif-dropdown{z-index:300;background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:340px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000d}.notif-dropdown.hidden{display:none}.notif-dropdown-header{color:#1a202c;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;font-weight:700;display:flex}.notif-clear{color:#8dc63f;cursor:pointer;background:0 0;border:none;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:color .15s}.notif-clear:hover{color:#6aa82e}.notif-list{max-height:360px;overflow-y:auto}.notif-item{cursor:pointer;border-bottom:1px solid #f0f2f7;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#8dc63f0d}.notif-item.unread:before{content:"";background:#8dc63f;border-radius:0 2px 2px 0;width:3px;height:100%;position:absolute;top:0;left:0}.notif-icon{background:#f0f2f7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.notif-content{flex:1;min-width:0}.notif-text{color:#2d3748;margin-bottom:3px;font-size:13px;font-weight:500;line-height:1.4}.notif-text strong{color:#1a202c;font-weight:700}.notif-time{color:#a0aec0;font-size:11px}.notif-empty{text-align:center;color:#a0aec0;padding:40px 20px;font-size:13px}.notif-empty-icon{margin-bottom:8px;font-size:28px}.notif-clickable{cursor:pointer}.notif-clickable:hover{background:#f0fff4}.notif-arrow{color:#a0aec0;flex-shrink:0;align-items:center;margin-left:4px;font-size:18px;display:flex}.view-tabs{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:4px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.view-tab{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.view-tab:hover{color:#2d3748;background:#f0f2f7}.view-tab.active{color:#1a1f2e;background:#8dc63f}.view-panel{width:100%}.view-panel.hidden{display:none}.kanban-scroll-wrap{width:100%;padding-bottom:10px;overflow-x:auto}.kanban-scroll-wrap::-webkit-scrollbar{height:6px}.kanban-scroll-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.kanban-scroll-wrap::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:10px}.kanban-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#a0aec0}.kanban-board{align-items:start;gap:14px;width:max-content;min-width:100%;display:grid}.kanban-column{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;min-height:200px;padding:14px;transition:border-color .15s,box-shadow .15s}.kanban-column.drag-over{background:#8dc63f0d;border-color:#8dc63f}.kanban-column.col-drag-over{border-color:#8dc63f;box-shadow:-3px 0 #8dc63f}.kanban-column-header{cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;margin-bottom:14px;display:flex}.kanban-column-header:active{cursor:grabbing}.kanban-col-drag-handle{color:#cbd5e0;flex-shrink:0;align-items:center;transition:color .15s;display:flex}.kanban-column-header:hover .kanban-col-drag-handle{color:#a0aec0}.kanban-add-col-wrap{flex-shrink:0;align-items:flex-start;width:52px;padding-top:2px;display:flex}.kanban-add-col-btn{color:#a0aec0;cursor:pointer;background:0 0;border:1.5px dashed #cbd5e0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-family:Inter,sans-serif;font-size:20px;font-weight:400;line-height:1;transition:border-color .15s,color .15s,background .15s;display:flex}.kanban-add-col-btn:hover{color:#5a9e1f;background:#8dc63f0f;border-color:#8dc63f}.kanban-add-col-form{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:12px}.kanban-add-col-input{color:#2d3748;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-family:Inter,sans-serif;font-size:13px}.kanban-add-col-input:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1f}.kanban-add-col-actions{gap:6px;margin-top:8px;display:flex}.kanban-add-col-save{color:#fff;cursor:pointer;background:#8dc63f;border:none;border-radius:6px;flex:1;padding:5px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.kanban-add-col-save:hover{background:#7ab534}.kanban-add-col-cancel{color:#a0aec0;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;flex:1;padding:5px 0;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.kanban-add-col-cancel:hover{color:#718096;border-color:#cbd5e0}body.dark-mode .kanban-add-col-form{background:#1e2533;border-color:#2d3748}body.dark-mode .kanban-add-col-input{color:#e2e8f0;background:#151922;border-color:#2d3748}body.dark-mode .kanban-add-col-btn{color:#4a5568;border-color:#2d3748}body.dark-mode .kanban-add-col-btn:hover{color:#8dc63f;border-color:#8dc63f}body.dark-mode .kanban-add-col-cancel{color:#4a5568;border-color:#2d3748}body.dark-mode .kanban-scroll-wrap::-webkit-scrollbar-track{background:#1e2533}body.dark-mode .kanban-scroll-wrap::-webkit-scrollbar-thumb{background:#2d3748}body.dark-mode .kanban-scroll-wrap::-webkit-scrollbar-thumb:hover{background:#4a5568}body.dark-mode .kanban-col-drag-handle{color:#2d3748}body.dark-mode .kanban-column-header:hover .kanban-col-drag-handle{color:#4a5568}body.dark-mode .kanban-column.col-drag-over{box-shadow:-3px 0 #8dc63f}.kanban-column-title{text-transform:uppercase;letter-spacing:.5px;color:#4a5568;flex:1;font-size:12px;font-weight:700}.kanban-column-count{color:#718096;background:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}.kanban-card{cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:10px;padding:14px;transition:box-shadow .2s,transform .2s,opacity .15s}.kanban-card:hover{border-color:#8dc63f;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.kanban-card.dragging{opacity:.35;cursor:grabbing;transform:scale(1.02)!important}.kanban-card.drag-over-card{border-top:2px solid #a4d233;margin-top:-1px}.kanban-card-type{text-transform:uppercase;letter-spacing:.5px;color:#a0aec0;margin-bottom:6px;font-size:10px;font-weight:700}.kanban-card-name{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.kanban-card-meta{color:#a0aec0;flex-direction:column;gap:3px;font-size:11px;display:flex}.kanban-card-assignee{color:#3d6b1a;background:#8dc63f1a;border-radius:20px;align-items:center;gap:4px;margin-top:8px;padding:2px 8px 2px 3px;font-size:11px;font-weight:600;display:inline-flex}.kanban-card-assignee-avatar{color:#1a1f2e;background:#8dc63f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:flex}.gantt-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:14px 24px;display:flex}.gantt-toolbar>.cs-wrap:first-child{flex-shrink:1;min-width:0;max-width:220px}.gantt-toolbar>.cs-wrap:first-child .cs-trigger{overflow:hidden}.gantt-toolbar>.cs-wrap:first-child .cs-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.gantt-nav-arrow{color:#718096;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s,border-color .15s;display:flex}.gantt-nav-arrow:hover{color:#3d6b11;background:#f0f9e8;border-color:#8dc63f}.gantt-scale-today{letter-spacing:.4px!important;color:#3d6b11!important;background:#f0f9e8!important;border-right:2px solid #d0d7e2!important;padding:0 14px!important;font-weight:800!important}.gantt-scale-today:hover{color:#2d5a0a!important;background:#e6f4d7!important}.gantt-scale-today.gantt-today-at{color:#a0aec0!important;background:0 0!important;font-weight:700!important}.gantt-scale-today.gantt-today-at:hover{color:#718096!important;background:#f7f8fa!important}.gantt-scale-btns{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;overflow:hidden}.gantt-scale-btn{letter-spacing:.6px;color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-right:1px solid #e2e8f0;height:36px;padding:0 13px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:background .15s,color .15s}.gantt-scale-btn:last-child{border-right:none}.gantt-scale-btn:hover{color:#2d3748;background:#f7f8fa}.gantt-scale-btn.active{color:#3d6b11;background:#f0f9e8;font-weight:800}body.dark-mode .gantt-scale-btns{background:#141824;border-color:#2d3748}body.dark-mode .gantt-scale-btn{color:#718096;border-color:#2d3748}body.dark-mode .gantt-scale-btn:hover{color:#a0aec0;background:#8dc63f14}body.dark-mode .gantt-scale-btn.active{color:#8dc63f;background:#8dc63f26}.gantt-date-range{color:#2d3748;letter-spacing:.2px;text-align:center;flex:1;min-width:0;font-size:14px;font-weight:700}.gantt-legend{flex-wrap:wrap;gap:14px;display:flex}.gantt-legend-item{color:#718096;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.gantt-legend-color{border-radius:3px;flex-shrink:0;width:12px;height:12px}.gantt-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;height:calc(100vh - 380px);min-height:400px;display:flex;overflow:clip}.page-wrapper.gantt-mode{box-sizing:border-box;flex-direction:column;height:calc(100vh - 65px);display:flex;overflow:hidden}.page-wrapper.gantt-mode .view-tabs{flex-shrink:0}.page-wrapper.kanban-mode{box-sizing:border-box;flex-direction:column;height:calc(100vh - 60px);padding:32px 40px 0;display:flex;overflow:hidden}.page-wrapper.kanban-mode .view-tabs{flex-shrink:0}.kanban-view-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.kanban-view-wrap .filters-bar{flex-shrink:0}.kanban-view-wrap .kanban-scroll-wrap{flex:1;min-height:0;padding-bottom:0;overflow:auto}.page-wrapper.gantt-mode .gantt-page-wrap{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex;overflow:hidden}.gantt-view-root{box-sizing:border-box;flex-direction:column;flex:1;min-height:0;display:flex}.page-wrapper.gantt-mode .gantt-view-root{padding:16px 0 0}.gantt-view-root .gantt-toolbar{flex-shrink:0;margin-bottom:12px}.gantt-content-row{flex:1;align-items:stretch;gap:0;min-height:0;display:flex}.gantt-content-row .gantt-wrapper{flex:1;min-height:0}.gantt-page-wrap{margin-bottom:0}.gantt-page-wrap .gantt-wrapper{height:calc(100vh - 210px);min-height:400px}.gantt-left-panel{z-index:10;background:#fff;border-right:2px solid #e2e8f0;border-bottom-left-radius:12px;flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.gantt-left-header{color:#334155;letter-spacing:0;background:#f8fafc;border-bottom:2px solid #e2e8f0;flex-shrink:0;align-items:center;height:72px;padding:0 16px;font-size:13px;font-weight:700;display:flex}.gantt-left-rows{border-bottom-left-radius:12px;flex:1;overflow:hidden auto}.gantt-left-row{cursor:pointer;will-change:transform;border-bottom:1px solid #f0f2f7;align-items:center;gap:6px;padding:0 10px 0 8px;transition:background .15s,transform .2s;display:flex}.gantt-left-row:hover{background:#f8fafc}.gantt-ms-row,.gantt-task-row{cursor:grab}.gantt-row-dragging{opacity:.4!important;cursor:grabbing!important}.gantt-row-drag-target{border-top:2px solid #a4d233;margin-top:-1px}.gantt-proj-row{background:#fafbfc}.gantt-proj-row:hover{background:#f1f5f9}.gantt-chevron{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:transform .18s,color .15s;display:flex}.gantt-chevron:hover{color:#475569;background:#e2e8f0}.gantt-chevron.expanded{color:#475569;transform:rotate(90deg)}.gantt-proj-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.gantt-add-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1.5px dashed #cbd5e1;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;transition:all .15s;display:flex}.gantt-add-btn:hover{color:#8dc63f;background:#8dc63f14;border-color:#8dc63f}.gantt-expand-all-btn{color:#718096;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:22px;padding:0;transition:border-color .15s,color .15s,background .15s;display:flex}.gantt-expand-all-btn:hover{color:#5a9e1f;background:#8dc63f14;border-color:#8dc63f}body.dark-mode .gantt-expand-all-btn{color:#4a5568;border-color:#2d3748}body.dark-mode .gantt-expand-all-btn:hover{color:#8dc63f;background:#8dc63f1a;border-color:#8dc63f}.gantt-task-row{cursor:pointer;background:#fff}.gantt-task-row:hover{background:#f0f9e8}.gantt-task-row:hover .gantt-row-name{color:#5a9e1f}.gantt-task-indent-line{flex-shrink:0;align-self:stretch;width:20px;position:relative}.gantt-task-indent-line:before{content:"";background:#e2e8f0;width:1.5px;position:absolute;top:0;bottom:0;left:14px}.gantt-task-indent-line:after{content:"";background:#e2e8f0;width:8px;height:1.5px;position:absolute;top:50%;left:14px}.gantt-task-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.gantt-del-btn{color:#cbd5e1;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:14px;line-height:1;transition:all .15s;display:flex}.gantt-task-row:hover .gantt-del-btn{opacity:1}.gantt-del-btn:hover{color:#ef4444;background:#ef44441a}.gantt-task-due-badge{letter-spacing:.3px;white-space:nowrap;border-radius:20px;flex-shrink:0;align-items:center;margin-right:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.task-warn-soon{color:#c05621;background:#ed89361f;border:1px solid #ed89364d}.task-warn-today{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b59}.task-warn-overdue{color:#b91c1c;background:#ef44441a;border:1px solid #ef444440}body.dark-mode .task-warn-soon{color:#fed7aa;background:#ed893633;border-color:#ed893666}body.dark-mode .task-warn-today{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b66}body.dark-mode .task-warn-overdue{color:#fca5a5;background:#ef444433;border-color:#ef444461}.gantt-row-name{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.gantt-row-sub{color:#a0aec0;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.gantt-right-panel{border-bottom-right-radius:12px;flex:1;position:relative;overflow:hidden}.gantt-scroll-area{border-bottom-right-radius:12px;width:100%;height:100%;position:relative;overflow:auto}.gantt-header-row{z-index:30;background:#f8fafc;border-bottom:2px solid #e2e8f0;flex-direction:column;display:flex;position:sticky;top:0}.gantt-months-row{border-bottom:1px solid #e2e8f0;height:32px;display:flex}.gantt-month-cell{color:#4a5568;white-space:nowrap;background:#f8fafc;border-right:1px solid #e2e8f0;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:flex}.gantt-days-row{height:38px;display:flex}.gantt-day-cell{color:#a0aec0;border-right:1px solid #f0f2f7;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:2px;padding:4px 0;font-size:11px;font-weight:600;display:flex}.gantt-day-cell.is-today{color:#5a9e1f;font-weight:800}.gantt-body{min-height:100%;position:relative}.gantt-body-row{background-image:repeating-linear-gradient(to right, transparent calc(var(--gcw,30px) - 1px), #f0f2f7 calc(var(--gcw,30px) - 1px), #f0f2f7 var(--gcw,30px));border-bottom:1px solid #f0f2f7;position:relative;overflow:visible}.gantt-proj-row-body{background-color:#fafbfc}.gantt-task-body-row{background-color:#fff}.gantt-task-body-row:hover{background-color:#8dc63f08}.gantt-today-col{pointer-events:none;z-index:1;background:0 0;height:100%;position:absolute;top:0}.gantt-today-col:before{content:"";background:#8dc63fe6;border-radius:50%;width:8px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.gantt-today-col:after{content:"";background:#8dc63fb3;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.gantt-proj-span{cursor:grab;opacity:.88;-webkit-user-select:none;user-select:none;border-radius:11px;align-items:center;height:22px;padding:0 10px;transition:opacity .15s,box-shadow .15s,filter .15s;display:flex;position:absolute;top:11px;overflow:visible;box-shadow:0 2px 6px #00000024}.gantt-proj-span:hover{opacity:1;filter:brightness(1.06);box-shadow:0 4px 14px #0003}.gantt-proj-span.dragging{cursor:grabbing;opacity:.8;z-index:20;box-shadow:0 8px 24px #00000040}.gantt-proj-span-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;letter-spacing:.3px;flex:1;font-size:10px;font-weight:700;overflow:hidden}.gantt-proj-span .gantt-bar-handle{opacity:0}.gantt-proj-span:hover .gantt-bar-handle{opacity:1}.gantt-diamond{cursor:pointer;border-radius:3px;width:18px;height:18px;transition:box-shadow .15s,filter .15s;position:absolute;transform:rotate(45deg);box-shadow:0 2px 6px #0003}.gantt-diamond:hover{filter:brightness(1.1);box-shadow:0 4px 10px #00000040}.gantt-task-bar{z-index:10;color:#fff;white-space:nowrap;cursor:grab;pointer-events:all;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;min-width:8px;height:26px;padding:0 8px;font-size:11px;font-weight:600;transition:box-shadow .15s,filter .15s;display:flex;position:absolute;top:7px;overflow:visible;box-shadow:0 2px 5px #0000002e}.gantt-task-bar:hover{filter:brightness(1.07);z-index:10;box-shadow:0 4px 12px #00000038}.gantt-task-bar.dragging{cursor:grabbing;opacity:.82;z-index:20;box-shadow:0 8px 24px #00000047}.gantt-bar-handle{cursor:ew-resize;opacity:0;z-index:2;justify-content:center;align-items:center;width:8px;height:100%;transition:opacity .15s;display:flex;position:absolute;top:0}.gantt-task-bar:hover .gantt-bar-handle{opacity:1}.gantt-bar-handle-left{border-radius:6px 0 0 6px;left:0}.gantt-bar-handle-right{border-radius:0 6px 6px 0;right:0}.gantt-bar-handle:after{content:"⋮";color:#ffffffd9;font-size:11px}.gantt-conn-handle{cursor:crosshair;opacity:.65;z-index:6;background:#0000002e;border:1.5px solid #ffffff8c;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;transition:opacity .15s,background .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.gantt-conn-handle:hover{background:#00000052;opacity:1!important}.gantt-conn-handle-left{left:6px}.gantt-conn-handle-right{right:6px}body.gantt-connecting{cursor:crosshair!important}body.gantt-connecting .gantt-conn-handle{opacity:1}.gantt-conn-drop-start{opacity:0;pointer-events:none;z-index:15;background:#fff;border:2px solid #8dc63f;border-radius:50%;width:12px;height:12px;transition:opacity .15s;position:absolute;top:50%;left:-6px;transform:translateY(-50%)}body.gantt-connecting .gantt-conn-drop-start{opacity:1;pointer-events:all;cursor:crosshair}body.gantt-connecting .gantt-conn-drop-start:hover{background:#8dc63f;transform:translateY(-50%)scale(1.3)}.gantt-dep-group .gantt-dep-del{opacity:0;transition:opacity .15s}.gantt-dep-group:hover .gantt-dep-del{opacity:1}.gantt-dep-group:hover .gantt-dep-path{stroke:#ef4444}.gantt-ms-bar.bar-selected,.gantt-task-bar.bar-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px #8dc63fcc}.gantt-bar-menu{z-index:10000;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-width:190px;padding:12px;position:fixed;transform:translate(-50%,-110%);box-shadow:0 8px 24px #00000024}.gantt-bar-menu-name{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:700;overflow:hidden}.gantt-bar-menu-dates{color:#6b7280;margin-bottom:10px;font-size:11px}.gantt-bar-menu-actions{flex-direction:column;gap:2px;display:flex}.gantt-bar-menu-btn{cursor:pointer;color:#374151;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .12s;display:flex}.gantt-bar-menu-btn:hover{background:#f3f4f6}.gantt-bar-menu-del{color:#ef4444}.gantt-bar-menu-del:hover{background:#fef2f2}.gantt-dep-popup{z-index:10000;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:280px;max-width:340px;padding:0;position:fixed;overflow:hidden;transform:translate(-50%,-105%);box-shadow:0 10px 32px #00000026}.gantt-dep-popup-header{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #f3f4f6;align-items:center;gap:7px;padding:11px 14px 10px;font-size:12px;font-weight:600;display:flex}.gantt-dep-popup-close{cursor:pointer;color:#9ca3af;background:0 0;border:none;margin-left:auto;padding:0 2px;font-size:13px;line-height:1}.gantt-dep-popup-close:hover{color:#374151}.gantt-dep-popup-row{border-bottom:1px solid #f3f4f6;padding:10px 14px 12px}.gantt-dep-popup-row:last-child{border-bottom:none}.gantt-dep-popup-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px}.gantt-dep-popup-card-name{color:#111827;margin-bottom:2px;font-size:13px;font-weight:600}.gantt-dep-popup-card-date{color:#6b7280;font-size:11px}.gantt-dep-popup-rel{align-items:center;gap:8px;padding:7px 4px;display:flex}.gantt-dep-popup-rel-icon{border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.gantt-dep-popup-rel-label{color:#374151;font-size:13px;font-weight:600}.gantt-dep-popup-unlink{cursor:pointer;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:5px 10px;font-size:12px;transition:all .12s;display:flex}.gantt-dep-popup-unlink:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.gantt-tooltip{color:#fff;pointer-events:none;z-index:999;background:#1a202c;border-radius:8px;max-width:220px;padding:10px 14px;font-family:Inter,sans-serif;font-size:12px;display:none;position:fixed;box-shadow:0 4px 16px #0003}.gantt-tooltip-title{color:#8dc63f;margin-bottom:6px;font-size:13px;font-weight:700}.gantt-tooltip-row{color:#e2e8f0;justify-content:space-between;gap:12px;margin-bottom:3px;display:flex}.gantt-tooltip-label{color:#a0aec0}.gantt-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gantt-modal-box{background:#fff;border-radius:16px;width:420px;max-width:96vw;overflow:hidden;box-shadow:0 20px 60px #0003}.gantt-modal{background:#fff;border-radius:16px;width:100%;max-width:96vw;overflow:hidden;box-shadow:0 20px 60px #0003}.gantt-modal-header{background:#fafbfc;border-bottom:1px solid #f0f2f7;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.gantt-modal-title{color:#1a202c;font-size:16px;font-weight:700}.gantt-modal-close{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;transition:background .15s,color .15s;display:flex}.gantt-modal-close:hover{color:#4a5568;background:#f0f2f7}.gantt-modal-sub{color:#94a3b8;margin-top:2px;font-size:12px}.gantt-modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.gantt-modal-field{flex-direction:column;gap:5px;display:flex}.gantt-modal-label{color:#4a5568;font-size:12px;font-weight:600}.gantt-modal-input{color:#1a202c;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.gantt-modal-input:focus{border-color:#8dc63f;box-shadow:0 0 0 3px #8dc63f1f}select.gantt-modal-input{padding:8px 32px 8px 12px;font-size:13px}.gantt-modal-error{color:#b91c1c;background:#ef444414;border:1px solid #ef444433;border-radius:6px;margin:0 24px;padding:8px 12px;font-size:12px}.gantt-modal-actions{border-top:1px solid #f0f2f7;justify-content:flex-end;gap:10px;padding:14px 24px 20px;display:flex}.gantt-modal-cancel{color:#718096;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.gantt-modal-cancel:hover{color:#4a5568;border-color:#94a3b8}.gantt-modal-save{color:#fff;cursor:pointer;background:#8dc63f;border:none;border-radius:8px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s}.gantt-modal-save:hover{background:#7ab52e;box-shadow:0 4px 12px #8dc63f59}.gantt-color-picker{flex-wrap:wrap;gap:8px;display:flex}.gantt-color-dot{cursor:pointer;border:3px solid #0000;border-radius:50%;width:26px;height:26px;transition:transform .15s,border-color .15s;box-shadow:0 1px 4px #00000026}.gantt-color-dot:hover{transform:scale(1.15)}.gantt-color-dot.selected{border-color:#1a202c;transform:scale(1.1)}.gantt-scroll-area::-webkit-scrollbar{width:6px;height:6px}.gantt-scroll-area::-webkit-scrollbar-track{background:#f8fafc}.gantt-scroll-area::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.gantt-scroll-area::-webkit-scrollbar-thumb:hover{background:#c0c9d8}.gantt-left-rows::-webkit-scrollbar{width:0}.comments-section{border-top:1.5px solid #f0f2f7;grid-column:1/-1;margin-top:8px;padding-top:20px}.comments-list{flex-direction:column;flex:1;gap:12px;min-height:0;padding-right:4px;display:flex;overflow-y:auto}.comments-list::-webkit-scrollbar{width:4px}.comments-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:2px}.comment-item{align-items:flex-start;gap:10px;display:flex}.comment-avatar{color:#1a1f2e;background:#8dc63f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.comment-avatar.activity{color:#718096;background:#f0f2f7;font-size:12px}.comment-avatar.activity-user{color:#4a7c1f;background:#8dc63f1f;border:1.5px solid #8dc63f4d;font-size:11px;font-weight:700}.comment-bubble{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;padding:10px 12px}.comment-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.comment-author{color:#1a202c;font-size:12px;font-weight:700}.comment-time{color:#a0aec0;font-size:11px}.comment-text{color:#2d3748;font-size:13px;line-height:1.5}.comment-text.activity-text{color:#718096;font-size:12px;font-style:italic}.comment-input-row{flex-shrink:0;align-items:stretch;gap:10px;padding-top:10px;display:flex}.comment-input-wrapper{flex:1;display:flex}.comment-input{color:#2d3748;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;padding:0 12px;font-family:Inter,sans-serif;font-size:13px;line-height:38px;transition:border-color .2s;display:block;overflow:hidden;resize:none!important;height:auto!important;min-height:unset!important;max-height:unset!important}.comment-input:focus{border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f1f}.comment-submit-btn{color:#1a1f2e;cursor:pointer;white-space:nowrap;box-sizing:border-box;background:#8dc63f;border:none;border-radius:10px;flex-shrink:0;align-self:stretch;height:auto;padding:0 18px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;transition:background .15s}.comment-submit-btn:hover{background:#7ab534}.no-comments{text-align:center;color:#a0aec0;padding:20px;font-size:13px}.comment-mention{color:#4e6f0e;background:#a4d23338;border-radius:4px;padding:0 3px;font-weight:700}.mention-dropdown{z-index:60;background:#fff;border:1px solid #e2e8f0;border-radius:10px;max-height:240px;padding:4px;position:absolute;bottom:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #0000001f}.mention-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:7px 8px;font-family:Inter,sans-serif;display:flex}.mention-option.active,.mention-option:hover{background:#8dc63f29}.mention-avatar{color:#fff;background:#3a434d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.mention-name{color:#2d3748;flex:1;font-size:13px;font-weight:600}.mention-role{color:#a0aec0;white-space:nowrap;font-size:11px}.mention-restrict-toggle{color:#718096;cursor:pointer;text-transform:none;letter-spacing:0;align-items:center;gap:6px;margin-left:auto;font-size:11px;font-weight:600;display:inline-flex}.mention-restrict-toggle input{cursor:pointer;margin:0}body.dark-mode .comment-mention{color:#c5e86c;background:#a4d23329}body.dark-mode .mention-dropdown{background:#2d3748;border-color:#4a5568}body.dark-mode .mention-name{color:#e2e8f0}body.dark-mode .mention-option.active,body.dark-mode .mention-option:hover{background:#8dc63f38}.overdue-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.overdue-badge.overdue{color:#e53e3e;background:#e53e3e1a}.overdue-badge.due-soon{color:#dd6b20;background:#ed89361a}.comments-tabs{border-bottom:2px solid #f0f2f7;align-items:center;gap:4px;margin-bottom:14px;display:flex}.comments-expand-btn{color:#718096;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-bottom:2px;margin-left:auto;transition:background .15s,color .15s,border-color .15s;display:flex}.comments-expand-btn:hover{color:#2d3748;background:#f0f2f7;border-color:#cbd5e0}.comments-tab{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:8px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:flex}.comments-tab:hover{color:#4a5568}.comments-tab.active{color:#8dc63f;border-bottom-color:#8dc63f}.comments-tab-count{color:#718096;background:#f0f2f7;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700}.comments-tab.active .comments-tab-count{color:#3d6b1a;background:#8dc63f26}.comments-panel{flex-direction:column;gap:12px;display:flex}.comments-panel.hidden{display:none}@media screen and (width<=768px){body{flex-direction:column}.sidebar{flex-flow:row;width:100%;min-height:auto;padding:10px 16px;position:relative}.sidebar-section-label,.sidebar-nav,.sidebar-bottom{display:none}.sidebar-logo{border-bottom:none;padding:0}.main-content{width:100%;margin-left:0}.page-wrapper{padding:16px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:10px}.summary-card{gap:12px;padding:14px 12px}.summary-card-icon{border-radius:10px;width:40px;min-width:40px;height:40px;font-size:18px}.summary-card-icon svg{width:18px;height:18px}.summary-number{letter-spacing:-.5px;font-size:26px}.summary-label{font-size:9px}.view-tabs{justify-content:space-between;width:100%}.view-tab{flex:1;justify-content:center;gap:4px;padding:7px 4px;font-size:11px}.filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;display:flex;overflow-y:visible}.search-wrapper{width:100%;min-width:unset}.filter-buttons{justify-content:space-between;width:100%}.filter-btn{text-align:center;flex:1;padding:6px 4px;font-size:10px}#status-filter,#sort-filter{width:100%}.project-card{flex-direction:column;gap:8px;padding:12px}.project-card-left{width:100%}.project-card-right{align-items:flex-start;width:100%;min-width:0}.card-dates-grid{text-align:left}.project-card-name{white-space:normal;font-size:14px}.project-card-meta{flex-wrap:nowrap;gap:6px;font-size:11px}.topbar{padding:0 12px}.topbar-title{font-size:14px}.new-project-topbar-btn{padding:6px 10px;font-size:11px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:16px 16px 0 0;max-width:100%;height:92vh}.modal-header{flex-wrap:wrap;padding:12px 16px}.modal-header-right{flex-wrap:wrap;gap:8px;width:100%}.modal-toolbar-select{min-width:unset;flex:1;font-size:12px}.modal-body{grid-template-columns:1fr 1fr;gap:0 12px;padding:16px}.kanban-board{padding-bottom:12px;overflow-x:auto}.gantt-left-panel{width:120px}.gantt-content-row .gantt-wrapper{height:350px!important}.calendar-toolbar{flex-direction:column;gap:10px}.cal-view-btns{justify-content:center}.calendar-day{height:60px;padding:3px}.calendar-weekday{padding:4px 1px;font-size:9px}}.meta-label{color:#718096;text-transform:uppercase;letter-spacing:.4px;margin-right:2px;font-size:10px;font-weight:700}.job-stage-badge{letter-spacing:.3px;white-space:nowrap;color:#5b21b6;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:20px;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.kanban-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:10px 16px}.kanban-filter-group{flex-wrap:nowrap;align-items:center;gap:6px;display:flex;overflow-x:auto}.kanban-filter-group select{color:#718096;background-color:#f8fafc;width:auto;min-width:0;padding:6px 28px 6px 10px;font-size:11px}.kanban-filter-group select:focus{border-color:#8dc63f;outline:none}.kanban-clear-btn{color:#e53e3e;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #fed7d7;border-radius:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.kanban-clear-btn:hover{background:#fff5f5}.kanban-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:6px;display:flex}.kanban-job-stage-badge{letter-spacing:.3px;color:#5b21b6;white-space:nowrap;text-overflow:ellipsis;background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:20px;max-width:100%;margin:2px 0 6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}.kanban-card-meta-row{color:#718096;align-items:center;gap:5px;font-size:11px;display:flex;overflow:hidden}.kanban-card-meta-row svg{opacity:.6;flex-shrink:0}.kanban-card-meta-row span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kanban-card-divider{background:#f0f2f7;height:1px;margin:8px 0}.kanban-card-assignee{background:#8dc63f14;border-radius:20px;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 3px;display:inline-flex;overflow:hidden}.kanban-card-assignee span{color:#3d6b1a;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}body.dark-mode .kanban-filters-bar{background:#1a1f2e;border-color:#2d3748}body.dark-mode .kanban-filter-group select{color:#a0aec0;background-color:#0f1117;background-position:right 6px center;border-color:#2d3748}body.dark-mode .job-stage-badge,body.dark-mode .kanban-job-stage-badge{color:#c4b5fd;background:#7c3aed2e;border-color:#a78bfa4d}body.dark-mode .kanban-card-divider{background:#2d3748}.kanban-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.kanban-priority-icon{opacity:.9;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex}.kanban-priority-icon:hover{opacity:1}.priority-card-icon{opacity:.85;flex-shrink:0;justify-content:center;align-items:center;margin-left:6px;transition:opacity .15s;display:inline-flex}.priority-card-icon:hover{opacity:1}.modal-priority-display{cursor:default;background:#f0f2f7;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:inline-flex}.modal-priority-display:hover{background:#e2e8f0}.modal-priority-display.hidden{display:none}body.dark-mode .modal-priority-display{background:#2a3244}body.dark-mode .modal-priority-display:hover{background:#3d4e6a}body.dark-mode .kanban-card-assignee{background:#8dc63f1a}body.dark-mode .kanban-card-assignee span{color:#a0aec0}.kpi-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.kpi-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px 24px}.kpi-section.kpi-section-full,.kpi-grid .kpi-section{margin-bottom:0}.kpi-section-header{margin-bottom:18px}.kpi-section-title{color:#2d3748;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.kpi-section-sub{color:#a0aec0;margin-top:3px;font-size:11px}.kpi-empty{color:#a0aec0;text-align:center;padding:24px 0;font-size:13px}.dist-row{grid-template-columns:120px 1fr 36px 40px;align-items:center;gap:10px;margin-bottom:12px;display:grid}.dist-row:last-child{margin-bottom:0}.dist-row-own{grid-template-columns:160px 1fr 36px}.dist-label{align-items:center;gap:8px;min-width:0;display:flex}.dist-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dist-avatar{color:#fff;background:#8dc63f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.dist-name-wrap{flex-direction:column;min-width:0;display:flex}.dist-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.dist-sub{color:#a0aec0;white-space:nowrap;font-size:10px}.dist-bar-wrap{background:#f0f4f8;border-radius:4px;height:8px;overflow:hidden}.dist-bar{border-radius:4px;min-width:3px;height:100%;transition:width .4s}.dist-count{color:#2d3748;text-align:right;font-size:12px;font-weight:700}.dist-pct{color:#a0aec0;text-align:right;font-size:11px}.upcoming-table{border-collapse:collapse;width:100%;font-size:13px}.upcoming-table thead th{text-align:left;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e2e8f0;padding:0 12px 10px 0;font-size:10px;font-weight:700}.upcoming-table tbody tr{cursor:pointer;border-bottom:1px solid #f0f4f8;transition:background .15s}.upcoming-table tbody tr:last-child{border-bottom:none}.upcoming-table tbody tr:hover{background:#f8fafc}.upcoming-table tbody td{color:#2d3748;vertical-align:middle;padding:10px 12px 10px 0}.upcoming-name{white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-weight:600;overflow:hidden}.days-left-badge{color:#718096;background:#edf2f7;border-radius:20px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.days-urgent{color:#c53030;background:#e53e3e1f}.days-soon{color:#c05621;background:#dd6b201f}.urgent-row{background:#e53e3e08}.soon-row{background:#dd6b2008}body.dark-mode .kpi-section{background:#1a1f2e;border-color:#ffffff14}body.dark-mode .kpi-section-title{color:#e2e8f0}body.dark-mode .kpi-section-sub{color:#718096}body.dark-mode .status-briefing{color:#a5b4fc;background:#6366f138;border-color:#6366f166}body.dark-mode .status-planning{color:#f9a8d4;background:#ec489938;border-color:#ec489966}body.dark-mode .status-production{color:#fcd34d;background:#f59e0b38;border-color:#f59e0b66}body.dark-mode .status-completed{color:#6ee7b7;background:#10b98138;border-color:#10b98166}body.dark-mode .status-cancelled{color:#fca5a5;background:#ef444433;border-color:#ef444461}body.dark-mode .type-badge-campaign{color:#bbf7d0;background:#8dc63f33;border-color:#8dc63f66}body.dark-mode .type-badge-catalogue{color:#bfdbfe;background:#4facfe33;border-color:#4facfe66}body.dark-mode .type-badge-out-of-scope{color:#fed7aa;background:#f6ad5533;border-color:#f6ad5566}body.dark-mode .overdue-badge.overdue{color:#fca5a5;background:#e53e3e33}body.dark-mode .overdue-badge.due-soon{color:#fed7aa;background:#ed893633}body.dark-mode .dist-name,body.dark-mode .dist-count{color:#e2e8f0}body.dark-mode .dist-bar-wrap{background:#ffffff14}body.dark-mode .upcoming-table thead th{color:#718096;border-color:#ffffff14}body.dark-mode .upcoming-table tbody tr{border-color:#ffffff0d}body.dark-mode .upcoming-table tbody tr:hover{background:#ffffff0a}body.dark-mode .upcoming-table tbody td{color:#e2e8f0}body.dark-mode .days-left-badge{color:#a0aec0;background:#ffffff14}body.dark-mode .days-left-badge.days-urgent{color:#fc8181;background:#e53e3e38}body.dark-mode .days-left-badge.days-soon{color:#f6ad55;background:#dd6b2038}body.dark-mode .urgent-row{background:#e53e3e0f}body.dark-mode .soon-row{background:#dd6b200f}.camp-form-grid{grid-template-columns:2fr 1fr 1fr;gap:16px;margin-bottom:12px;display:grid}.camp-form-group{flex-direction:column;gap:6px;display:flex}.camp-form-label{color:#718096;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.camp-form-input{color:#2d3748;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .2s}.camp-form-input:focus{background:#fff;border-color:#8dc63f;outline:none;box-shadow:0 0 0 3px #8dc63f26}.camp-form-error{color:#e53e3e;margin-bottom:10px;font-size:12px}.manage-campaigns-link{color:#5a9020;letter-spacing:.2px;background:#8dc63f1a;border:1px solid #8dc63f59;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.manage-campaigns-link:hover{color:#3d6b1a;background:#8dc63f33;border-color:#8dc63f}.dist-template-box{background:#f0f7e6;border:1.5px solid #8dc63f59;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.dist-template-info{flex:1;align-items:flex-start;gap:10px;display:flex}.dist-template-icon{flex-shrink:0;margin-top:1px;font-size:18px}.dist-template-note{color:#3d6b1a;margin:0;font-size:13px;line-height:1.5}.dist-download-btn{color:#1a1f2e;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;cursor:pointer;background:#8dc63f;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 16px;font-family:Inter,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.dist-download-btn:hover{background:#7ab534}.dist-file-name{color:#3d6b1a;margin-top:8px;font-size:12px;font-weight:500}body.dark-mode .dist-template-box{background:#8dc63f14;border-color:#8dc63f40}body.dark-mode .dist-template-note,body.dark-mode .dist-file-name{color:#a8d870}.dist-upload-label{cursor:pointer;box-sizing:border-box;background:#8dc63f0a;border:2px dashed #c6e08a;border-radius:10px;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:border-color .2s,background .2s;display:flex}.dist-upload-label:hover{background:#8dc63f14;border-color:#8dc63f}.dist-upload-icon{color:#5a9020;background:#8dc63f1f;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s;display:flex}.dist-upload-label:hover .dist-upload-icon{background:#8dc63f33}.dist-upload-text{color:#2d3748;flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.dist-upload-text strong{color:#1a202c;font-weight:600}.dist-upload-hint{color:#a0aec0;font-size:11px;font-weight:400}.dist-upload-check{color:#8dc63f;flex-shrink:0;font-size:16px}.att-dl-hint{color:#5a6b80;background:#8dc63f12;border:1px solid #8dc63f47;border-radius:8px;margin-bottom:12px;padding:9px 12px;font-size:12px;line-height:1.5}.att-dl-hint strong{color:#3d6b11;font-weight:700}body.dark-mode .att-dl-hint{color:#a0aec0;background:#8dc63f14;border-color:#8dc63f4d}body.dark-mode .att-dl-hint strong{color:#a4d96a}.dist-parse-msg{border:1px solid #0000;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:12.5px;line-height:1.45}.dist-parse-info{color:#5a6b80;background:#f1f5f9;border-color:#e2e8f0}.dist-parse-ok{color:#3d6b11;background:#8dc63f1a;border-color:#8dc63f59}.dist-parse-err{color:#c53030;background:#fff5f5;border-color:#feb2b2}body.dark-mode .dist-parse-info{color:#a0aec0;background:#1e2533;border-color:#2d3748}body.dark-mode .dist-parse-ok{color:#a4d96a;background:#8dc63f1f;border-color:#8dc63f66}body.dark-mode .dist-parse-err{color:#feb2b2;background:#c530301f;border-color:#c5303066}body.dark-mode .dist-upload-label{background:#8dc63f0d;border-color:#8dc63f4d}body.dark-mode .dist-upload-label:hover{background:#8dc63f1a;border-color:#8dc63f}body.dark-mode .dist-upload-icon{color:#8dc63f;background:#8dc63f26}body.dark-mode .dist-upload-text{color:#e2e8f0}body.dark-mode .dist-upload-text strong{color:#f7fafc}.camp-form-actions{gap:10px;margin-top:14px;display:flex}.camp-save-btn{color:#1a1f2e;cursor:pointer;background:#8dc63f;border:none;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .15s}.camp-save-btn:hover{background:#7ab035}.camp-cancel-btn{color:#718096;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 18px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s}.camp-cancel-btn:hover{color:#4a5568;border-color:#a0aec0}.camp-table th,.camp-table td{padding:12px 16px}.camp-table .campaign-td-name{font-weight:600}.camp-table .campaign-td-actions{align-items:center;gap:8px;display:flex}.camp-action-btn{cursor:pointer;border:1.5px solid #0000;border-radius:6px;padding:4px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;transition:all .15s}.camp-edit-btn{color:#667eea;background:#667eea1a;border-color:#667eea4d}.camp-edit-btn:hover{background:#667eea33}.camp-delete-btn{color:#e53e3e;background:#e53e3e14;border-color:#e53e3e33}.camp-delete-btn:hover{background:#e53e3e2e}.camp-complete-btn{color:#5a9e1f;background:#8dc63f1a;border-color:#8dc63f66}.camp-complete-btn:hover{background:#8dc63f38}.camp-reactivate-btn{color:#667eea;background:#667eea14;border-color:#667eea40}.camp-reactivate-btn:hover{background:#667eea2e}.camp-status-badge{vertical-align:middle;letter-spacing:.03em;border-radius:20px;margin-left:8px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.camp-status-active{color:#5a9e1f;background:#8dc63f1f}.camp-status-completed{color:#718096;background:#a0aec026}.camp-row-completed td{opacity:.6}.camp-row-completed .campaign-td-actions{opacity:1}body.dark-mode .camp-complete-btn{color:#8dc63f;background:#8dc63f1f;border-color:#8dc63f4d}body.dark-mode .camp-complete-btn:hover{background:#8dc63f38}body.dark-mode .camp-reactivate-btn{color:#a5b4fc;background:#667eea1a;border-color:#667eea4d}body.dark-mode .camp-reactivate-btn:hover{background:#667eea33}body.dark-mode .camp-status-active{color:#8dc63f;background:#8dc63f26}body.dark-mode .camp-status-completed{color:#718096;background:#71809633}.form-help-link{color:#667eea;letter-spacing:.2px;background:#667eea0f;border:1.5px solid #667eea66;border-radius:7px;align-items:center;gap:5px;margin-top:8px;padding:6px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.form-help-link:hover{background:#667eea24;border-color:#667eea;text-decoration:none}body.dark-mode .camp-form-input{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .camp-form-input:focus{background:#1a1f2e;border-color:#8dc63f}body.dark-mode .camp-cancel-btn{color:#a0aec0;border-color:#2d3748}.project-stage-badge{letter-spacing:.3px;color:#0e7490;white-space:nowrap;background:#06b6d41a;border:1px solid #06b6d440;border-radius:20px;align-items:center;padding:3px 9px;font-size:10px;font-weight:700;display:inline-flex}.kanban-project-stage-badge{color:#0e7490;white-space:nowrap;text-overflow:ellipsis;background:#06b6d41a;border:1px solid #06b6d440;border-radius:20px;max-width:100%;margin:2px 0 6px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block;overflow:hidden}body.dark-mode .project-stage-badge,body.dark-mode .kanban-project-stage-badge{color:#67e8f9;background:#06b6d426;border-color:#06b6d44d}.cal-gantt-filters-bar select{color:#718096;background-color:#f8fafc;flex:none;width:auto;max-width:200px;padding:6px 28px 6px 10px;font-size:11px}body.dark-mode .gantt-header-row{border-color:#2d3748}body.dark-mode .gantt-left-header{color:#cbd5e0;background:#1a1f2e;border-color:#2d3748}body.dark-mode .gantt-months-row{background:#232b3e;border-color:#2d3748}body.dark-mode .gantt-month-cell{color:#a0aec0;background:#232b3e;border-color:#2d3748}body.dark-mode .gantt-days-row{background:#1a1f2e}body.dark-mode .gantt-day-cell{color:#a0aec0;border-color:#2d3748}body.dark-mode .gantt-day-cell.is-today{color:#8dc63f;background:#8dc63f21;border-left:2px solid #8dc63f66;border-right:2px solid #8dc63f66}body.dark-mode .gantt-body-row{background-image:repeating-linear-gradient(to right, transparent calc(var(--gcw,30px) - 1px), #2d3748 calc(var(--gcw,30px) - 1px), #2d3748 var(--gcw,30px))}body.dark-mode .gantt-proj-row-body{background-color:#141824}body.dark-mode .gantt-task-body-row{background-color:#0f1117}body.dark-mode .gantt-task-body-row:hover{background-color:#8dc63f0d}body.dark-mode .gantt-task-row{background:#141824}body.dark-mode .gantt-task-row:hover{background:#8dc63f12}body.dark-mode .gantt-task-row:hover .gantt-row-name{color:#8dc63f}body.dark-mode .gantt-modal-box{background:#1a1f2e;border-color:#2d3748}body.dark-mode .gantt-modal-title{color:#e2e8f0}body.dark-mode .gantt-modal-sub{color:#718096}body.dark-mode .gantt-modal-label{color:#a0aec0}body.dark-mode .gantt-modal-input{color:#e2e8f0;background:#0f1117;border-color:#2d3748}body.dark-mode .gantt-modal-input:focus{border-color:#8dc63f}body.dark-mode .gantt-modal-cancel{color:#a0aec0;background:#2d3748;border-color:#4a5568}body.dark-mode .gantt-modal-cancel:hover{background:#4a5568}body.dark-mode .gantt-toolbar{background:#1a1f2e;border-color:#2d3748}body.dark-mode .gantt-nav-arrow{color:#718096;background:#1a2035;border-color:#2d3748}body.dark-mode .gantt-nav-arrow:hover{color:#8dc63f;background:#8dc63f1f;border-color:#8dc63f}body.dark-mode .gantt-scale-today{color:#8dc63f!important;background:#8dc63f1f!important;border-right-color:#3a4a5c!important}body.dark-mode .gantt-scale-today:hover{color:#a7c539!important;background:#8dc63f2e!important}body.dark-mode .gantt-scale-today.gantt-today-at{color:#4a5568!important;background:0 0!important}body.dark-mode .gantt-scale-today.gantt-today-at:hover{color:#718096!important;background:#ffffff0a!important}body.dark-mode .gantt-date-range{color:#e2e8f0}body.dark-mode .gantt-legend-item{color:#a0aec0}body.dark-mode .week-day-col,body.dark-mode .today-view-container{background:#1a1f2e;border-color:#2d3748}.list-pagination-fixed{z-index:40;background:#f8f9fc;border-top:1px solid #e2e8f0;padding:10px 40px 12px;position:fixed;bottom:0;left:240px;right:0}.list-pagination-fixed .pagination-bar{border-radius:10px;margin-top:0}.list-cards-area{padding-bottom:76px}body.dark-mode .list-pagination-fixed{background:#151922;border-top-color:#2d3748}#pagination-container{margin-top:8px;margin-bottom:16px}.pagination-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 16px;display:flex}.pagination-info{color:#718096;white-space:nowrap;margin-right:auto;font-size:12px}.pagination-info strong{color:#2d3748;font-weight:700}.pagination-controls{align-items:center;gap:4px;display:flex}.page-nav-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:5px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.page-nav-btn:hover:not(:disabled){color:#3d7200;background:#f0f9e8;border-color:#8dc63f}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-num-btn{color:#4a5568;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.page-num-btn:hover{color:#3d7200;background:#f0f9e8;border-color:#8dc63f}.page-num-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}.page-ellipsis{color:#a0aec0;-webkit-user-select:none;user-select:none;padding:0 4px;font-size:13px}.pagination-size{color:#718096;white-space:nowrap;align-items:center;gap:4px;font-size:12px;display:flex}.page-size-btn{color:#4a5568;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:6px;min-width:32px;height:28px;padding:0 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.page-size-btn:hover{color:#3d7200;border-color:#8dc63f}.page-size-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}body.dark-mode .pagination-bar{background:#1a2035;border-color:#2d3748}body.dark-mode .pagination-info{color:#a0aec0}body.dark-mode .pagination-info strong{color:#e2e8f0}body.dark-mode .page-nav-btn,body.dark-mode .page-num-btn,body.dark-mode .page-size-btn{color:#cbd5e0;background:#2a3244;border-color:#3d4e6a}body.dark-mode .page-nav-btn:hover:not(:disabled),body.dark-mode .page-num-btn:hover,body.dark-mode .page-size-btn:hover{color:#8dc63f;background:#1e3318;border-color:#8dc63f}body.dark-mode .page-num-btn.active,body.dark-mode .page-size-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}.modal-attachments-title{margin-top:24px}.modal-attachments-area{margin-bottom:8px;padding:0 0 8px}.no-attachments-msg{color:#a0aec0;margin:4px 0 12px;font-size:13px}.attachment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:9px 12px;transition:background .15s;display:flex}.attachment-item:hover{background:#f0f9e8;border-color:#8dc63f}.attachment-icon{flex-shrink:0;font-size:20px}.attachment-info{flex-direction:column;flex:1;min-width:0;display:flex}.attachment-name{color:#2d6a4f;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;text-decoration:none;overflow:hidden}.attachment-name:hover{text-decoration:underline}.attachment-meta{color:#a0aec0;margin-top:1px;font-size:11px}.attachment-delete-btn{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:13px;line-height:1;transition:background .15s,color .15s}.attachment-delete-btn:hover{color:#e53e3e;background:#fee2e2}.attachment-upload-row{margin-top:10px}.attachment-upload-btn{color:#8dc63f;cursor:pointer;border:1.5px dashed #8dc63f;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.attachment-upload-btn:hover{background:#f0f9e8}body.dark-mode .attachment-item{background:#1e2535;border-color:#2d3748}body.dark-mode .attachment-item:hover{background:#1e3318;border-color:#8dc63f}body.dark-mode .attachment-name{color:#6ee7b7}body.dark-mode .attachment-meta,body.dark-mode .no-attachments-msg{color:#718096}body.dark-mode .attachment-delete-btn{color:#4a5568}body.dark-mode .attachment-delete-btn:hover{color:#fc8181;background:#3d1515}body.dark-mode .attachment-upload-btn{color:#8dc63f;border-color:#8dc63f}body.dark-mode .attachment-upload-btn:hover{background:#1e3318}.planner-cards{flex-direction:column;gap:14px;display:flex}.planner-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;transition:border-color .15s,box-shadow .15s;display:flex}#planner-pagination{margin-top:20px}.planner-card:hover{border-color:#8dc63f;box-shadow:0 2px 12px #8dc63f1f}.planner-card-left{flex:1;min-width:0}.planner-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.planner-card-type{margin-bottom:4px}.planner-card-name{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:15px;font-weight:700;overflow:hidden}.planner-card-meta{color:#718096;flex-wrap:wrap;gap:6px 16px;font-size:12px;display:flex}.planner-meta-label{color:#4a5568;font-weight:600}.planner-priority{color:#4a5568;white-space:nowrap;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.planner-priority-none{color:#a0aec0;font-size:13px}.planner-plan-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#8dc63f;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,transform .1s;display:flex}.planner-plan-btn:hover{background:#7ab233;transform:translateY(-1px)}.planner-empty{text-align:center;color:#718096;padding:60px 24px}.planner-empty-icon{margin-bottom:16px;font-size:48px}.planner-empty h3{color:#2d3748;margin-bottom:8px;font-size:18px;font-weight:700}.planner-empty p{color:#718096;font-size:14px}.planner-modal-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.planner-modal-box{background:#fff;border-radius:16px;width:100%;max-width:1040px;max-height:92vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000002e}.planner-modal-header{margin-bottom:24px}.planner-modal-title{color:#1a202c;font-size:20px;font-weight:800}.planner-modal-sub{color:#718096;margin-top:4px;font-size:13px}.planner-modal-close{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:background .15s,color .15s;display:flex;position:absolute;top:16px;right:16px}.planner-modal-close:hover{color:#e53e3e;background:#fee2e2}.planner-form-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.planner-form-group{flex-direction:column;gap:6px;display:flex}.planner-form-group.full-width{grid-column:1/-1}.planner-form-label{color:#4a5568;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.planner-form-input,.planner-form-select{color:#1a202c;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-size:13px;transition:border-color .15s}.planner-form-input:focus,.planner-form-select:focus{border-color:#8dc63f}.planner-modal-error{color:#c53030;background:#fff5f5;border:1.5px solid #fed7d7;border-radius:8px;margin-top:16px;padding:10px 14px;font-size:13px}.planner-modal-footer{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.planner-submit-btn{color:#fff;cursor:pointer;background:#8dc63f;border:none;border-radius:9px;padding:10px 22px;font-size:14px;font-weight:700;transition:background .15s}.planner-submit-btn:hover{background:#7ab233}.planner-cancel-btn{color:#4a5568;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:9px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.planner-cancel-btn:hover{background:#f7fafc;border-color:#cbd5e0}body.dark-mode .planner-card{background:#1a2035;border-color:#2d3748}body.dark-mode .planner-card:hover{border-color:#8dc63f}body.dark-mode .planner-card-name{color:#e2e8f0}body.dark-mode .planner-card-meta{color:#718096}body.dark-mode .planner-meta-label{color:#a0aec0}body.dark-mode .planner-modal-box{background:#1a2035}body.dark-mode .planner-modal-title{color:#e2e8f0}body.dark-mode .planner-form-input,body.dark-mode .planner-form-select{color:#e2e8f0;background:#0f1623;border-color:#2d3748}body.dark-mode .planner-form-input:focus,body.dark-mode .planner-form-select:focus{border-color:#8dc63f}body.dark-mode .planner-form-label{color:#a0aec0}body.dark-mode .planner-cancel-btn{color:#a0aec0;border-color:#2d3748}body.dark-mode .planner-cancel-btn:hover{background:#2d3748}.planner-modal-two-col{align-items:flex-start;gap:28px;display:flex}.planner-col-form{flex-direction:column;flex:1;gap:16px;min-width:0;display:flex}.planner-notes-field{margin-top:4px}.planner-notes-textarea{resize:vertical;min-height:88px;font-family:inherit;line-height:1.55}.planner-col-calendar{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;flex-shrink:0;gap:10px;width:310px;padding:16px;display:flex}.planner-cal-title{text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;border-bottom:1.5px solid #e2e8f0;padding-bottom:8px;font-size:10px;font-weight:700}.planner-cal-nav-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.planner-cal-nav-btn{cursor:pointer;color:#718096;background:#fff;border:1.5px solid #e2e8f0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:20px;line-height:1;transition:all .15s;display:flex}.planner-cal-nav-btn:hover{color:#8dc63f;background:#8dc63f14;border-color:#8dc63f}.planner-cal-month-label{color:#2d3748;text-align:center;flex:1;font-size:13px;font-weight:700}.planner-cal-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:2px;display:grid}.planner-cal-weekdays span{color:#a0aec0;text-transform:uppercase;padding:2px 0 4px;font-size:10px;font-weight:700}.planner-cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.pcal-day{color:#2d3748;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;justify-content:center;align-items:center;height:32px;font-size:12px;font-weight:500;transition:background .12s,color .12s;display:flex;position:relative}.pcal-empty{cursor:default;pointer-events:none}.pcal-day:not(.pcal-empty):hover{color:#2d6a0f;background:#e8f5e0}.pcal-today{font-weight:800;color:#8dc63f!important}.pcal-today:before{content:"";background:#8dc63f;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.pcal-pda-day{font-weight:700;color:#92400e!important;background:#fef3c7!important}.pcal-despatch-day{font-weight:700;color:#1e40af!important;background:#dbeafe!important}.pcal-delivery-day{font-weight:700;color:#065f46!important;background:#d1fae5!important}.pcal-marked-day{box-shadow:inset 0 0 0 2px #8dc63f}.pcal-marked-day:after{content:"★";color:#8dc63f;font-size:7px;line-height:1.2;position:absolute;top:0;right:2px}.planner-cal-legend{border-top:1.5px solid #e2e8f0;flex-wrap:wrap;gap:5px 10px;padding-top:8px;display:flex}.planner-cal-legend-item{color:#718096;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.planner-cal-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.pcal-pda{background:#f59e0b}.pcal-despatch{background:#3b82f6}.pcal-delivery{background:#10b981}.pcal-marked{background:#8dc63f;border:1.5px solid #8dc63f}.planner-cal-diffs{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:0;padding:12px;display:flex}.planner-diffs-hint{color:#a0aec0;text-align:center;padding:6px 0;font-size:11px;line-height:1.5}.planner-diff-row{border-bottom:1px solid #f0f2f7;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.planner-diff-row:last-child{border-bottom:none}.planner-diff-label{color:#718096;font-weight:500}.planner-diff-val{color:#2d3748;font-weight:700}.diff-warn .planner-diff-val{color:#e53e3e}.diff-total{margin-top:4px;border-top:1.5px solid #e2e8f0!important;border-bottom:none!important;padding-top:8px!important}.diff-total .planner-diff-label{color:#2d3748;font-weight:700}.diff-total .planner-diff-val{color:#8dc63f;font-size:13px}.diff-total.diff-warn .planner-diff-val{color:#e53e3e}body.dark-mode .planner-col-calendar{background:#0f1117;border-color:#2d3748}body.dark-mode .planner-cal-title{color:#4a5568;border-color:#2d3748}body.dark-mode .planner-cal-month-label{color:#e2e8f0}body.dark-mode .planner-cal-nav-btn{color:#718096;background:#1a2035;border-color:#2d3748}body.dark-mode .planner-cal-nav-btn:hover{color:#8dc63f;background:#8dc63f1a;border-color:#8dc63f}body.dark-mode .planner-cal-weekdays span{color:#4a5568}body.dark-mode .pcal-day{color:#a0aec0}body.dark-mode .pcal-day:not(.pcal-empty):hover{color:#8dc63f;background:#8dc63f1f}body.dark-mode .planner-cal-legend{border-color:#2d3748}body.dark-mode .planner-cal-legend-item{color:#718096}body.dark-mode .planner-cal-diffs{background:#1a2035;border-color:#2d3748}body.dark-mode .planner-diff-row{border-color:#2d3748}body.dark-mode .planner-diff-label{color:#718096}body.dark-mode .planner-diff-val{color:#e2e8f0}body.dark-mode .diff-total{border-color:#2d3748!important}body.dark-mode .diff-total .planner-diff-label{color:#e2e8f0}.gantt-priority-icon{flex-shrink:0;align-items:center;margin-right:4px;line-height:0;display:inline-flex}.planner-field{flex-direction:column;gap:6px;display:flex}.planner-label{color:#4a5568;text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.planner-input{color:#1a202c;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 11px;font-size:13px;transition:border-color .15s}.planner-input:focus{border-color:#8dc63f}.planner-modal-body,.planner-page{padding:4px 0}.planner-header{margin-bottom:20px}.planner-sub{color:#718096;margin:0;font-size:14px}.top-bar{background:var(--bg-surface,#fff);border-bottom:1px solid var(--border,#e2e8f0);z-index:99;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.page-title{color:#1a202c;margin:0;font-size:20px;font-weight:800}.top-bar-right{align-items:center;gap:12px;display:flex;position:relative}.notif-bell-btn{cursor:pointer;color:#718096;background:0 0;border:none;border-radius:8px;align-items:center;padding:4px;transition:background .15s;display:flex;position:relative}.notif-bell-btn:hover{background:#f7fafc}.user-avatar{color:#fff;letter-spacing:.5px;text-transform:uppercase;background:#8dc63f;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.sidebar-signout{color:#fff9;border-radius:10px;align-items:center;gap:8px;margin:4px 12px 0;padding:10px 20px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar-signout:hover{color:#ffffffe6;background:#ffffff14}body.dark-mode .planner-label{color:#a0aec0}body.dark-mode .planner-input{color:#e2e8f0;background:#0f1623;border-color:#2d3748}body.dark-mode .planner-input:focus{border-color:#8dc63f}body.dark-mode .top-bar{background:#111827;border-bottom-color:#2d3748}body.dark-mode .page-title{color:#e2e8f0}body.dark-mode .planner-sub{color:#718096}body.dark-mode .notif-bell-btn{color:#a0aec0}body.dark-mode .notif-bell-btn:hover{background:#1e2535}.planner-modal-overlay.hidden{display:none}.planner-modal-box{position:relative}.planner-page-header{margin-bottom:0;padding-bottom:14px}.planner-page-title{color:#1a202c;margin-bottom:5px;font-size:17px;font-weight:800}.planner-page-sub{color:#718096;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.planner-count-badge{color:#fff;background:#8dc63f;border-radius:20px;justify-content:center;align-items:center;min-width:24px;height:22px;padding:0 7px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.planner-count-total{color:#4a5568;background:#e2e8f0}body.dark-mode .planner-page-title{color:#e2e8f0}body.dark-mode .planner-page-sub{color:#718096}body.dark-mode .planner-count-total{color:#a0aec0;background:#2d3748}.cal-gantt-filters-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;display:flex}.calendar-toolbar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 20px;display:flex}.calendar-nav{align-items:center;gap:12px;display:flex}.cal-nav-btn{cursor:pointer;color:#4a5568;white-space:nowrap;background:#f0f2f7;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:34px;height:34px;padding:0 12px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1;transition:background .15s,color .15s;display:flex}.cal-nav-btn:hover{color:#1a1f2e;background:#8dc63f}.cal-title{color:#1a202c;text-align:center;min-width:180px;font-size:15px;font-weight:700}.cal-view-btns{gap:4px;display:flex}.cal-view-btn{color:#718096;cursor:pointer;background:0 0;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s}.cal-view-btn:hover{color:#8dc63f;border-color:#8dc63f}.cal-view-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}.calendar-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.calendar-weekdays{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{text-align:center;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;padding:10px;font-size:11px;font-weight:700}.calendar-days{grid-template-columns:repeat(7,1fr);grid-auto-rows:110px;display:grid}.calendar-day{outline-offset:-2px;border-bottom:1px solid #f0f2f7;border-right:1px solid #f0f2f7;outline:2px solid #0000;flex-direction:column;height:110px;padding:8px;transition:outline-color .15s;display:flex;position:relative;overflow:hidden}.calendar-day:hover{outline-color:#a4d233}.cal-day-events{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.cal-day-events::-webkit-scrollbar{display:none}.calendar-day:nth-child(7n){border-right:none}.calendar-day.other-month{background:#fafafa}.calendar-day.today{background:#8dc63f0a}.calendar-day-number{color:#4a5568;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:4px;font-size:12px;font-weight:600;display:flex}.calendar-day.today .calendar-day-number{color:#1a1f2e;background:#8dc63f}.calendar-day.other-month .calendar-day-number{color:#c0c9d8}.cal-event{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;margin-bottom:2px;padding:2px 6px;font-size:10px;font-weight:600;overflow:hidden}.cal-event-submission{color:#4338ca;background:#6366f124}.cal-event-start{color:#065f46;background:#10b98124}.cal-event-delivery{color:#b45309;background:#f59e0b24}.cal-event-activation{color:#4a6b0a;background:#a4d2332e}.calendar-legend{background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:20px;margin-top:12px;padding:12px 16px;display:flex}.legend-item{color:#718096;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.week-grid{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.week-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);display:grid}.week-header-day{text-align:center;color:#718096;padding:12px 10px;font-size:12px;font-weight:700}.week-header-day.today-col{color:#8dc63f}.week-day-number{color:#1a202c;margin-top:2px;font-size:18px;font-weight:800}.today-col .week-day-number{color:#8dc63f}.week-body{grid-template-columns:repeat(7,1fr);min-height:200px;display:grid}.week-day-col{border-right:1px solid #f0f2f7;height:300px;padding:10px 6px;overflow-y:auto}.week-day-col:last-child{border-right:none}.today-view-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.today-view-date{color:#1a202c;border-bottom:1px solid #f0f2f7;margin-bottom:20px;padding-bottom:14px;font-size:18px;font-weight:700}.today-event-item{cursor:pointer;border-bottom:1px solid #f0f2f7;align-items:center;gap:14px;padding:12px 0;display:flex}.today-event-item:last-child{border-bottom:none}.today-event-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.today-event-name{color:#1a202c;font-size:14px;font-weight:600}.today-event-type{color:#a0aec0;font-size:12px}@media (width<=768px){.calendar-toolbar{flex-direction:column;gap:10px}.cal-view-btns{justify-content:center}.calendar-day{height:60px;padding:3px}.calendar-weekday{padding:4px 1px;font-size:9px}}body.dark-mode .cal-gantt-filters-bar{background:#1a1f2e;border-color:#2d3748}body.dark-mode .cal-gantt-filters-bar select{color:#a0aec0;background-color:#0f1117;border-color:#2d3748}body.dark-mode .calendar-toolbar{background:#1a1f2e;border-color:#2d3748}body.dark-mode .cal-nav-btn{color:#718096;background:#1a2035}body.dark-mode .cal-nav-btn:hover{color:#1a1f2e;background:#8dc63f}body.dark-mode .cal-title{color:#e2e8f0}body.dark-mode .cal-view-btn{color:#718096;border-color:#2d3748}body.dark-mode .cal-view-btn:hover{color:#8dc63f;border-color:#8dc63f}body.dark-mode .cal-view-btn.active{color:#1a1f2e;background:#8dc63f;border-color:#8dc63f}body.dark-mode .calendar-grid{background:#1a1f2e;border-color:#2d3748}body.dark-mode .calendar-weekdays{background:#232b3e;border-color:#2d3748}body.dark-mode .calendar-weekday{color:#4a5568}body.dark-mode .calendar-day{border-color:#2d3748}body.dark-mode .calendar-day.other-month{background:#141824}body.dark-mode .calendar-day-number{color:#a0aec0}body.dark-mode .calendar-day.other-month .calendar-day-number{color:#2d3748}body.dark-mode .calendar-legend{background:#1a1f2e;border-color:#2d3748}body.dark-mode .legend-item{color:#718096}body.dark-mode .week-grid{background:#1a1f2e;border-color:#2d3748}body.dark-mode .week-header{background:#232b3e;border-color:#2d3748}body.dark-mode .week-header-day{color:#a0aec0}body.dark-mode .week-day-number{color:#e2e8f0}body.dark-mode .today-col .week-day-number{color:#8dc63f}body.dark-mode .week-day-col,body.dark-mode .today-view-container{background:#1a1f2e;border-color:#2d3748}body.dark-mode .today-view-date{color:#e2e8f0;border-color:#2d3748}body.dark-mode .today-event-item{border-color:#2d3748}body.dark-mode .today-event-name{color:#e2e8f0}body.dark-mode .cal-event-submission{color:#a5b4fc;background:#6366f140}body.dark-mode .cal-event-start{color:#6ee7b7;background:#10b98140}body.dark-mode .cal-event-delivery{color:#fcd34d;background:#f59e0b40}body.dark-mode .cal-event-activation{color:#d4f178;background:#a4d23340}.gantt-empty-state{color:#a0aec0;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;display:flex}.gantt-empty-state h3{color:#4a5568;margin:0;font-size:18px;font-weight:700}.gantt-empty-state p{color:#718096;max-width:360px;margin:0;font-size:14px}body.dark-mode .gantt-empty-state h3{color:#e2e8f0}body.dark-mode .gantt-empty-state p{color:#718096}.gantt-wrapper{flex:1;min-width:0}.gantt-ms-row{background:#f4f6ff}.gantt-ms-row:hover{background:#eaedff}.gantt-ms-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}body.dark-mode .gantt-ms-row{background:#1a2035}body.dark-mode .gantt-ms-row:hover{background:#1e2848}.gantt-task-indent-line.no-parent:before,.gantt-task-indent-line.no-parent:after{display:none}.gantt-task-row.ungrouped{padding-left:12px}.gantt-sep-row{color:#a0aec0;letter-spacing:.5px;text-transform:uppercase;background:#8dc63f0f;border-bottom:1px solid #e2e8f0;align-items:center;padding:0 12px;font-size:10px;font-weight:700;display:flex}body.dark-mode .gantt-sep-row{background:#8dc63f0d;border-color:#2d3748}.gantt-ms-row-body{background:#f8f9ff}body.dark-mode .gantt-ms-row-body{background:#1a203599}.gantt-ms-bar{z-index:10;cursor:grab;opacity:.92;-webkit-user-select:none;user-select:none;border-top:3px solid #ffffff59;border-radius:6px;align-items:center;height:26px;padding:0 10px;transition:opacity .15s,box-shadow .15s,filter .15s;display:flex;position:absolute;top:50%;overflow:visible;transform:translateY(-50%);box-shadow:0 2px 8px #0000002e}.gantt-ms-bar:hover{opacity:1;filter:brightness(1.06);box-shadow:0 4px 16px #0000003d}.gantt-ms-bar.dragging{cursor:grabbing;opacity:.8;z-index:20;box-shadow:0 8px 24px #00000047}.gantt-ms-bar .gantt-bar-handle{opacity:0}.gantt-ms-bar:hover .gantt-bar-handle{opacity:1}.gantt-ms-bar .gantt-conn-handle{opacity:.45}.gantt-ms-bar-label{color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;letter-spacing:.3px;flex:1;font-size:10px;font-weight:700;overflow:hidden}.gantt-task-bar.blocked{box-shadow:0 0 0 1.5px #ef4444,0 2px 5px #ef44444d;background-image:repeating-linear-gradient(-45deg,#0000,#0000 4px,#0000001f 4px 6px)!important}.gantt-blocked-icon{flex-shrink:0;align-items:center;margin-right:4px;display:flex}.gantt-clip-indicator{color:#ffffffe6;pointer-events:none;z-index:5;font-size:9px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.gantt-clip-left{left:3px}.gantt-clip-right{right:3px}.gantt-details-toggle{color:#718096;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.gantt-details-toggle:hover{color:#5a9e1f;background:#f0f9e8;border-color:#8dc63f}.gantt-details-toggle.active{color:#3d6b11;background:#f0f9e8;border-color:#8dc63f;font-weight:700}body.dark-mode .gantt-details-toggle{color:#718096;background:#1a2035;border-color:#2d3748}body.dark-mode .gantt-details-toggle:hover{color:#8dc63f;background:#8dc63f1a;border-color:#8dc63f}body.dark-mode .gantt-details-toggle.active{color:#8dc63f;background:#8dc63f1f;border-color:#8dc63f}.gantt-export-menu{z-index:200;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;min-width:170px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0000001f}.gantt-export-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:9px 12px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:background .12s;display:flex}.gantt-export-item:hover{color:#3d6b11;background:#f0f9e8}body.dark-mode .gantt-export-menu{background:#1a1f2e;border-color:#2d3748;box-shadow:0 8px 24px #0006}body.dark-mode .gantt-export-item{color:#a0aec0}body.dark-mode .gantt-export-item:hover{color:#8dc63f;background:#8dc63f1a}@keyframes spin{to{transform:rotate(360deg)}}.gantt-details-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex-shrink:0;width:300px;height:calc(100vh - 380px);min-height:400px;margin-left:12px;display:flex;overflow:hidden}.gantt-details-header{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #f0f2f7;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;font-size:12px;font-weight:700;display:flex}.gantt-details-close{cursor:pointer;color:#a0aec0;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:14px;line-height:1;transition:all .15s}.gantt-details-close:hover{color:#ef4444;background:#ef444414}.gantt-details-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.gantt-details-field{flex-direction:column;gap:5px;display:flex}.gantt-details-field label{color:#718096;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.gantt-details-footer{background:#fafbfc;border-top:1px solid #f0f2f7;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}body.dark-mode .gantt-details-panel{background:#1a1f2e;border-color:#2d3748}body.dark-mode .gantt-details-header{color:#a0aec0;background:#232b3e;border-color:#2d3748}body.dark-mode .gantt-details-body{scrollbar-color:#2d3748 transparent}body.dark-mode .gantt-details-field label{color:#718096}body.dark-mode .gantt-details-footer{background:#1e2536;border-color:#2d3748}body.dark-mode .gantt-details-close{color:#4a5568}body.dark-mode .gantt-details-close:hover{color:#ef4444}.gantt-left-header{align-items:center;display:flex}.sidebar-bottom{z-index:1;margin-top:auto;padding:8px 16px 12px;position:relative}.sidebar-user{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.sidebar-user:hover{border-color:var(--brand-green);box-shadow:0 4px 12px #9ccb3b26}.sidebar-user-avatar{background:linear-gradient(135deg, var(--brand-green-soft) 0%, var(--brand-green-deep) 100%);color:#1a1f2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.sidebar-user-info{flex:1;min-width:0;line-height:1.3}.sidebar-user-name{color:#1a1a1d;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--brand-green-deep);text-transform:uppercase;letter-spacing:.14em;font-size:9px;font-weight:700}.sidebar-logout{color:#555;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;width:120px;height:auto;padding:8px 24px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:background .2s,color .2s;display:flex}.sidebar-logout:hover{color:#d63838;background:#d638380f}.users-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.users-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.users-card-header h2{color:#1a202c;font-size:15px;font-weight:700}.users-card-header p{color:#a0aec0;font-size:13px}.users-table{border-collapse:collapse;width:100%;font-size:13px}.users-table thead th{text-align:left;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 20px;font-size:11px;font-weight:700}.users-table tbody tr{border-bottom:1px solid #f0f2f7;transition:background .15s}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody tr:hover{background:#f8fafc}.users-table tbody td{color:#2d3748;vertical-align:middle;padding:14px 20px}.user-avatar-cell{align-items:center;gap:10px;display:flex}.user-avatar{color:#1a1f2e;background:#8dc63f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.user-name{color:#1a202c;font-weight:600}.role-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:6px;padding:3px 10px;font-size:9px;font-weight:700}.role-admin{color:#6aa82e;background:#8dc63f1f}.role-staff{color:#667eea;background:#667eea1f}.role-client{color:#718096;background:#a0aec026}.access-badge{border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.access-yes{color:#6aa82e;background:#8dc63f1a}.access-no{color:#a0aec0;background:#f0f2f7}.table-action-btn{text-align:center;cursor:pointer;color:#718096;background:0 0;border:1.5px solid #e2e8f0;border-radius:6px;width:64px;margin-right:4px;padding:5px 0;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s;display:inline-block}.table-action-btn:hover{color:#8dc63f;border-color:#8dc63f}.table-action-btn.danger:hover{color:#e53e3e;border-color:#e53e3e}.permissions-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:20px 0;padding:16px}.permissions-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px;font-size:11px;font-weight:700;display:block}.permission-toggle{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.permission-toggle:last-child{border-bottom:none;padding-bottom:0}.permission-info{flex-direction:column;gap:2px;display:flex}.permission-name{color:#2d3748;font-size:13px;font-weight:600}.permission-desc{color:#a0aec0;font-size:12px}.toggle-switch{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{background:#e2e8f0;border-radius:22px;transition:background .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:#8dc63f}.toggle-switch input:checked+.toggle-slider:before{transform:translate(18px)}.user-modal-error{color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.user-modal-error.hidden{display:none}.brand-assignment-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:20px;padding:16px}.brand-checkboxes{flex-direction:column;gap:8px;max-height:180px;padding:4px 0;display:flex;overflow-y:auto}.brand-checkbox-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;transition:border-color .15s;display:flex}.brand-checkbox-item:hover{border-color:#8dc63f}.brand-checkbox-item input[type=checkbox]{accent-color:#8dc63f;cursor:pointer;flex-shrink:0;width:16px;height:16px}.brand-checkbox-item label{color:#2d3748;cursor:pointer;text-transform:none;letter-spacing:0;margin-bottom:0;font-size:13px;font-weight:500}.brand-assignment-summary{color:#3d6b1a;background:#8dc63f14;border:1px solid #8dc63f4d;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:12px;font-weight:500}.brand-assignment-summary.hidden{display:none}.role-super-admin{color:#3d6b1a;background:#8dc63f26}.role-brand-manager{color:#667eea;white-space:nowrap;background:#667eea1f;font-size:10px}.role-manufacturer{color:#dd6b20;background:#ed89361f}.role-operations-manager{color:#276749;background:#38a1691f}.role-account-manager{color:#4a5568;background:#a0aec026}.role-goods-in{color:#667eea;background:#667eea14}.role-goods-out{color:#dd6b20;background:#dd6b2014}.role-goods-out-bulk{color:#e53e3e;background:#e53e3e14}.company-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:20px;overflow:hidden}.company-card-header{cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;transition:background .15s;display:flex}.company-card-header:hover{background:#f0f2f7}.company-card-header-left{align-items:center;gap:14px;display:flex}.company-icon{background:#8dc63f1f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.company-name{color:#1a202c;font-size:16px;font-weight:700}.company-meta{color:#a0aec0;margin-top:2px;font-size:12px}.company-card-actions{align-items:center;gap:8px;display:flex}.company-chevron{color:#a0aec0;margin-left:8px;font-size:18px;transition:transform .2s}.company-chevron.open{transform:rotate(90deg)}.company-body{padding:16px 24px 24px}.segments-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.segments-title{color:#8dc63f;text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.no-segments-badge{color:#718096;background:#f0f2f7;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.segment-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;overflow:hidden}.segment-header{cursor:pointer;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .15s;display:flex}.segment-header:hover{background:#f0f2f7}.segment-header-left{align-items:center;gap:10px;display:flex}.segment-dot{background:#8dc63f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.segment-name{color:#2d3748;font-size:14px;font-weight:600}.segment-meta{color:#a0aec0;margin-left:4px;font-size:11px}.brands-container{border-top:1px solid #e2e8f0;padding:10px 16px 14px 34px}.brands-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.brands-title{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.brands-grid{flex-wrap:wrap;gap:8px;display:flex}.brand-chip{color:#2d3748;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:600;transition:border-color .15s;display:inline-flex}.brand-chip:hover{border-color:#8dc63f}.brand-chip-icon{font-size:14px}.brand-chip-actions{opacity:0;gap:4px;transition:opacity .15s;display:flex}.brand-chip:hover .brand-chip-actions{opacity:1}.brand-action-btn{cursor:pointer;color:#a0aec0;background:0 0;border:none;padding:0 2px;font-size:12px;transition:color .15s}.brand-action-btn:hover{color:#8dc63f}.brand-action-btn.danger:hover{color:#e53e3e}.no-brands{color:#c0c9d8;padding:4px 0;font-size:12px;font-style:italic}.icon-btn{cursor:pointer;color:#718096;white-space:nowrap;background:0 0;border:1px solid #e2e8f0;border-radius:7px;padding:5px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .15s}.icon-btn:hover{color:#8dc63f;border-color:#8dc63f}.icon-btn.danger:hover{color:#e53e3e;border-color:#e53e3e}.company-modal-error{color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.company-modal-error.hidden{display:none}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:24px;overflow:hidden}.settings-card.hidden{display:none}.settings-card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-left:3px solid #8dc63f;align-items:center;gap:16px;padding:20px 24px;display:flex}.settings-card-icon{background:#8dc63f1a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.settings-card-title{color:#1a202c;margin-bottom:4px;font-size:16px;font-weight:700}.settings-card-desc{color:#a0aec0;font-size:13px}.settings-card-body{padding:24px}.settings-form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.settings-pw-wrap{position:relative}.settings-pw-wrap input{width:100%;padding-right:38px}.settings-pw-toggle{color:#a0aec0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:color .15s,background .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.settings-pw-toggle:hover{color:#2d3748;background:#f0f2f7}.settings-toggle-row{border-bottom:1px solid #f0f2f7;justify-content:space-between;align-items:center;padding:14px 0;display:flex}.settings-toggle-row:last-of-type{border-bottom:none}.settings-toggle-label{color:#2d3748;margin-bottom:2px;font-size:14px;font-weight:600}.settings-toggle-desc{color:#a0aec0;font-size:12px}.settings-save-btn{color:#1a1f2e;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#8dc63f;border:none;border-radius:8px;margin-top:20px;padding:10px 24px;font-family:Inter,sans-serif;font-size:13px;font-weight:700;transition:background .2s}.settings-save-btn:hover{background:#7ab534}.settings-feedback{border-radius:8px;margin-top:12px;padding:10px 14px;font-size:13px;font-weight:500}.settings-feedback.hidden{display:none}.settings-feedback.success{color:#3d6b1a;background:#8dc63f1f;border:1px solid #8dc63f4d}.settings-feedback.error{color:#e53e3e;background:#fff5f5;border:1px solid #fed7d7}.system-info-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.system-info-item{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.system-info-value{color:#8dc63f;margin-bottom:4px;font-size:28px;font-weight:800}.system-info-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.mt-page{padding:32px 40px}.mt-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.mt-page-title{color:#1a202c;align-items:baseline;gap:10px;font-size:22px;font-weight:800;display:flex}.mt-page-title span{color:#a0aec0;font-size:13px;font-weight:500}.mt-header-actions{align-items:center;gap:8px;display:flex}.mt-greeting{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1px solid #bbf7d0;border-radius:12px;align-items:center;gap:14px;margin-top:16px;margin-bottom:20px;padding:16px 20px;display:flex}.mt-greeting-emoji{font-size:28px;line-height:1}.mt-greeting-text h2{color:#14532d;margin-bottom:2px;font-size:15px;font-weight:700}.mt-greeting-text p{color:#16a34a;font-size:13px}.mt-timer-global{color:#fff;background:#1a202c;border-radius:20px;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:13px;font-weight:600;display:flex}.mt-timer-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite mt-pulse}@keyframes mt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.mt-timer-label{color:#a0aec0;font-weight:500}.mt-timer-elapsed{font-variant-numeric:tabular-nums;letter-spacing:.04em}.mt-timer-stop-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;transition:background .15s}.mt-timer-stop-btn:hover{background:#dc2626}.mt-view-toggle{background:#f1f5f9;border-radius:8px;gap:2px;padding:3px;display:flex}.mt-view-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:flex}.mt-view-btn:hover{color:#2d3748}.mt-view-btn.active{color:#2d3748;background:#fff;box-shadow:0 1px 3px #0000001a}.mt-action-btn{color:#4a5568;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:flex}.mt-action-btn:hover{color:#5a9e1f;background:#f0fdf4;border-color:#8dc63f}.mt-shortcut-hint-btn{color:#a0aec0;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.mt-shortcut-hint-btn:hover{color:#5a9e1f;background:#f0fdf4;border-color:#8dc63f}.mt-summary-strip{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.mt-summary-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:3px;min-width:100px;padding:14px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.mt-summary-card:hover{border-color:#8dc63f;box-shadow:0 2px 8px #8dc63f26}.mt-summary-card.active-filter{background:#f0fdf4;border-color:#8dc63f}.mt-summary-label{text-transform:uppercase;letter-spacing:.6px;color:#a0aec0;font-size:10px;font-weight:700}.mt-summary-value{color:#2d3748;font-size:24px;font-weight:800}.mt-summary-card.todo .mt-summary-value{color:#6366f1}.mt-summary-card.inprog .mt-summary-value{color:#f59e0b}.mt-summary-card.overdue .mt-summary-value{color:#ef4444}.mt-summary-card.done .mt-summary-value{color:#10b981}.mt-filters{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;display:flex}.mt-search{color:#2d3748;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2.5'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") 9px no-repeat;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:160px;height:34px;padding:0 10px 0 32px;font-family:inherit;font-size:13px;transition:border-color .15s}.mt-search:focus{border-color:#8dc63f}.mt-filter-sep{background:#e2e8f0;flex-shrink:0;width:1px;height:22px}.mt-group{margin-bottom:12px}.mt-group-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:6px;padding:6px 4px;display:flex}.mt-group-header:hover .mt-group-label{color:#2d3748}.mt-group-icon{font-size:14px}.mt-group-label{text-transform:uppercase;letter-spacing:.5px;color:#718096;font-size:12px;font-weight:700;transition:color .15s}.mt-group.overdue .mt-group-label{color:#ef4444}.mt-group.today .mt-group-label{color:#f59e0b}.mt-group.thisweek .mt-group-label{color:#6366f1}.mt-group.done .mt-group-label{color:#10b981}.mt-group-count{color:#718096;background:#f1f5f9;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:600}.mt-group.overdue .mt-group-count{color:#ef4444;background:#fee2e2}.mt-group.today .mt-group-count{color:#d97706;background:#fef3c7}.mt-group.thisweek .mt-group-count{color:#6366f1;background:#eef2ff}.mt-group.done .mt-group-count{color:#16a34a;background:#f0fdf4}.mt-group-toggle{color:#a0aec0;cursor:pointer;background:0 0;border:none;align-items:center;margin-left:auto;padding:0;transition:color .15s;display:flex}.mt-group-header:hover .mt-group-toggle{color:#718096}.mt-group-content,.mt-task-list{flex-direction:column;gap:6px;display:flex}.mt-task-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .15s,border-color .15s;overflow:hidden}.mt-task-card:hover{box-shadow:0 2px 10px #0000000f}.mt-task-card.focused{border-color:#8dc63f;box-shadow:0 0 0 2px #8dc63f33}.mt-task-card.is-done{opacity:.65}.mt-task-card.is-overdue{border-left:3px solid #ef4444}.mt-task-card.timer-active{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.mt-task-header{align-items:center;gap:10px;padding:12px 14px;display:flex}.mt-status-btn{cursor:pointer;background:0 0;border:2px solid #cbd5e0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:border-color .15s,background .15s;display:flex;position:relative}.mt-status-btn.todo{border-color:#cbd5e0}.mt-status-btn.inprog{background:#f59e0b1a;border-color:#f59e0b}.mt-status-btn.done{background:#10b981;border-color:#10b981}.mt-status-btn.cancelled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}.mt-status-btn:hover{border-color:#8dc63f}.mt-status-btn.done:hover{background:#0d9968;border-color:#0d9968}.mt-status-btn.cancelled:hover{border-color:#94a3b8}.mt-status-btn.inprog:after{content:"";background:#f59e0b;border-radius:50%;width:8px;height:8px;position:absolute}.mt-color-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.mt-task-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.is-done .mt-task-name,.is-cancelled .mt-task-name{color:#a0aec0;text-decoration:line-through}.is-cancelled{opacity:.75}.mt-task-right{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.mt-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600}.mt-badge-project{color:#6366f1;background:#eef2ff}.mt-badge-milestone{color:#16a34a;background:#f0fdf4}.mt-badge-status{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.mt-badge-status.todo{color:#64748b;background:#f1f5f9}.mt-badge-status.inprog{color:#c2410c;background:#fff7ed}.mt-badge-status.done{color:#16a34a;background:#f0fdf4}.mt-badge-status.cancelled{color:#475569;background:#e2e8f0}.mt-due-date{color:#718096;white-space:nowrap;font-size:12px;font-weight:500}.mt-due-date.overdue{color:#ef4444;font-weight:700}.mt-due-date.due-today{color:#f59e0b;font-weight:700}.mt-progress-wrap{background:#f0f9e8;border:1px solid #c6e89a;border-radius:20px;align-items:center;gap:6px;padding:3px 9px 3px 7px;display:flex}.mt-progress-bar{background:#d4edaa;border-radius:3px;flex-shrink:0;width:52px;height:5px;overflow:hidden}.mt-progress-fill{background:#8dc63f;border-radius:3px;height:100%;transition:width .3s}.mt-progress-fill.over{background:#ef4444}.mt-progress-wrap.over{background:#fff5f5;border-color:#fecaca}.mt-progress-label{color:#3d6b11;white-space:nowrap;font-size:11px;font-weight:700}.mt-progress-wrap.over .mt-progress-label{color:#dc2626}.mt-timer-btn{cursor:pointer;color:#718096;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.mt-timer-btn:hover{color:#ef4444;background:#fff5f5;border-color:#ef4444}.mt-timer-btn.timer-running{color:#ef4444;background:#fef2f2;border-color:#ef4444;animation:1.5s ease-in-out infinite mt-ring-pulse}@keyframes mt-ring-pulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 4px #ef444400}}.mt-timer-elapsed-small{color:#ef4444;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:10px;font-weight:700}.mt-expand-btn{cursor:pointer;color:#718096;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:background .15s,color .15s;display:flex}.mt-expand-btn:hover{color:#2d3748;background:#edf2f7}.mt-expand-btn.open{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.mt-task-body{background:#fafbfc;border-top:1px solid #f0f2f7}.mt-tabs{border-bottom:1px solid #e2e8f0;padding:0 14px;display:flex}.mt-tab-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:9px 14px;font-size:12px;font-weight:600;transition:color .15s,border-color .15s;display:flex}.mt-tab-btn:hover{color:#2d3748}.mt-tab-btn.active{color:#8dc63f;border-bottom-color:#8dc63f}.mt-tab-count{background:#e2e8f0;border-radius:10px;padding:1px 6px;font-size:10px}.mt-tab-btn.active .mt-tab-count{color:#5a9e1f;background:#8dc63f33}.mt-tab-panel{padding:14px 16px}.mt-comments-list{flex-direction:column;gap:10px;max-height:220px;margin-bottom:12px;display:flex;overflow-y:auto}.mt-comment{gap:10px;display:flex}.mt-comment-avatar{color:#fff;background:#8dc63f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.mt-comment-bubble{background:#fff;border:1px solid #e2e8f0;border-radius:0 10px 10px;flex:1;padding:7px 11px}.mt-comment-meta{align-items:center;gap:7px;margin-bottom:2px;display:flex}.mt-comment-author{color:#2d3748;font-size:12px;font-weight:700}.mt-comment-time{color:#a0aec0;font-size:11px}.mt-comment-text{color:#4a5568;font-size:13px;line-height:1.5}.mt-mention{color:#6366f1;font-weight:600}.mt-comment-input-wrap{position:relative}.mt-mention-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:220px;max-height:180px;position:absolute;bottom:calc(100% + 4px);left:0;overflow:hidden auto;box-shadow:0 4px 16px #0000001f}.mt-mention-item{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.mt-mention-item:hover,.mt-mention-item.focused{background:#f0fdf4}.mt-mention-avatar{color:#fff;background:#8dc63f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex}.mt-mention-name{color:#2d3748;font-weight:600}.mt-mention-role{color:#a0aec0;font-size:11px}.mt-comment-input-row{align-items:stretch;gap:8px;margin-top:10px;display:flex}.mt-comment-textarea{resize:none;color:#2d3748;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;flex:1;padding:7px 11px;font-family:inherit;font-size:13px;line-height:22px;transition:border-color .15s;height:36px!important;min-height:unset!important;max-height:unset!important}.mt-comment-textarea:focus{border-color:#8dc63f}.mt-post-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#8dc63f;border:none;border-radius:8px;align-self:stretch;height:auto;padding:0 14px;font-size:13px;font-weight:700;transition:background .15s}.mt-post-btn:hover{background:#7ab82e}.mt-post-btn:disabled{cursor:not-allowed;background:#cbd5e0}.mt-time-form{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:14px;display:flex}.mt-time-field{flex-direction:column;gap:4px;display:flex}.mt-time-field label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.mt-time-input{color:#2d3748;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;height:34px;padding:0 10px;font-family:inherit;font-size:13px;transition:border-color .15s}.mt-time-input:focus{border-color:#8dc63f}.mt-time-input[type=number]{width:74px}.mt-time-input[type=date]{width:138px}.mt-time-input.note{width:190px}.mt-log-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;align-self:flex-end;height:34px;padding:0 14px;font-size:13px;font-weight:700;transition:background .15s}.mt-log-btn:hover{background:#4f46e5}.mt-log-btn:disabled{color:#fff;cursor:not-allowed;background:#cbd5e0}body.dark-mode .mt-log-btn{color:#0b1220;background:#818cf8}body.dark-mode .mt-log-btn:hover{background:#a5b4fc}body.dark-mode .mt-log-btn:disabled{color:#cbd5e0;background:#475569}.mt-estimate-row{color:#718096;margin-bottom:12px;font-size:12px}.mt-estimate-chip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fafbfc;border:1.5px dashed #e2e8f0;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;transition:all .15s;display:inline-flex}.mt-estimate-chip:hover{background:#8dc63f0f;border-color:#8dc63f}.mt-estimate-chip.is-set{background:#8dc63f14;border-style:solid;border-color:#d8eab5}.mt-estimate-chip svg{color:#8dc63f;flex-shrink:0;width:13px;height:13px}.mt-estimate-chip-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.mt-estimate-chip-value{color:#2d3748;font-size:13px;font-weight:700}.mt-estimate-chip.is-empty .mt-estimate-chip-value{color:#a0aec0;font-style:italic;font-weight:500}.mt-estimate-chip-action{color:#8dc63f;border-left:1px solid #e2e8f0;margin-left:4px;padding-left:8px;font-size:11px;font-weight:700}.mt-estimate-edit{background:#fff;border:1.5px solid #8dc63f;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex;box-shadow:0 0 0 3px #8dc63f1f}.mt-estimate-edit svg{color:#8dc63f;flex-shrink:0;width:13px;height:13px}.mt-estimate-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:700}.mt-estimate-inputs{align-items:center;gap:4px;display:inline-flex}.mt-estimate-input{color:#2d3748;text-align:center;-moz-appearance:textfield;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;outline:none;width:48px;height:30px;padding:0 6px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .15s}.mt-estimate-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.mt-estimate-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mt-estimate-input:focus{border-color:#8dc63f}.mt-estimate-unit{color:#718096;margin-right:2px;font-size:12px;font-weight:600}.mt-estimate-save-btn,.mt-estimate-cancel-btn{cursor:pointer;border:none;border-radius:6px;height:30px;padding:0 12px;font-size:12px;font-weight:700;transition:background .15s}.mt-estimate-save-btn{color:#fff;background:#8dc63f}.mt-estimate-save-btn:hover{background:#7ab82e}.mt-estimate-cancel-btn{color:#718096;background:0 0}.mt-estimate-cancel-btn:hover{color:#2d3748;background:#f1f5f9}.mt-time-total{color:#718096;padding:4px 0 8px;font-size:12px;font-weight:600}.mt-time-entries{flex-direction:column;gap:5px;max-height:180px;display:flex;overflow-y:auto}.mt-time-entry{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mt-time-entry-hours{color:#6366f1;min-width:40px;font-size:14px;font-weight:800}.mt-time-entry-hrs-label{color:#a0aec0;font-size:10px}.mt-time-entry-info{flex:1;min-width:0}.mt-time-entry-note{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.mt-time-entry-date{color:#a0aec0;font-size:11px}.mt-time-entry-del{color:#cbd5e0;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:15px;line-height:1;transition:color .15s}.mt-time-entry-del:hover{color:#ef4444}.mt-no-entries{color:#a0aec0;text-align:center;padding:14px 0;font-size:13px}.mt-activity-list{flex-direction:column;gap:0;max-height:260px;display:flex;overflow-y:auto}.mt-activity-item{gap:10px;padding:8px 0;display:flex;position:relative}.mt-activity-item:before{content:"";background:#e2e8f0;width:1px;height:calc(100% - 14px);position:absolute;top:30px;left:11px}.mt-activity-item:last-child:before{display:none}.mt-activity-icon{z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;display:flex}.mt-act-status{background:#eef2ff}.mt-act-time{background:#fff7ed}.mt-act-comment{background:#f0fdf4}.mt-act-timer{background:#fef2f2}.mt-act-default{background:#f8fafc}.mt-activity-body{flex:1}.mt-activity-text{color:#4a5568;font-size:12px;line-height:1.5}.mt-activity-text strong{color:#2d3748}.mt-activity-time{color:#a0aec0;margin-top:1px;font-size:11px}.mt-no-activity{color:#a0aec0;text-align:center;padding:14px 0;font-size:13px}.mt-empty{text-align:center;color:#a0aec0;padding:60px 20px}.mt-empty-icon{opacity:.35;width:48px;height:48px;margin:0 auto 16px}.mt-empty h3{color:#718096;margin-bottom:6px;font-size:16px;font-weight:700}.mt-empty p{color:#a0aec0;font-size:13px}.mt-board{align-items:flex-start;gap:14px;display:flex}.mt-board-col{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;min-width:0;min-height:200px;transition:border-color .15s,background .15s;display:flex}.mt-board-col.drag-over{background:#f0fdf4;border-color:#8dc63f}.mt-board-col-header{border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;padding:12px 14px 10px;display:flex}.mt-board-col.col-todo .mt-board-col-header{border-color:#6366f1}.mt-board-col.col-inprog .mt-board-col-header{border-color:#f59e0b}.mt-board-col.col-done .mt-board-col-header{border-color:#10b981}.mt-board-col-title{text-transform:uppercase;letter-spacing:.5px;color:#4a5568;font-size:12px;font-weight:700}.mt-board-col-count{color:#718096;background:#e2e8f0;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.mt-board-col.col-todo .mt-board-col-title{color:#6366f1}.mt-board-col.col-inprog .mt-board-col-title{color:#d97706}.mt-board-col.col-done .mt-board-col-title{color:#16a34a}.mt-board-cards{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.mt-board-card{cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;transition:box-shadow .15s,border-color .15s}.mt-board-card:hover{box-shadow:0 3px 10px #00000014}.mt-board-card.dragging{opacity:.5;cursor:grabbing}.mt-board-card.timer-active{border-color:#ef4444}.mt-board-card-top{align-items:center;gap:7px;margin-bottom:6px;display:flex}.mt-board-card-name{color:#2d3748;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.4}.mt-board-card-name.is-done{color:#a0aec0;text-decoration:line-through}.mt-board-card-footer{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mt-board-card-detail-btn{color:#718096;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;height:24px;margin-left:auto;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s}.mt-board-card-detail-btn:hover{color:#5a9e1f;background:#f0fdf4;border-color:#8dc63f}.mt-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mt-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000040}.mt-modal-lg{max-width:680px}.mt-modal-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.mt-modal-title{color:#1a202c;font-size:16px;font-weight:700}.mt-modal-close{color:#718096;cursor:pointer;background:#f8fafc;border:none;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:background .15s,color .15s;display:flex}.mt-modal-close:hover{color:#ef4444;background:#fee2e2}.mt-modal-body{flex:1;padding:20px 24px}.mt-shortcuts-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mt-shortcut-row{background:#f8fafc;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.mt-shortcut-keys{gap:4px;display:flex}.mt-key{color:#4a5568;background:#fff;border:1.5px solid #e2e8f0;border-bottom-width:3px;border-radius:5px;justify-content:center;align-items:center;min-width:26px;height:24px;padding:0 6px;font-family:monospace;font-size:11px;font-weight:700;display:inline-flex}.mt-shortcut-desc{color:#4a5568;font-size:12px}.mt-summary-textarea{color:#2d3748;resize:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:260px;margin-bottom:12px;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.6}.mt-copy-btn{color:#fff;cursor:pointer;background:#8dc63f;border:none;border-radius:8px;align-items:center;gap:6px;height:38px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s;display:flex}.mt-copy-btn:hover{background:#7ab82e}.mt-copy-btn.copied{background:#10b981}.mt-stop-note-input{color:#2d3748;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;outline:none;width:100%;height:34px;margin-bottom:12px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.mt-stop-note-input:focus{border-color:#8dc63f}.mt-modal-footer{border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 24px 20px;display:flex}.mt-btn-primary{color:#fff;cursor:pointer;background:#8dc63f;border:none;border-radius:8px;height:36px;padding:0 18px;font-size:13px;font-weight:700;transition:background .15s}.mt-btn-primary:hover{background:#7ab82e}.mt-btn-secondary{color:#4a5568;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:background .15s}.mt-btn-secondary:hover{background:#e2e8f0}body.dark-mode .mt-page-title{color:#e2e8f0}body.dark-mode .mt-greeting{background:linear-gradient(135deg,#052e16 0%,#064e3b 100%);border-color:#065f46}body.dark-mode .mt-greeting-text h2{color:#a7f3d0}body.dark-mode .mt-greeting-text p{color:#6ee7b7}body.dark-mode .mt-summary-card{background:#1e2533;border-color:#2d3748}body.dark-mode .mt-summary-value{color:#e2e8f0}body.dark-mode .mt-filters{background:#1e2533;border-color:#2d3748}body.dark-mode .mt-search{color:#e2e8f0;background-color:#151c28;border-color:#2d3748}body.dark-mode .mt-action-btn{color:#a0aec0;background:#1e2533;border-color:#2d3748}body.dark-mode .mt-action-btn:hover{color:#8dc63f;background:#052e16;border-color:#8dc63f}body.dark-mode .mt-view-toggle{background:#151c28}body.dark-mode .mt-view-btn.active{color:#e2e8f0;background:#1e2533}body.dark-mode .mt-task-card{background:#1e2533;border-color:#2d3748}body.dark-mode .mt-task-name{color:#e2e8f0}body.dark-mode .mt-task-body{background:#171e2b}body.dark-mode .mt-tabs{border-color:#2d3748}body.dark-mode .mt-tab-btn{color:#718096}body.dark-mode .mt-comment-bubble{background:#1a2234;border-color:#2d3748}body.dark-mode .mt-comment-text{color:#a0aec0}body.dark-mode .mt-comment-textarea,body.dark-mode .mt-time-input{color:#e2e8f0;background:#151c28;border-color:#2d3748}body.dark-mode .mt-time-entry{background:#1a2234;border-color:#2d3748}body.dark-mode .mt-time-entry-note{color:#e2e8f0}body.dark-mode .mt-expand-btn{color:#718096;background:#252e3f;border-color:#2d3748}body.dark-mode .mt-timer-btn{background:#252e3f;border-color:#2d3748}body.dark-mode .mt-progress-wrap{background:#8dc63f14;border-color:#8dc63f40}body.dark-mode .mt-progress-bar{background:#8dc63f26}body.dark-mode .mt-progress-label{color:#8dc63f}body.dark-mode .mt-progress-wrap.over{background:#ef444414;border-color:#ef444440}body.dark-mode .mt-progress-wrap.over .mt-progress-label{color:#f87171}body.dark-mode .mt-board-col{background:#171e2b;border-color:#2d3748}body.dark-mode .mt-board-card{background:#1e2533;border-color:#2d3748}body.dark-mode .mt-board-card-name{color:#e2e8f0}body.dark-mode .mt-modal{background:#1e2533}body.dark-mode .mt-modal-header{border-color:#2d3748}body.dark-mode .mt-modal-title{color:#e2e8f0}body.dark-mode .mt-modal-close{color:#a0aec0;background:#252e3f}body.dark-mode .mt-shortcut-row{background:#151c28}body.dark-mode .mt-key{color:#e2e8f0;background:#252e3f;border-color:#2d3748}body.dark-mode .mt-shortcut-desc{color:#a0aec0}body.dark-mode .mt-summary-textarea{color:#e2e8f0;background:#151c28;border-color:#2d3748}body.dark-mode .mt-group-label{color:#718096}body.dark-mode .mt-group.overdue .mt-group-label{color:#f87171}body.dark-mode .mt-group.today .mt-group-label{color:#fbbf24}body.dark-mode .mt-group.thisweek .mt-group-label{color:#818cf8}body.dark-mode .mt-group.done .mt-group-label{color:#4ade80}body.dark-mode .mt-estimate-input{color:#e2e8f0;background:#151c28;border-color:#2d3748}body.dark-mode .mt-estimate-chip{background:#151c28;border-color:#2d3748}body.dark-mode .mt-estimate-chip:hover{background:#8dc63f1f;border-color:#8dc63f}body.dark-mode .mt-estimate-chip.is-set{background:#8dc63f1f;border-color:#8dc63f66}body.dark-mode .mt-estimate-chip-value{color:#e2e8f0}body.dark-mode .mt-estimate-chip-action{border-left-color:#2d3748}body.dark-mode .mt-estimate-edit{background:#151c28}body.dark-mode .mt-estimate-cancel-btn:hover{color:#e2e8f0;background:#252e3f}body.dark-mode .mt-mention-dropdown{background:#1e2533;border-color:#2d3748}body.dark-mode .mt-mention-item:hover{background:#052e16}body.dark-mode .mt-mention-name{color:#e2e8f0}body.dark-mode .mt-activity-item:before{background:#2d3748}body.dark-mode .mt-activity-text{color:#a0aec0}body.dark-mode .mt-activity-text strong{color:#e2e8f0}body.dark-mode .mt-filter-sep{background:#2d3748}body.dark-mode .mt-shortcut-hint-btn,body.dark-mode .mt-board-card-detail-btn{color:#718096;background:#252e3f;border-color:#2d3748}body.dark-mode .mt-stop-note-input{color:#e2e8f0;background:#151c28;border-color:#2d3748}body.dark-mode .mt-modal-footer{border-color:#2d3748}body.dark-mode .mt-btn-secondary{color:#a0aec0;background:#252e3f;border-color:#2d3748}.mt-perm-badge{color:#4a5568;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.mt-perm-dot{background:#8dc63f;border-radius:50%;flex-shrink:0;width:8px;height:8px}.mt-perm-badge svg{color:#6aa82e;flex-shrink:0;width:12px;height:12px}.mt-main-tabs{background:#fff;border:1px solid #e8edf3;border-radius:14px;gap:4px;padding:6px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #0f172a0a}.mt-main-tab{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.mt-main-tab:hover{color:#2d3748;background:#f5f7fa}.mt-main-tab.active{color:#fff;background:linear-gradient(135deg,#39474f 0%,#2c3940 100%)}.mt-main-tab svg{width:14px;height:14px}.mt-main-tab-count{color:#4a5568;text-align:center;background:#0000000f;border-radius:10px;min-width:22px;padding:2px 7px;font-size:11px;font-weight:700}.mt-main-tab.active .mt-main-tab-count{color:#c6e89a;background:#8dc63f40}.mt-main-tab-locked{margin-left:auto;font-weight:500;color:#cbd5e0!important;cursor:not-allowed!important}.mt-main-tab-locked:hover{color:#cbd5e0!important;background:0 0!important}.mt-tt-section{flex-direction:column;gap:16px;margin-top:16px;display:flex}.mt-hint{color:#3d6b11;background:#f0f9e8;border:1px solid #cfe7a3;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:12px;display:flex}.mt-hint svg{color:#6aa82e;flex-shrink:0;width:16px;height:16px;margin-top:1px}.mt-hint strong{font-weight:700}.mt-tt-stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mt-tt-stat-card{background:#fff;border:1px solid #e8edf3;border-radius:12px;padding:14px 18px;box-shadow:0 1px 3px #0f172a0a}.mt-tt-stat-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:10px;font-weight:800}.mt-tt-stat-value{color:#1a202c;font-size:22px;font-weight:800;line-height:1}.mt-tt-stat-foot{color:#a0aec0;margin-top:4px;font-size:11px}.mt-tt-stat-foot.up{color:#4d7d20}.mt-tt-stat-foot.danger{color:#c53030}.mt-tt-filter-row{background:#fff;border:1px solid #e8edf3;border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0f172a0a}.mt-tt-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;padding:8px 12px;display:flex}.mt-tt-search svg{color:#a0aec0;flex-shrink:0;width:14px;height:14px}.mt-tt-search input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.mt-tt-search input::placeholder{color:#cbd5e0}.mt-tt-pill{color:#4a5568;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.mt-tt-pill:hover:not(:disabled){color:#2d3748;border-color:#8dc63f}.mt-tt-pill:disabled{cursor:default}.mt-tt-pill.active{color:#3d6b11;background:#f0f9e8;border-color:#8dc63f}.cs-trigger.mt-tt-pill-select{color:#4a5568;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600}.cs-trigger.mt-tt-pill-select:hover{color:#2d3748;border-color:#8dc63f}.cs-trigger.mt-tt-pill-select .cs-label{font-size:12px;font-weight:600}.mt-tt-person-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.mt-tt-person-row{background:linear-gradient(#fafbfd 0%,#fff 100%);border-bottom:1px solid #eef2f7;grid-template-columns:36px 1fr 80px 80px 1fr;align-items:center;gap:14px;padding:14px 18px;display:grid}.mt-tt-person-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:flex}.mt-tt-person-info{min-width:0}.mt-tt-person-name{color:#1a202c;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.mt-tt-person-role{color:#a0aec0;text-transform:uppercase;letter-spacing:.4px;margin-top:2px;font-size:11px}.mt-tt-person-stat{text-align:center}.mt-tt-person-stat-num{color:#2d3748;font-size:18px;font-weight:800;line-height:1}.mt-tt-person-stat-num.danger{color:#c53030}.mt-tt-person-stat-lbl{color:#a0aec0;text-transform:uppercase;letter-spacing:.4px;margin-top:4px;font-size:10px}.mt-tt-person-load{flex-direction:column;gap:4px;min-width:0;display:flex}.mt-tt-person-load-text{color:#4a5568;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.mt-tt-person-load-bar{background:#eef2f7;border-radius:3px;height:6px;overflow:hidden}.mt-tt-person-load-fill{border-radius:3px;height:100%}.mt-tt-person-load-fill.lf-low{background:linear-gradient(90deg,#8dc63f,#6aa82e)}.mt-tt-person-load-fill.lf-mid{background:linear-gradient(90deg,#f6ad55,#ed8936)}.mt-tt-person-load-fill.lf-high{background:linear-gradient(90deg,#fc8181,#e53e3e)}.mt-tt-task-list{flex-direction:column;display:flex}.mt-tt-task-empty{text-align:center;color:#a0aec0;padding:20px 18px;font-size:12px}.mt-tt-task-row{border-bottom:1px solid #eef2f7;grid-template-columns:28px 1fr 200px 110px 110px 110px;align-items:center;gap:12px;padding:12px 18px 12px 60px;transition:background .1s;display:grid}.mt-tt-task-row:last-child{border-bottom:none}.mt-tt-task-row:hover{background:#fafbfd}.mt-tt-task-check{border:1.5px solid #cbd5e0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.mt-tt-task-check.done{color:#fff;background:#8dc63f;border-color:#8dc63f}.mt-tt-task-info{min-width:0}.mt-tt-task-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.mt-tt-task-name.done{color:#a0aec0;text-decoration:line-through}.mt-tt-task-project{color:#4a5568;white-space:nowrap;text-overflow:ellipsis;background:#eef2f7;border-radius:8px;align-items:center;gap:6px;max-width:100%;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.mt-tt-task-pdot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mt-tt-task-due{color:#4a5568;font-size:12px;font-weight:600}.mt-tt-task-due.warn{color:#b7791f}.mt-tt-task-due.danger{color:#c53030}.mt-tt-priority-pill{text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border-radius:12px;align-items:center;gap:5px;width:fit-content;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.mt-tt-priority-pill.highest{color:#c53030;background:#fff5f5}.mt-tt-priority-pill.high{color:#c05621;background:#ffeede}.mt-tt-priority-pill.medium{color:#ca8a04;background:#fefce8}.mt-tt-priority-pill.low{color:#16a34a;background:#f0fdf4}.mt-tt-pi{background:currentColor;border-radius:2px;width:8px;height:8px;display:inline-block}.mt-tt-progress-pill{color:#3d6b11;white-space:nowrap;background:#f0f9e8;border:1px solid #c6e89a;border-radius:20px;align-items:center;gap:8px;width:fit-content;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.mt-tt-progress-pill.over{color:#c53030;background:#fff5f5;border-color:#fed7d7}.mt-tt-progress-bar{background:#d4edaa;border-radius:3px;width:32px;height:5px;display:inline-block;overflow:hidden}.mt-tt-progress-pill.over .mt-tt-progress-bar{background:#fed7d7}.mt-tt-progress-fill{background:linear-gradient(90deg,#8dc63f,#6aa82e);border-radius:3px;height:100%;display:block}.mt-tt-progress-pill.over .mt-tt-progress-fill{background:linear-gradient(90deg,#fc8181,#e53e3e)}.mt-at-card{background:#fff;border:1px solid #e8edf3;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.mt-at-head,.mt-at-row{grid-template-columns:1fr 1.2fr 180px 110px 110px 110px;align-items:center;gap:12px;padding:11px 18px;display:grid}.mt-at-head{color:#a0aec0;text-transform:uppercase;letter-spacing:.6px;background:#fafbfd;border-bottom:1px solid #eef2f7;font-size:10px;font-weight:800}.mt-at-row{cursor:pointer;border-bottom:1px solid #eef2f7;transition:background .1s}.mt-at-row:last-child{border-bottom:none}.mt-at-row:hover{background:#fafbfd}.mt-at-owner{align-items:center;gap:10px;min-width:0;display:flex}.mt-at-avt{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:800;display:flex}.mt-at-avt-empty{color:#4a5568;background:#cbd5e0}.mt-at-owner-info{min-width:0}.mt-at-owner-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.mt-at-owner-name.mt-at-unassigned{color:#a0aec0}.mt-at-owner-role{color:#a0aec0;text-transform:uppercase;letter-spacing:.3px;margin-top:1px;font-size:10px}@media (width<=1100px){.mt-tt-stats{grid-template-columns:repeat(2,1fr)}.mt-tt-task-row,.mt-at-head,.mt-at-row{grid-template-columns:28px 1fr;gap:8px;padding:10px 14px}.mt-tt-task-row>:nth-child(n+3),.mt-at-head>:nth-child(n+3),.mt-at-row>:nth-child(n+3){display:none}.mt-tt-person-row{grid-template-columns:36px 1fr}.mt-tt-person-row>:nth-child(n+3){display:none}}body.dark-mode .mt-perm-badge{color:#a0aec0;background:#1e2a33;border-color:#2d3748}body.dark-mode .mt-main-tabs{background:#1e2a33;border-color:#2d3748}body.dark-mode .mt-main-tab{color:#718096}body.dark-mode .mt-main-tab:hover{color:#e2e8f0;background:#252e3f}body.dark-mode .mt-main-tab.active{background:linear-gradient(135deg,#1a252d 0%,#131c23 100%)}body.dark-mode .mt-main-tab-count{color:#a0aec0;background:#ffffff0f}body.dark-mode .mt-hint{color:#b6e76c;background:#8dc63f1a;border-color:#8dc63f52}body.dark-mode .mt-tt-stat-card,body.dark-mode .mt-tt-filter-row,body.dark-mode .mt-tt-person-card,body.dark-mode .mt-at-card{background:#1e2a33;border-color:#2d3748}body.dark-mode .mt-tt-stat-value{color:#e2e8f0}body.dark-mode .mt-tt-stat-label,body.dark-mode .mt-tt-stat-foot{color:#718096}body.dark-mode .mt-tt-search{background:#151c28;border-color:#2d3748}body.dark-mode .mt-tt-search input{color:#e2e8f0}body.dark-mode .mt-tt-pill,body.dark-mode .cs-trigger.mt-tt-pill-select{color:#a0aec0;background:#151c28;border-color:#2d3748}body.dark-mode .mt-tt-pill.active{color:#b6e76c;background:#8dc63f1f;border-color:#6aa82e}body.dark-mode .mt-tt-person-row{background:linear-gradient(#1a252d 0%,#1e2a33 100%);border-bottom-color:#2d3748}body.dark-mode .mt-tt-person-name,body.dark-mode .mt-tt-person-stat-num{color:#e2e8f0}body.dark-mode .mt-tt-person-load-text{color:#a0aec0}body.dark-mode .mt-tt-person-load-bar{background:#2d3748}body.dark-mode .mt-tt-task-row,body.dark-mode .mt-at-head,body.dark-mode .mt-at-row{border-bottom-color:#2d3748}body.dark-mode .mt-tt-task-row:hover,body.dark-mode .mt-at-row:hover{background:#252e3f}body.dark-mode .mt-tt-task-name{color:#e2e8f0}body.dark-mode .mt-tt-task-project{color:#a0aec0;background:#252e3f}body.dark-mode .mt-tt-task-due{color:#a0aec0}body.dark-mode .mt-at-head{background:#1a252d;border-bottom-color:#2d3748}body.dark-mode .mt-at-owner-name{color:#e2e8f0}body.dark-mode .mt-tt-progress-pill{color:#b6e76c;background:#8dc63f1f;border-color:#4a6c1d}body.dark-mode .mt-tt-progress-pill.over{color:#fc8181;background:#fc81811f;border-color:#74303f}body.dark-mode .mt-tt-progress-bar{background:#8dc63f33}body.dark-mode .mt-tt-progress-pill.over .mt-tt-progress-bar{background:#fc818133}body.dark-mode .mt-tt-priority-pill.highest{color:#fc8181;background:#fc81811f}body.dark-mode .mt-tt-priority-pill.high{color:#f6ad55;background:#ed893624}body.dark-mode .mt-tt-priority-pill.medium{color:#ecc94b;background:#ca8a0424}body.dark-mode .mt-tt-priority-pill.low{color:#b6e76c;background:#8dc63f24}.mt-late-flag{color:#e53e3e;white-space:nowrap;background:#e53e3e1a;border:1px solid #e53e3e4d;border-radius:5px;align-items:center;gap:3px;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.mt-task-card.is-late{border-left:3px solid #e53e3e}.mt-task-card.is-frozen{opacity:.85}.mt-board-card.is-late{border-left:3px solid #e53e3e}.mt-status-btn:disabled,.mt-estimate-chip.is-disabled{cursor:not-allowed;opacity:.5}.mt-estimate-chip.is-disabled:hover{background:inherit}.mt-late-banner{background:#e53e3e0f;border:1px solid #e53e3e59;border-left:4px solid #e53e3e;border-radius:8px;margin:12px 0 4px;padding:14px 16px}.mt-late-banner-head{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.mt-late-banner-flag{font-size:16px}.mt-late-banner-head strong{color:#c53030;font-size:14px}.mt-late-banner-sub{color:#718096;font-size:12.5px}.mt-late-banner-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mt-late-banner-item{background:#fff;border:1px solid #fed7d7;border-radius:6px;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 10px;font-size:13px;display:flex}.mt-late-banner-name{color:#2d3748;font-weight:600}.mt-late-banner-proj{color:#4a5fcd;font-size:12px}.mt-late-banner-due{color:#c53030;font-size:12px;font-weight:600}.mt-late-banner-owner{color:#718096;margin-left:auto;font-size:12px}.mt-late-banner-more{color:#718096;margin-top:8px;font-size:12px;font-weight:600}body.dark-mode .mt-late-banner{background:#e53e3e1a;border-color:#fc818166}body.dark-mode .mt-late-banner-head strong{color:#fc8181}body.dark-mode .mt-late-banner-item{background:#2d3748;border-color:#fc81814d}body.dark-mode .mt-late-banner-name{color:#e2e8f0}body.dark-mode .mt-late-banner-due{color:#fc8181}body.dark-mode .mt-late-flag{color:#fc8181;background:#fc81811f;border-color:#fc818159}