:root{--primary-color:#ce452b;--primary-hover:#b33a23;--primary-light:#e05a40;--secondary-color:#fff;--text-dark:#000;--text-light:#333;--text-gray:#666;--background-light:#f8f8f8;--background-white:#fff;--border-color:#e0e0e0;--shadow-light:#00000014;--shadow-medium:#0000001f;--shadow-dark:#ce452b33;--success-color:#28a745;--error-color:#dc3545;--warning-color:#ffc107}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f8f8;background-color:var(--background-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}body,h1,h2,h3,h4,h5,h6{color:#000;color:var(--text-dark)}h1,h2,h3,h4,h5,h6{font-weight:600;margin-bottom:.75rem}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}h5{font-size:1rem}h6{font-size:.9rem}p{color:#333;color:var(--text-light);margin-bottom:.75rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#ce452b;background-color:var(--primary-color);box-shadow:0 2px 8px #ce452b33;box-shadow:0 2px 8px var(--shadow-dark);color:#fff;color:var(--secondary-color)}.btn-primary:hover{background-color:#b33a23;background-color:var(--primary-hover);box-shadow:0 4px 12px #ce452b33;box-shadow:0 4px 12px var(--shadow-dark);transform:translateY(-2px)}.btn-secondary{background-color:#fff;background-color:var(--secondary-color);border:2px solid #ce452b;border:2px solid var(--primary-color);color:#ce452b;color:var(--primary-color)}.btn-secondary:hover{background-color:#ce452b;background-color:var(--primary-color);color:#fff;color:var(--secondary-color)}.btn-outline{background-color:initial;border:1px solid #e0e0e0;border:1px solid var(--border-color);color:#000;color:var(--text-dark)}.btn-outline:hover{background-color:#f8f8f8;background-color:var(--background-light);border-color:#ce452b;border-color:var(--primary-color)}.btn-sm{font-size:.8rem;padding:6px 14px}.btn-lg{font-size:1rem;padding:12px 28px}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background-color:#fff;background-color:var(--secondary-color);border:1px solid #e0e0e0;border:1px solid var(--border-color);border-radius:8px;color:#000;color:var(--text-dark);font-size:.9rem;padding:10px 14px;transition:all .3s ease;width:100%}input:focus,select:focus,textarea:focus{border-color:#ce452b;border-color:var(--primary-color);box-shadow:0 0 0 3px #ce452b1a;outline:none}label{color:#333;color:var(--text-light);display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.form-group{margin-bottom:1.25rem}.error{color:#dc3545;color:var(--error-color)}.error,.success{font-size:.8rem;margin-top:4px}.success{color:#28a745;color:var(--success-color)}.card{background-color:#fff;background-color:var(--secondary-color);border:1px solid #0000000a;border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow-light);margin-bottom:20px;padding:20px;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f;box-shadow:0 4px 16px var(--shadow-medium)}.card-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);margin-bottom:12px;padding-bottom:12px}.card-title{color:#ce452b;color:var(--primary-color);font-size:1rem;font-weight:600;margin:0}.card-body{padding:12px 0}table{background-color:#fff;background-color:var(--secondary-color);border-collapse:collapse;border-radius:12px;box-shadow:0 2px 8px #00000014;box-shadow:0 2px 8px var(--shadow-light);overflow:hidden;width:100%}thead{background-color:#ce452b;background-color:var(--primary-color);color:#fff;color:var(--secondary-color)}th{font-size:.8rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}td,th{padding:12px 14px}td{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color);color:#333;color:var(--text-light);font-size:.9rem}tbody tr:hover{background-color:#f8f8f8;background-color:var(--background-light)}tbody tr:last-child td{border-bottom:none}.container{margin:0 auto;max-width:1200px;padding:20px}.container-fluid{padding:20px;width:100%}.row{display:flex;flex-wrap:wrap;gap:16px}.col{flex:1 1}.col-2{flex-basis:calc(16.666% - 14px);max-width:calc(16.666% - 14px)}.col-2,.col-3{flex-grow:0;flex-shrink:0}.col-3{flex-basis:calc(25% - 12px);max-width:calc(25% - 12px)}.col-4{flex-basis:calc(33.333% - 11px);max-width:calc(33.333% - 11px)}.col-4,.col-6{flex-grow:0;flex-shrink:0}.col-6{flex-basis:calc(50% - 8px);max-width:calc(50% - 8px)}.col-8{flex-basis:calc(66.666% - 6px);flex-grow:0;flex-shrink:0;max-width:calc(66.666% - 6px)}.col-12{flex:0 0 100%;max-width:100%}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2,.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.25rem}.p-4{padding:1.5rem}.gap-1{gap:.5rem}.gap-2,.gap-3{gap:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#ce452b;color:var(--primary-color)}.text-dark{color:#000;color:var(--text-dark)}.text-light{color:#666;color:var(--text-gray)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-normal{font-weight:400}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.flex-wrap{flex-wrap:wrap}.spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-top:3px solid #ce452b;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:32px;margin:16px auto;width:32px}.alert{border-radius:8px;font-size:.9rem;font-weight:500;margin-bottom:16px;padding:12px 16px}.alert-success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.alert-info{background-color:#d1ecf1;border:1px solid #bee5eb;color:#0c5460}@media (max-width:992px){.col-4{flex-basis:calc(50% - 8px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 8px)}}@media (max-width:768px){.container{padding:16px}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.15rem}.row{flex-direction:column;gap:12px}.col,.col-12,.col-2,.col-3,.col-4,.col-6,.col-8{flex:0 0 100%;max-width:100%}table{font-size:.85rem}td,th{padding:10px 8px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-in-out}.shadow-sm{box-shadow:0 1px 3px #00000014;box-shadow:0 1px 3px var(--shadow-light)}.shadow-md{box-shadow:0 2px 8px #0000001f;box-shadow:0 2px 8px var(--shadow-medium)}.shadow-lg{box-shadow:0 6px 16px #0000001f;box-shadow:0 6px 16px var(--shadow-medium)}.border{border:1px solid #e0e0e0;border:1px solid var(--border-color)}.border-primary{border-color:#ce452b;border-color:var(--primary-color)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.app-header{background:#ce452b;background:var(--primary-color,#ce452b);box-shadow:0 2px 8px #0000002e;height:80px;justify-content:space-between;left:0;padding:0 16px;position:fixed;right:0;top:0;z-index:999}.app-header,.app-header-left{align-items:center;display:flex}.app-header-left{gap:12px}.app-header-grid-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:6px;transition:background .2s}.app-header-grid-btn.active,.app-header-grid-btn:hover{background:#ffffff2e}.grid-dot-icon{grid-gap:3px;display:grid;gap:3px;grid-template-columns:repeat(3,5px);grid-template-rows:repeat(3,5px)}.grid-dot{background:#fff;border-radius:50%;display:block;height:5px;width:5px}.app-header-logo-img{cursor:pointer;height:100px;object-fit:contain;width:auto}.app-header-avatar,.app-header-right{align-items:center;display:flex}.app-header-avatar{background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000026;color:#ce452b;color:var(--primary-color,#ce452b);cursor:default;font-size:.9rem;font-weight:800;height:44px;justify-content:center;letter-spacing:.3px;-webkit-user-select:none;user-select:none;width:44px}.sidebar{height:calc(100vh - 80px)!important;top:80px!important}.sidebar-header,.sidebar-toggle-btn{display:none!important}.dashboard-container,.dashboard-container-workflow{padding-top:80px}.login-container{align-items:center;background:linear-gradient(135deg,#fff,#f8f8f8);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:fadeIn .6s ease-in-out;background-color:var(--secondary-color);border-radius:16px;box-shadow:0 8px 32px var(--shadow-medium);max-width:440px;padding:48px;width:100%}.login-logo{display:block;height:auto;margin:0 auto 32px;max-width:250px}.login-title{color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:32px;text-align:center}.login-form{display:flex;flex-direction:column;gap:24px}.login-input-group{position:relative}.login-input{background-color:var(--background-white);border:2px solid var(--border-color);border-radius:10px;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.login-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ce452b1a;outline:none}.login-error{color:var(--error-color);font-size:.875rem;margin-top:8px;text-align:center}.login-button{background-color:var(--primary-color);border:none;border-radius:10px;box-shadow:0 4px 12px var(--shadow-dark);color:var(--secondary-color);cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:8px;padding:14px;transition:all .3s ease;width:100%}.login-button:hover{background-color:var(--primary-hover);box-shadow:0 6px 16px var(--shadow-dark);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-secondary-button{background-color:var(--secondary-color);border:2px solid var(--primary-color);border-radius:10px;color:var(--primary-color);cursor:pointer;font-size:1rem;font-weight:600;margin-top:16px;padding:14px;transition:all .3s ease;width:100%}.login-secondary-button:hover{background-color:var(--primary-color);color:var(--secondary-color)}.login-divider{margin:24px 0;position:relative;text-align:center}.login-divider:before{background-color:var(--border-color);content:"";height:1px;left:0;position:absolute;right:0;top:50%}.login-divider span{background-color:var(--secondary-color);color:var(--text-gray);font-size:.875rem;padding:0 16px;position:relative}.password-toggle-icon{color:var(--text-gray);cursor:pointer;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s ease;z-index:10}.password-toggle-icon:hover{color:var(--primary-color)}.password-input-wrapper input{padding-right:45px}@media (max-width:768px){.login-card{padding:32px 24px}.login-title{font-size:1.75rem}.login-logo{margin-bottom:24px;max-width:160px}}.sidebar-overlay{background-color:#00000080;height:100%;left:0;opacity:0;position:fixed;top:0;transition:all .3s ease;visibility:hidden;width:100%;z-index:998}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background-color:var(--secondary-color);box-shadow:4px 0 20px var(--shadow-medium);display:flex;flex-direction:column;height:100%;left:-300px;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:999}.sidebar.active{left:0}.sidebar-header{align-items:center;background-color:var(--primary-color);border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;padding:24px 20px}.sidebar-logo{height:auto;max-width:160px}.sidebar-close-btn{align-items:center;background:none;border:none;color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:8px;transition:transform .3s ease}.sidebar-close-btn:hover{transform:rotate(90deg)}.sidebar-menu{flex:1 1;overflow-y:auto;padding:16px 0}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:var(--background-light)}.sidebar::-webkit-scrollbar-thumb{background:#c0c5ce;border-radius:3px}.sidebar-menu-item{align-items:center;border-left:4px solid #0000;color:var(--text-light);cursor:pointer;display:flex;font-weight:500;gap:12px;padding:14px 20px;text-decoration:none;transition:all .3s ease}.sidebar-menu-item:hover{background-color:var(--background-light)}.sidebar-menu-item.active,.sidebar-menu-item:hover{border-left-color:var(--primary-color);color:var(--primary-color)}.sidebar-menu-item.active{background-color:#ce452b1a;font-weight:600}.sidebar-menu-icon{font-size:1.2rem;text-align:center;width:24px}.sidebar-menu-text{flex:1 1;font-size:.95rem}.sidebar-menu-section{color:var(--text-gray);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:16px 20px 8px;text-transform:uppercase}.sidebar-footer{background-color:var(--background-light);border-top:2px solid var(--border-color);padding:20px}.sidebar-user-info{align-items:center;background-color:var(--secondary-color);border-radius:10px;display:flex;gap:12px;margin-bottom:16px;padding:12px}.sidebar-user-avatar{align-items:center;background-color:var(--primary-color);border-radius:50%;color:var(--secondary-color);display:flex;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.sidebar-user-details{flex:1 1;overflow:hidden}.sidebar-user-name{color:var(--text-dark);font-size:.95rem;font-weight:600}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:var(--text-gray);font-size:.8rem}.sidebar-logout-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:8px;color:var(--secondary-color);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.sidebar-logout-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.sidebar-toggle-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:12px;box-shadow:0 4px 12px var(--shadow-dark);color:var(--secondary-color);cursor:pointer;display:flex;font-size:1.5rem;height:48px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:48px;z-index:997}.sidebar-toggle-btn:hover{background-color:var(--primary-hover);transform:scale(1.05)}.sidebar-toggle-btn.active{left:300px}@media (max-width:768px){.sidebar{left:-260px;width:260px}.sidebar-toggle-btn.active{left:280px}}.dashboard-container{background-color:var(--background-light);margin-left:auto;margin-right:auto;max-width:1400px;min-height:100vh;padding:80px 24px 24px}.dashboard-header{margin-bottom:24px}.dashboard-title{color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:4px}.dashboard-subtitle{color:var(--text-gray);font-size:.95rem}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background-color:var(--secondary-color);border-left:4px solid var(--primary-color);border-radius:12px;box-shadow:0 2px 8px var(--shadow-light);padding:18px 20px;transition:all .3s ease}.stat-card:hover{box-shadow:0 6px 20px var(--shadow-medium);transform:translateY(-3px)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.stat-card-title{color:var(--text-gray);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-card-icon{align-items:center;background-color:#ce452b1a;border-radius:8px;color:var(--primary-color);display:flex;font-size:1.1rem;height:38px;justify-content:center;width:38px}.stat-card-value{color:var(--text-dark);font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:2px}.stat-card-description{color:var(--text-gray);font-size:.8rem}.quick-access-card{background-color:var(--secondary-color);border-radius:10px;border-top:3px solid var(--primary-color);box-shadow:0 2px 8px var(--shadow-light);cursor:pointer;height:100%;padding:16px;transition:all .3s ease}.quick-access-card:hover{box-shadow:0 6px 20px var(--shadow-medium);transform:translateY(-3px)}.quick-access-card .stat-card-icon{font-size:1rem;height:36px;margin-bottom:10px;width:36px}.quick-access-card .card-title,.quick-access-card h3{color:var(--primary-color);font-size:.95rem;font-weight:600;margin-bottom:4px}.quick-access-card p{color:var(--text-gray);font-size:.8rem;line-height:1.4;margin:0}.data-table-container{background-color:var(--secondary-color);border-radius:12px;box-shadow:0 2px 12px var(--shadow-light);margin-bottom:24px;overflow:hidden}.data-table-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:16px 20px}.data-table-title{color:var(--text-dark);font-size:1.1rem;font-weight:700}.data-table-actions{display:flex;gap:12px}.data-table-search{border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;min-width:220px;padding:8px 14px;transition:all .3s ease}.data-table-search:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ce452b1a}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table thead{background-color:var(--background-light)}.data-table th{color:var(--text-dark);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:12px 16px}.data-table td{color:var(--text-light);font-size:.9rem}.data-table tbody tr{transition:background-color .2s ease}.data-table tbody tr:hover{background-color:var(--background-light)}.data-table tbody tr:last-child td{border-bottom:none}.table-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:600;margin-right:6px;padding:5px 10px;transition:all .3s ease}.table-action-btn-view{background-color:#ce452b1a;color:var(--primary-color)}.table-action-btn-view:hover{background-color:var(--primary-color);color:var(--secondary-color)}.table-action-btn-edit{background-color:#ffc1071a;color:var(--warning-color)}.table-action-btn-edit:hover{background-color:var(--warning-color);color:var(--text-dark)}.table-action-btn-delete{background-color:#dc35451a;color:var(--error-color)}.table-action-btn-delete:hover{background-color:var(--error-color);color:var(--secondary-color)}.status-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status-badge-success{background-color:#28a7451a;color:var(--success-color)}.status-badge-pending{background-color:#ffc1071a;color:var(--warning-color)}.status-badge-rejected{background-color:#dc35451a;color:var(--error-color)}.status-badge-info{background-color:#ce452b1a;color:var(--primary-color)}.form-container{background-color:var(--secondary-color);border-radius:12px;box-shadow:0 2px 12px var(--shadow-light);margin:0 auto;max-width:800px;padding:28px}.form-header{margin-bottom:24px;text-align:center}.form-title{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin-bottom:6px}.form-subtitle{color:var(--text-gray);font-size:.9rem}.form-section{margin-bottom:24px}.form-section-title{border-bottom:2px solid var(--border-color);color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:14px;padding-bottom:8px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.form-actions{border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.pagination{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:20px;padding:16px}.pagination-btn{background-color:var(--secondary-color);border:1px solid var(--border-color);border-radius:6px;color:var(--text-dark);cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 10px;transition:all .3s ease}.pagination-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--secondary-color)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:992px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-container{padding:70px 16px 16px}.dashboard-title{font-size:1.5rem}.stats-grid{gap:16px;grid-template-columns:1fr}.stat-card{padding:16px}.stat-card-value{font-size:1.35rem}.data-table-header{align-items:flex-start;flex-direction:column;gap:12px}.data-table-search{min-width:auto;width:100%}.data-table-actions{flex-direction:column;width:100%}.data-table td,.data-table th{padding:10px 12px}.form-container{padding:20px 16px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}@media (max-width:576px){.dashboard-title{font-size:1.35rem}.stat-card-icon{font-size:1rem;height:34px;width:34px}.stat-card-value{font-size:1.25rem}}#root,.app{min-height:100vh}.app{position:relative}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#c0c5ce;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8a8f98}::selection{background-color:var(--primary-color);color:var(--secondary-color)}::-moz-selection{background-color:var(--primary-color);color:var(--secondary-color)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.no-print,.sidebar,.sidebar-toggle-btn{display:none!important}body{background-color:#fff}.container,.dashboard-container{padding:0}}.register-page{margin:0 auto;max-width:560px;padding:20px 0}.register-header{margin-bottom:24px;text-align:center}.register-icon{align-items:center;background:linear-gradient(135deg,#ce452b,#a93621);border-radius:16px;box-shadow:0 4px 14px #ce452b4d;color:#fff;display:flex;font-size:1.5rem;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.register-title{color:#000;font-size:1.5rem;font-weight:700;margin:0 0 6px}.register-subtitle{color:#666;font-size:.9rem;margin:0}.register-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:28px}.register-form{display:flex;flex-direction:column;gap:20px}.register-form .form-group{margin-bottom:0}.register-form label{align-items:center;color:#333;display:flex;font-size:.875rem;font-weight:600;gap:8px;margin-bottom:8px}.label-icon{color:#ce452b;font-size:.9rem;width:16px}.register-form input,.register-form select{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;color:#333;font-size:.95rem;padding:12px 16px;transition:all .3s ease;width:100%}.register-form input:focus,.register-form select:focus{border-color:#ce452b;box-shadow:0 0 0 3px #ce452b1a;outline:none}.register-form input::placeholder{color:#999}.state-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23666' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.state-select:focus{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23CE452B' d='M6 8 1 3h10z'/%3E%3C/svg%3E")}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper input{padding-right:48px;width:100%}.password-toggle{align-items:center;color:#999;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .3s ease;width:20px}.password-toggle:hover{color:#ce452b}.role-select{font-size:.95rem}.register-form .form-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-top:8px;padding-top:20px}.register-form .btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.register-form .btn-primary{background:linear-gradient(135deg,#ce452b,#b83d26);box-shadow:0 4px 12px #ce452b40;color:#fff}.register-form .btn-primary:hover{background:linear-gradient(135deg,#b83d26,#a93621);box-shadow:0 6px 16px #ce452b4d;transform:translateY(-2px)}.register-form .btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.register-form .btn-secondary{background:#f5f5f5;border:1px solid #e0e0e0;color:#333}.register-form .btn-secondary:hover{background:#eee;border-color:#ccc}.btn-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.register-card .alert{align-items:center;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:10px;margin-bottom:20px;padding:12px 16px}.register-card .alert-success{background-color:#e8f5e9;border:1px solid #c8e6c9;color:#2e7d32}.register-card .alert-error{background-color:#ffebee;border:1px solid #ffcdd2;color:#c62828}@media (max-width:768px){.register-page{padding:16px 0}.register-card{border-radius:12px;padding:20px}.register-icon{font-size:1.3rem;height:56px;width:56px}.register-title{font-size:1.35rem}.register-form{gap:16px}.register-form input,.register-form select{padding:11px 14px}.register-form .form-actions{flex-direction:column-reverse}.register-form .btn{width:100%}}@media (max-width:480px){.register-card{padding:16px}.register-title{font-size:1.25rem}.register-subtitle{font-size:.85rem}.register-form label{font-size:.8rem}.register-form input,.register-form select{font-size:.9rem;padding:10px 12px}}.register-standalone{align-items:center;background:linear-gradient(135deg,#f8f8f8,#fff);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-standalone .register-page{max-width:480px;padding:0;width:100%}.register-standalone .register-card{box-shadow:0 4px 24px #0000001a}.register-standalone .register-logo{display:block;height:auto;margin:0 auto 20px;width:120px}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;line-height:16px;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.calendar-header-icon{align-items:center;background:linear-gradient(135deg,#ce452b,#a93621);border-radius:14px;box-shadow:0 4px 12px #ce452b4d;color:#fff;display:flex;font-size:1.5rem;height:56px;justify-content:center;width:56px}.calendar-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 360px;margin-top:24px}@media (max-width:1024px){.calendar-layout{grid-template-columns:1fr}}.calendar-main-section,.calendar-sidebar{display:flex;flex-direction:column;gap:20px}.calendar-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;padding:24px}.calendar-nav{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:20px}.calendar-nav-btn{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:12px;color:#333;cursor:pointer;display:flex;font-size:1rem;height:44px;justify-content:center;transition:all .2s ease;width:44px}.calendar-nav-btn:hover{background:#ce452b;border-color:#ce452b;box-shadow:0 4px 12px #ce452b40;color:#fff;transform:translateY(-2px)}.calendar-nav-center{align-items:center;display:flex;flex-direction:column;gap:8px}.calendar-month-title{color:#000;font-size:1.5rem;font-weight:700;margin:0}.today-btn{background:#0000;border:1px solid #ce452b;border-radius:20px;color:#ce452b;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 16px;transition:all .2s ease}.today-btn:hover{background:#ce452b;color:#fff}.akar-calendar{background:#0000;border:none;font-family:inherit;width:100%}.akar-calendar .react-calendar__navigation{display:none}.akar-calendar .react-calendar__month-view__weekdays{color:#666;font-size:.85rem;font-weight:600;margin-bottom:8px;text-transform:uppercase}.akar-calendar .react-calendar__month-view__weekdays__weekday{padding:12px 0;text-align:center}.akar-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none}.akar-calendar .react-calendar__tile{aspect-ratio:1;background:#0000;border:2px solid #0000;border-radius:12px;color:#333;font-size:.95rem;font-weight:500;max-width:100%;padding:12px;position:relative;transition:all .2s ease}.akar-calendar .react-calendar__tile:enabled:hover{background:#f5f5f5;transform:scale(1.05)}.akar-calendar .react-calendar__tile--now{background:#fff3f0!important;border:2px solid #ce452b!important;color:#ce452b;font-weight:700}.akar-calendar .react-calendar__tile--active{background:#ce452b!important;box-shadow:0 4px 12px #ce452b59;color:#fff!important;font-weight:700}.akar-calendar .react-calendar__tile--active:enabled:hover{background:#b83d26!important}.holiday-tile{position:relative}.national-holiday{background:linear-gradient(135deg,#fff5f5,#ffe5e0)!important;color:#ce452b!important;font-weight:600}.national-holiday:enabled:hover{background:linear-gradient(135deg,#ffe5e0,#ffd5cc)!important}.restricted-holiday{background:linear-gradient(135deg,#fff8e6,#fff0cc)!important;color:#d4a000!important;font-weight:600}.restricted-holiday:enabled:hover{background:linear-gradient(135deg,#fff0cc,#ffe8b3)!important}.fixed-holiday{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)!important;color:#2e7d32!important;font-weight:600}.fixed-holiday:enabled:hover{background:linear-gradient(135deg,#c8e6c9,#a5d6a7)!important}.sunday-tile{color:#ce452b!important;font-weight:500}.normal-tile{color:#333}.holiday-marker-dot{background:currentColor;border-radius:50%;bottom:6px;height:6px;left:50%;position:absolute;transform:translateX(-50%);width:6px}.calendar-legend{border-top:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:24px;padding-top:20px}.legend-item{align-items:center;color:#666;display:flex;font-size:.875rem;gap:8px}.legend-dot{border-radius:4px;height:14px;width:14px}.national-dot{background:linear-gradient(135deg,#ce452b,#a93621)}.restricted-dot{background:linear-gradient(135deg,#f59e0b,#d4a000)}.fixed-dot{background:linear-gradient(135deg,#22c55e,#2e7d32)}.sunday-dot{background:linear-gradient(135deg,#ff6b6b,#ee5a5a)}.selected-holiday-card{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#fafafa);border-left:4px solid #ce452b;border-radius:16px;padding:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selected-holiday-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.holiday-type-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 14px}.holiday-type-badge.national,.holiday-type-badge.national-holiday{background:#fff0ed;color:#ce452b}.holiday-type-badge.restricted,.holiday-type-badge.restricted-holiday{background:#fff8e6;color:#d4a000}.holiday-type-badge.fixed,.holiday-type-badge.fixed-holiday{background:#e8f5e9;color:#2e7d32}.selected-holiday-date{color:#666;font-size:.9rem}.selected-holiday-name{color:#000;font-size:1.35rem;font-weight:700;margin:0}.upcoming-holidays-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014;overflow:hidden}.upcoming-holidays-card .card-header{background:linear-gradient(135deg,#ce452b,#a93621);border-bottom:none;padding:16px 20px}.upcoming-holidays-card .card-title{align-items:center;color:#fff;display:flex;font-size:1rem;margin:0}.upcoming-holidays-card .card-title svg{color:#fff!important}.upcoming-holidays-card .card-body{padding:0}.upcoming-holidays-list{display:flex;flex-direction:column}.upcoming-holiday-item{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.upcoming-holiday-item:last-child{border-bottom:none}.upcoming-holiday-item:hover{background:#fafafa}.upcoming-holiday-date-box{align-items:center;background:linear-gradient(135deg,#ce452b,#a93621);border-radius:12px;box-shadow:0 4px 12px #ce452b40;color:#fff;display:flex;flex-direction:column;height:52px;justify-content:center;min-width:52px}.upcoming-day{font-size:1.25rem;font-weight:700;line-height:1}.upcoming-month{font-size:.7rem;font-weight:600;opacity:.9;text-transform:uppercase}.upcoming-holiday-info{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.upcoming-holiday-name{color:#000;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upcoming-holiday-type{border-radius:12px;font-size:.8rem;font-weight:500;padding:2px 10px;width:-webkit-fit-content;width:fit-content}.upcoming-holiday-type.national,.upcoming-holiday-type.national-holiday{background:#fff0ed;color:#ce452b}.upcoming-holiday-type.restricted,.upcoming-holiday-type.restricted-holiday{background:#fff8e6;color:#d4a000}.upcoming-holiday-type.fixed,.upcoming-holiday-type.fixed-holiday{background:#e8f5e9;color:#2e7d32}.no-upcoming-holidays{color:#999;padding:40px 20px;text-align:center}.no-holidays-icon{font-size:2.5rem;margin-bottom:12px;opacity:.3}.holiday-stats-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #00000014}.holiday-stats-card .card-header{border-bottom:1px solid #f0f0f0;padding:16px 20px}.holiday-stats-card .card-title{color:#000;font-size:1rem;font-weight:600;margin:0}.holiday-stats-card .card-body{padding:8px 0}.stat-row{align-items:center;border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 20px}.stat-row:last-child{border-bottom:none}.stat-label{color:#666;font-size:.9rem}.stat-value{color:#000;font-size:1.1rem;font-weight:700}.stat-value.national-text{color:#ce452b}.stat-value.restricted-text{color:#d4a000}.stat-value.fixed-text{color:#2e7d32}.loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f0f0f0;border-radius:50%;border-top-color:#ce452b;height:48px;margin-bottom:16px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.calendar-layout{grid-template-columns:1fr}.calendar-card{padding:16px}.calendar-nav{flex-wrap:wrap;gap:12px;justify-content:center}.calendar-month-title{font-size:1.25rem}.akar-calendar .react-calendar__tile{font-size:.85rem;padding:8px}.calendar-legend{gap:12px}.legend-item{font-size:.8rem}.selected-holiday-header{align-items:flex-start;flex-direction:column}.upcoming-holiday-date-box{height:46px;min-width:46px}.upcoming-day{font-size:1.1rem}}@media (max-width:480px){.calendar-header-icon{font-size:1.25rem;height:48px;width:48px}.calendar-nav-btn{height:38px;width:38px}.akar-calendar .react-calendar__month-view__weekdays{font-size:.75rem}.legend-dot{height:12px;width:12px}}.gap-3{gap:16px}.d-flex{display:flex}.align-items-center{align-items:center}.workspace-root{background:#f2f3f5;display:flex;min-height:100vh}.task-nav{background:#fff;border-right:1px solid #e4e6ea;box-shadow:1px 0 4px #0000000a;display:flex;flex-direction:column;flex-shrink:0;min-height:100%;min-width:270px;overflow:hidden;transition:width .25s ease,min-width .25s ease;width:270px}.task-nav.closed{min-width:36px;width:36px}.task-nav.closed .task-nav-create .task-library,.task-nav.closed .task-nav-create .task-nav-input-row,.task-nav.closed .task-nav-create-label span,.task-nav.closed .task-nav-empty,.task-nav.closed .task-nav-section{display:none}.task-nav.closed .task-nav-create{align-items:center;background:#fff;border-bottom:none;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;padding:12px 0 0}.task-nav.closed .task-nav-create-label{justify-content:center;margin-bottom:0}.task-nav.closed .task-nav-toggle-inline{border-color:#d0d5dd;border-radius:6px;color:#667085;height:24px;width:24px}.task-nav-backdrop{display:none}@media (max-width:768px){.task-nav{height:100%;left:0;min-width:270px!important;position:absolute;top:0;transform:translateX(-100%);width:270px!important;z-index:400}.task-nav.open{transform:translateX(0)}.task-nav.closed{transform:translateX(-100%)}.task-nav-backdrop.mobile-active{background:#0000004d;display:block;inset:0;position:fixed;z-index:399}.task-nav.closed .task-nav-create,.task-nav.closed .task-nav-empty,.task-nav.closed .task-nav-section{display:flex}}.task-nav-create{background:#fafbfc;border-bottom:1px solid #e4e6ea;flex-shrink:0;padding:14px 12px}.task-nav-create-label{color:#000;font-weight:700;justify-content:space-between;letter-spacing:.9px;margin-bottom:8px;text-transform:uppercase}.task-nav-create-label,.task-nav-toggle-inline{align-items:center;display:flex;font-size:.65rem}.task-nav-toggle-inline{background:none;border:1px solid #e4e6ea;border-radius:5px;color:#8a8f98;cursor:pointer;flex-shrink:0;height:22px;justify-content:center;margin-left:auto;transition:all .2s;width:22px}.task-nav-toggle-inline:hover{background:#ce452b0d;border-color:var(--primary-color);color:var(--primary-color)}.task-nav-input-row{align-items:center;display:flex;gap:6px;margin-bottom:12px}.task-nav-input{background:#fff;border:1.5px solid #e4e6ea;border-radius:8px;color:var(--text-dark);flex:1 1;font-family:inherit;font-size:.83rem;min-width:0;outline:none;padding:7px 10px;transition:border-color .2s,box-shadow .2s}.task-nav-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ce452b1a}.task-nav-create-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;box-shadow:0 2px 6px #ce452b4d;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:32px;justify-content:center;transition:background .2s,transform .1s,box-shadow .2s;width:32px}.task-nav-create-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 10px #ce452b59;transform:scale(1.06)}.task-nav-create-btn:disabled{cursor:not-allowed;opacity:.4}.task-library-label{align-items:center;color:#000;display:flex;font-size:.65rem;font-weight:700;gap:5px;letter-spacing:.9px;margin-bottom:6px;text-transform:uppercase}.task-library-list{background:#fff;border:1.5px solid #e4e6ea;border-radius:9px;display:flex;flex-direction:column;max-height:220px;overflow-y:auto}.task-library-list::-webkit-scrollbar{width:3px}.task-library-list::-webkit-scrollbar-thumb{background:#d0d3d9;border-radius:3px}.task-library-item{border-bottom:1px solid #f0f2f5;color:#444;cursor:pointer;font-size:.8rem;line-height:1.4;padding:7px 11px;transition:background .12s,color .12s,padding-left .15s}.task-library-item:last-child{border-bottom:none}.task-library-item:hover{background:#ce452b0d;color:var(--primary-color);padding-left:15px}.task-library-item.selected{background:#ce452b14;border-left:2.5px solid var(--primary-color);color:var(--primary-color);font-weight:600;padding-left:15px}.task-nav-section{overflow-y:auto;padding:8px 0}.task-nav-section-label{color:#8a8f98;font-size:.62rem;font-weight:700;letter-spacing:.9px;padding:6px 14px 4px;text-transform:uppercase}.task-nav-item{align-items:center;cursor:pointer;display:flex;gap:9px;padding:7px 14px;transition:background .12s}.task-nav-item:hover{background:#f5f6f8}.task-nav-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.task-nav-item-title{color:#333;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-nav-empty{color:#8a8f98;font-size:.8rem;padding:16px 14px}.workspace-main{flex:1 1;min-width:0;overflow-y:auto;padding:28px 32px}.workspace-header{margin-bottom:24px}.workspace-title{color:var(--text-dark);font-size:1.6rem;font-weight:800;letter-spacing:-.4px;margin:0 0 4px}.workspace-subtitle{color:#8a8f98;font-size:.82rem;font-weight:500;margin:0}.tasks-section{margin-bottom:36px}.tasks-section-header{align-items:center;display:flex;gap:10px;margin-bottom:16px}.tasks-section-title{color:var(--text-dark);font-size:1rem;font-weight:700}.tasks-section-count{align-items:center;background:var(--primary-color);border-radius:11px;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;min-width:22px;padding:0 6px}.person-filter{align-items:center;display:flex;gap:6px;margin-left:auto}.filter-icon{color:#8a8f98;font-size:.78rem}.person-filter-select{background:#fff;border:1.5px solid #e4e6ea;border-radius:8px;color:var(--text-dark);cursor:pointer;font-family:inherit;font-size:.78rem;outline:none;padding:4px 10px;transition:border-color .2s}.person-filter-select:focus{border-color:var(--primary-color)}.week-bucket{margin-bottom:20px}.week-label{align-items:center;border-bottom:1.5px solid #e4e6ea;display:flex;gap:10px;margin-bottom:10px;padding:5px 0 10px}.week-label.current{border-bottom-color:var(--primary-color)}.week-label-text{align-items:center;color:#6b7280;display:flex;font-size:.72rem;font-weight:700;gap:8px;letter-spacing:.5px;text-transform:uppercase}.week-current-dot{animation:pulse 2s infinite;background:var(--primary-color);border-radius:50%;flex-shrink:0;height:7px;width:7px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.35)}}.week-current-badge{background:var(--primary-color);border-radius:20px;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.5px;padding:2px 9px;text-transform:uppercase}.tasks-empty{background:#fff;border:1.5px dashed #e4e6ea;border-radius:12px;font-size:.875rem;padding:24px}.tasks-empty,.tasks-loading{color:#8a8f98;text-align:center}.tasks-loading{padding:48px}.task-card{background:#fff;border:1px solid #e4e6ea;border-radius:12px;margin-bottom:8px;overflow:visible;position:relative;transition:box-shadow .2s,transform .15s}.task-card:hover{box-shadow:0 4px 18px #00000014;transform:translateY(-1px)}.task-card-header{align-items:center;display:flex;gap:14px;min-height:56px;padding:13px 16px}.task-card-left{align-items:center;cursor:pointer;display:flex;gap:12px}.task-card-left,.task-card-title-wrap{flex:1 1;min-width:0}.task-card-title{color:#1a1d23;display:block;font-size:.92rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card-meta{align-items:center;display:flex;gap:10px}.task-card-creator{color:#8a8f98;font-size:.72rem;font-weight:500}.task-subtask-progress{background:#e8f5e9;border-radius:10px;color:#2e7d32;font-size:.7rem;font-weight:600;padding:1px 7px}.task-card-right{align-items:center;display:flex;flex-shrink:0;gap:8px}.assignees-row{align-items:center;display:flex;gap:3px}.assignee-avatar-wrap{position:relative}.assignee-remove{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;font-size:.48rem;height:13px;justify-content:center;padding:0;position:absolute;right:-3px;top:-3px;width:13px;z-index:10}.assignee-avatar-wrap:hover .assignee-remove{display:flex}.avatar-pill-wrap{display:inline-flex;position:relative}.avatar-pill{align-items:center;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 3px #00000026;color:#fff;cursor:default;display:flex;flex-shrink:0;font-weight:700;justify-content:center;letter-spacing:-.3px}.avatar-tooltip{background:#1a1d23;border-radius:7px;bottom:calc(100% + 7px);box-shadow:0 4px 12px #0003;color:#fff;font-size:.7rem;padding:5px 9px;pointer-events:none;white-space:nowrap;z-index:500}.avatar-tooltip,.avatar-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.avatar-tooltip:after{border:4px solid #0000;border-top-color:#1a1d23;content:"";top:100%}.assign-btn-wrap{position:relative}.assign-add-btn{align-items:center;background:#0000;border:1.5px dashed #d0d3d9;border-radius:50%;color:#8a8f98;cursor:pointer;display:flex;font-size:.7rem;height:26px;justify-content:center;transition:all .2s;width:26px}.assign-add-btn:hover{background:#ce452b0f;border-color:var(--primary-color);color:var(--primary-color)}.assign-dropdown{background:#fff;border:1px solid #e4e6ea;border-radius:11px;box-shadow:0 10px 30px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 7px);width:260px;z-index:500}.assign-search-wrap{border-bottom:1px solid #f0f2f5;padding:8px 10px;position:relative}.assign-search-icon{color:#8a8f98;font-size:.72rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.assign-search-input{background:#f5f6f8;border:1px solid #e4e6ea;border-radius:7px;font-family:inherit;font-size:.82rem;outline:none;padding:6px 8px 6px 28px;transition:border-color .2s;width:100%}.assign-search-input:focus{background:#fff;border-color:var(--primary-color)}.assign-option{align-items:center;color:var(--text-dark);cursor:pointer;display:flex;font-size:.82rem;gap:8px;padding:8px 12px;transition:background .12s}.assign-option:hover{background:#f5f6f8}.assign-empty{color:#8a8f98;font-size:.8rem;padding:10px 12px}.assign-backdrop{inset:0;position:fixed;z-index:-1}.task-action-btn{align-items:center;background:#fff;border:1.5px solid #e4e6ea;border-radius:8px;color:#8a8f98;cursor:pointer;display:flex;flex-shrink:0;font-size:.75rem;height:30px;justify-content:center;transition:all .18s;width:30px}.task-action-btn:hover{background:#ce452b0a;border-color:var(--primary-color);color:var(--primary-color)}.task-action-btn.danger:hover{background:#dc35450a;border-color:#dc3545;color:#dc3545}.task-expand-btn{align-items:center;background:none;border:none;border-radius:6px;color:#b0b5c0;cursor:pointer;display:flex;font-size:.78rem;padding:5px 7px;transition:color .18s}.task-expand-btn:hover{background:#ce452b0d;color:var(--primary-color)}.status-chip{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-family:inherit;font-weight:700;gap:5px;letter-spacing:.1px;transition:opacity .15s,transform .1s;white-space:nowrap}.status-chip.clickable{cursor:pointer}.status-chip.clickable:hover{opacity:.8;transform:scale(.97)}.task-card-body{animation:fadeSlideIn .16s ease;background:#fafbfc;border-radius:0 0 12px 12px;border-top:1px solid #f0f2f5;padding:14px 16px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.add-subtask-form{background:#fff;border:1.5px dashed #e4e6ea;border-radius:10px;margin-bottom:10px;padding:12px;transition:border-color .2s}.add-subtask-form:focus-within{border-color:var(--primary-color)}.add-subtask-input{background:#fafbfc;border:1.5px solid #e4e6ea;border-radius:8px;font-family:inherit;font-size:.875rem;margin-bottom:8px;outline:none;padding:8px 10px;transition:border-color .2s;width:100%}.add-subtask-input:focus{background:#fff;border-color:var(--primary-color)}.add-subtask-textarea{background:#fafbfc;border:1.5px solid #e4e6ea;border-radius:8px;font-family:inherit;font-size:.85rem;margin-bottom:10px;outline:none;padding:8px 10px;resize:none;transition:border-color .2s;width:100%}.add-subtask-textarea:focus{background:#fff;border-color:var(--primary-color)}.add-subtask-actions{display:flex;gap:8px}.subtasks-empty{color:#8a8f98;font-size:.85rem;padding:16px 0;text-align:center}.subtasks-empty-link{color:var(--primary-color);cursor:pointer;font-weight:600}.subtasks-empty-link:hover{text-decoration:underline}.subtask-row{background:#fff;border:1px solid #eef0f3;border-radius:9px;margin-bottom:6px;transition:box-shadow .15s}.subtask-row.expanded{box-shadow:0 2px 10px #0000000f}.subtask-row-header{align-items:center;border-radius:9px;cursor:pointer;display:flex;gap:8px;padding:9px 12px;transition:background .12s;-webkit-user-select:none;user-select:none}.subtask-row-header:hover{background:#f8f9fa}.subtask-row.expanded .subtask-row-header{border-radius:9px 9px 0 0}.subtask-title{color:#1a1d23;flex:1 1;font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtask-saving{color:#8a8f98;font-size:.7rem}.subtask-saved{color:#2e7d32;font-size:.7rem}.subtask-chevron{color:#b0b5c0;flex-shrink:0;font-size:.68rem}.subtask-delete-btn{background:none;border:none;color:#c0c5ce;cursor:pointer;flex-shrink:0;font-size:.7rem;padding:2px 4px;transition:color .18s}.subtask-body{animation:fadeSlideIn .15s ease;background:#fafbfc;border-radius:0 0 9px 9px;border-top:1px solid #f0f2f5;padding:12px 14px}.subtask-field{margin-bottom:12px}.subtask-field:last-of-type{margin-bottom:0}.field-label{color:#8a8f98;display:block;font-size:.65rem;font-weight:700;letter-spacing:.8px;margin-bottom:5px;text-transform:uppercase}.subtask-textarea{background:#fff;border:1.5px solid #e4e6ea;border-radius:8px;color:var(--text-dark);font-family:inherit;font-size:.84rem;line-height:1.55;outline:none;padding:8px 10px;resize:vertical;transition:border-color .2s;width:100%}.saved-indicator{align-items:center;color:#2e7d32;display:flex;font-size:.7rem;font-weight:600;gap:4px;margin:8px 0 0}.person-group{margin-bottom:12px}.person-group-header{align-items:center;background:#d9dce2;border-radius:8px;cursor:pointer;display:flex;gap:8px;margin-bottom:6px;padding:7px 10px;transition:background .15s;-webkit-user-select:none;user-select:none}.person-group-header:hover{background:#eceef2}.person-group-name{color:#1a1d23;flex:1 1;font-size:.8rem;font-weight:700}.person-group-chevron{color:#8a8f98;font-size:.68rem}.person-group-body{border-left:2px solid #e4e6ea;margin-left:12px;padding-left:8px}.workspace-week-badge{align-items:center;border-bottom-color:var(--primary-color);color:#6b7280;display:flex;font-size:.78rem;font-weight:700;gap:8px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.chat-shell{background:#fff;border:1px solid var(--border-color);border-radius:14px;box-shadow:0 2px 16px var(--shadow-light);display:flex;height:calc(100vh - 140px);margin-top:20px;min-height:500px;overflow:hidden}.chat-sidebar{background:#fafafa;border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:300px;transition:width .25s ease,min-width .25s ease;width:300px}.chat-sidebar-top{align-items:center;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:14px 12px}.chat-search-wrap{flex:1 1;position:relative}.chat-search-icon{color:var(--text-gray);font-size:.78rem;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.chat-search-input{background:#fff;border:1px solid var(--border-color);border-radius:20px;font-size:.82rem;outline:none;padding:8px 32px;transition:border-color .2s;width:100%}.chat-search-input:focus{border-color:var(--primary-color)}.chat-search-clear{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:.75rem;line-height:1;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.new-group-btn{align-items:center;background:#fff;border:1.5px solid var(--border-color);border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:34px;justify-content:center;transition:all .2s;width:34px}.new-group-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.chat-sidebar-list{flex:1 1;overflow-y:auto;padding:8px 0}.sidebar-section-label{color:var(--text-gray);font-size:.68rem;font-weight:700;letter-spacing:.8px;padding:10px 14px 4px;text-transform:uppercase}.sidebar-empty{color:var(--text-gray);font-size:.85rem;padding:24px 14px;text-align:center}.conv-item{align-items:center;border-radius:0;cursor:pointer;display:flex;gap:10px;padding:10px 14px;position:relative;transition:background-color .15s}.conv-item:hover{background-color:#f0f0f0}.conv-item.active{background-color:#ce452b12;border-left:3px solid var(--primary-color)}.conv-item-body{flex:1 1;min-width:0}.conv-item-name{color:var(--text-dark);font-size:.85rem;font-weight:600}.conv-item-name,.conv-item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conv-item-preview{color:var(--text-gray);font-size:.75rem;margin-top:2px}.unread-badge{align-items:center;background-color:var(--primary-color);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.68rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px}.online-dot-avatar{bottom:1px;position:absolute;right:1px}.chat-main{background:#fff;display:flex;flex:1 1;flex-direction:column;min-width:0}.chat-header{align-items:center;background:#fafafa;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;padding:12px 18px}.chat-back-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;display:none;font-size:1rem;padding:4px 8px}.chat-header-info{flex:1 1;min-width:0}.chat-header-name{color:var(--text-dark);font-size:.95rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header-sub{color:var(--text-gray);font-size:.75rem;margin-top:1px}.chat-messages{gap:4px;overflow-y:auto;padding:16px 18px}.chat-empty-state,.chat-messages{display:flex;flex:1 1;flex-direction:column}.chat-empty-state{align-items:center;color:var(--text-gray);justify-content:center;padding:40px;text-align:center}.chat-empty-icon{color:var(--border-color);font-size:3rem;margin-bottom:16px}.chat-empty-state h3{color:var(--text-gray);font-weight:600;margin-bottom:8px}.chat-empty-state p{font-size:.88rem;max-width:260px}.bubble-row{display:flex;flex-direction:column;max-width:68%;position:relative}.bubble-row.mine{align-items:flex-end;align-self:flex-end}.bubble-row.theirs{align-items:flex-start;align-self:flex-start}.bubble-sender{color:var(--text-gray);font-size:.72rem;font-weight:600;margin-bottom:3px;padding-left:4px}.bubble{border-radius:14px;line-height:1.5;max-width:100%;padding:9px 13px;word-break:break-word}.bubble-mine{background-color:var(--primary-color);border-bottom-right-radius:4px;color:#fff}.bubble-theirs{background-color:#f0f0f0;border-bottom-left-radius:4px;color:var(--text-dark)}.bubble-text{font-size:.875rem;white-space:pre-wrap}.bubble-meta-row{align-items:center;display:flex;gap:5px;margin-top:3px;padding:0 3px}.bubble-time{color:var(--text-gray);font-size:.68rem}.read-tick{color:#1565c0;font-size:.72rem}.bubble-delete-btn{background:none;border:none;color:var(--text-gray);cursor:pointer;font-size:.72rem;left:-28px;opacity:.6;padding:4px;position:absolute;top:0;transition:opacity .2s,color .2s}.bubble-delete-btn:hover{color:var(--error-color);opacity:1}.file-bubble{border-radius:10px;overflow:hidden}.file-bubble-image{border-radius:8px;display:block;max-height:200px;max-width:220px;object-fit:cover}.file-bubble-link{align-items:center;background:#ffffff26;border-radius:8px;color:inherit;display:flex;gap:10px;padding:10px 12px;text-decoration:none;transition:background .2s}.file-bubble.mine .file-bubble-link{background:#ffffff26;color:#fff}.file-bubble.theirs .file-bubble-link{background:#fff;border:1px solid var(--border-color);color:var(--text-dark)}.file-bubble-icon{flex-shrink:0;font-size:1.4rem}.file-bubble-name{font-size:.82rem;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-bubble-size{font-size:.72rem;margin-top:2px;opacity:.7}.task-notif-card{align-items:center;background:#fff;border:1.5px solid #ce452b40;border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 8px #ce452b14;display:flex;gap:12px;max-width:320px;padding:12px 14px}.task-notif-icon{align-items:center;background:#ce452b1a;border-radius:8px;color:var(--primary-color);display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;width:36px}.task-notif-body{flex:1 1;min-width:0}.task-notif-label{color:var(--primary-color);font-size:.68rem;font-weight:700;letter-spacing:.6px;margin-bottom:2px;text-transform:uppercase}.task-notif-title{color:var(--text-dark);font-size:.88rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-notif-from{color:var(--text-gray);font-size:.72rem;margin-top:2px}.task-notif-btn{background:#0000;border:1.5px solid var(--primary-color);border-radius:8px;color:var(--primary-color);cursor:pointer;flex-shrink:0;font-size:.75rem;font-weight:700;padding:5px 12px;transition:all .2s;white-space:nowrap}.task-notif-btn:hover{background:var(--primary-color);color:#fff}.typing-indicator{color:var(--text-gray);font-size:.78rem;gap:8px;padding:4px 2px}.typing-dots,.typing-indicator{align-items:center;display:flex}.typing-dots{gap:3px}.typing-dots span{animation:typingBounce 1.2s ease-in-out infinite;background-color:var(--text-gray);border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.chat-input-bar{background:#fafafa;border-top:1px solid var(--border-color);gap:8px;padding:10px 14px}.attach-btn,.chat-input-bar{align-items:center;display:flex;flex-shrink:0}.attach-btn{background:#fff;border:1px solid var(--border-color);border-radius:50%;color:var(--text-gray);cursor:pointer;font-size:.85rem;height:36px;justify-content:center;transition:all .2s;width:36px}.attach-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.chat-text-input{background:#fff;border:1px solid var(--border-color);border-radius:20px;flex:1 1;font-family:inherit;font-size:.875rem;outline:none;padding:9px 16px;transition:border-color .2s}.chat-text-input:focus{border-color:var(--primary-color)}.send-btn{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.85rem;height:36px;justify-content:center;transition:background-color .2s,transform .1s;width:36px}.send-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.4}.load-more-wrap{padding:8px 0 12px;text-align:center}.load-more-btn{background:none;border:1px solid var(--border-color);border-radius:20px;color:var(--text-gray);cursor:pointer;font-size:.78rem;font-weight:600;padding:6px 16px;transition:all .2s}.load-more-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.modal-overlay{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:9999}.modal-box{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:460px;overflow-y:auto;padding:20px;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.modal-title{color:var(--text-dark);font-size:1rem;font-weight:700;margin:0}.modal-close{background:none;border:1px solid var(--border-color);border-radius:8px;color:var(--text-gray);cursor:pointer;font-size:.85rem;padding:5px 9px;transition:all .2s}.modal-close:hover{border-color:var(--error-color);color:var(--error-color)}.modal-search-icon{color:var(--text-gray);font-size:.78rem;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.modal-dropdown{border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-light);margin-top:4px;overflow:hidden}.modal-dropdown-item{align-items:center;color:var(--text-dark);cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:9px 12px;transition:background .15s}.modal-dropdown-item:hover{background:var(--background-light)}.modal-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.modal-chip{align-items:center;background:#ce452b14;border:1px solid #ce452b33;border-radius:20px;color:var(--primary-color);display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;padding:4px 10px}.modal-chip button{background:none;border:none;color:var(--primary-color);cursor:pointer;font-size:.7rem;line-height:1;opacity:.7;padding:0;transition:opacity .2s}.modal-chip button:hover{opacity:1}.bubble-pending{opacity:.6}@media (max-width:768px){.chat-shell{border-radius:10px;height:calc(100vh - 100px)}.chat-sidebar{border-right:none;height:100%;min-width:0;min-width:auto;position:absolute;width:100%;z-index:50}.chat-sidebar.closed{display:none}.chat-back-btn{display:flex}.bubble-row{max-width:85%}}
/*# sourceMappingURL=main.24d197f6.css.map*/