*{box-sizing:border-box}*,.login-container,body{margin:0;padding:0}.login-container{align-items:center;animation:fadeIn 1s ease-out,gradientMove 15s ease infinite;background:linear-gradient(135deg,#6e45e2,#88d3ce);bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;text-align:center;top:0;width:100vw}.login-container h1{animation:slideUp 1s ease-out;animation:slideUp 1s ease-out forwards;font-size:2.5em;margin-bottom:2rem;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth0-login-btn{animation:fadeInButton 1s ease-out .5s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;font-size:1.5em;margin-top:20px;opacity:0;padding:15px 30px;transition:all .4s cubic-bezier(.4,0,.2,1)}.auth0-login-btn:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}@keyframes fadeInButton{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.slogan{animation:fadeIn 2s ease-out forwards;bottom:10%;color:#ffffff4d;font-family:Brush Script MT,cursive;font-size:3em;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:-1}.current-time{color:#fff;font-size:1.2em;margin-top:1rem}.top-left,.top-right{background:none;color:#fff;font-size:1.5em;padding:15px 30px;position:absolute;top:20px;transition:all .4s cubic-bezier(.4,0,.2,1)}.top-left{left:20px}.top-right{right:20px}.dashboard-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}h2{color:#333;margin-bottom:30px;text-align:center}.decision-stats{display:flex;justify-content:space-between;margin-bottom:30px}.decision-stats>div{background-color:#f5f5f5;border-radius:5px;box-shadow:0 2px 5px #0000001a;flex:1 1;margin:0 10px;padding:20px;text-align:center}.decision-stats p{color:#666;font-size:14px;margin:0}.decision-stats h3{color:#333;font-size:28px;margin:10px 0 0}.charts{display:flex;margin-bottom:30px}.chart{background-color:#fff;border-radius:5px;box-shadow:0 2px 5px #0000001a;flex:1 1;margin:0 10px;padding:20px}.chart h4{color:#333;margin-bottom:20px;margin-top:0;text-align:center}.bar-chart{align-items:flex-end;display:flex;height:200px;justify-content:space-around;padding:0 20px}.bar{border-radius:4px 4px 0 0;color:#fff;font-size:12px;font-weight:700;min-height:3px;padding-top:8px;position:relative;text-align:center;transition:height .5s ease;width:80px}.bar-value{bottom:-25px;color:#333;font-size:16px;font-weight:600;left:0;position:absolute;right:0}.bar.pending{background-color:#ff9800;opacity:.9}.bar.approved{background-color:#4caf50;opacity:.9}.bar.implementing{background-color:#2196f3;opacity:.9}.bar.rejected{background-color:#f44336;opacity:.9}.bar:hover{opacity:1;transform:scaleX(1.1);transition:all .3s ease}.donut-chart-container{align-items:center;display:flex;flex-direction:column}.donut-chart{border-radius:50%;height:150px;margin-bottom:20px;width:150px}.legend{display:flex;flex-direction:column;width:100%}.legend-item{align-items:center;display:flex;margin-bottom:8px}.legend-color{border-radius:3px;height:15px;margin-right:10px;width:15px}.legend-color.within-60{background-color:#4caf50}.legend-color.within-30{background-color:#ff9800}.legend-color.expired{background-color:#e74c3c}.decision-info{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;padding:24px}.decision-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 20px}.decisions-list{background:#fff;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:16px}.decision-row{grid-gap:24px;align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:8px;display:grid;gap:24px;grid-template-columns:1fr 2.5fr 1.2fr 1.2fr;padding:16px 24px;transition:all .2s ease-in-out}.decision-row:last-child{margin-bottom:0}.decision-row:hover{background-color:#fafafa;border-color:#e6e6e6;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.serial{color:#666;font-size:16px;padding-left:8px}.title{color:#333;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.decision-row:hover .title{color:#1890ff}.status{align-items:center;border-radius:10px;display:inline-flex;font-size:16px;justify-content:center;min-width:100px;padding:6px 16px;text-align:center;transition:transform .2s ease}.decision-row:hover .status{transform:scale(1.05)}.status.pending{background-color:#fff7e6;color:#fa8c16}.status.approved{background-color:#f6ffed;color:#52c41a}.status.implementing{background-color:#e6f7ff;color:#1890ff}.status.completed{background-color:#f9f0ff;color:#722ed1}.status.rejected{background-color:#fff1f0;color:#f5222d}.deadline{color:#666;font-size:16px;text-align:right;transition:color .2s ease}.decision-row:hover .deadline{color:#333}.no-decisions{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;color:#999;margin:16px 0;padding:32px;text-align:center}.no-data-message{align-items:center;display:flex;flex-direction:column;gap:12px}.no-data-icon{color:#d9d9d9;font-size:48px}.no-data-message p{color:#666;font-size:16px;font-weight:500;margin:0}.no-data-hint{color:#8c8c8c;font-size:14px}.error,.loading{align-items:center;color:#666;display:flex;font-size:18px;height:100vh;justify-content:center}.user-management{margin:0 auto;max-width:1400px;min-height:calc(100vh - 48px);padding:24px}.user-management-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:360px 1fr;max-width:100%}.user-management-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.add-user-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;height:fit-content;padding:32px;position:sticky;top:24px}.add-user-section h3{color:#333;font-size:20px;font-weight:600;margin-bottom:32px;text-align:center}.add-user-form{display:flex;flex-direction:column;gap:24px}.add-user-form .ant-form-item{margin-bottom:0}.add-user-form .ant-input,.add-user-form .ant-select{font-size:14px;height:38px;width:100%}.add-user-form .ant-select-selector{height:38px!important;padding:0 12px!important;width:100%!important}.add-user-form .ant-select-selection-item,.add-user-form .ant-select-selection-placeholder{font-size:14px;line-height:38px!important}.add-user-form .ant-checkbox-wrapper{font-size:14px;margin:12px 0}.add-user-form input,.add-user-form select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;padding:10px 12px}.add-user-form input:focus,.add-user-form select:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33;outline:none}.add-user-btn{background-color:#1890ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:12px;transition:all .3s}.add-user-btn:hover{background-color:#40a9ff}.user-list{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;min-height:400px;padding:20px}.user-list h3{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;margin-top:0}.search-container{margin-bottom:16px;position:relative;width:100%}.search-input{border:1px solid #d9d9d9;border-radius:4px;box-sizing:border-box;font-size:14px;padding:10px 40px 10px 12px;width:100%}.search-container:after{color:#999;content:"🔍";font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.filter-section{border-bottom:1px solid #f0f0f0;box-sizing:border-box;display:flex;flex-direction:row;gap:30px;padding-bottom:16px;width:100%}.filter-group{flex:1 1}.filter-group h4{color:#555;font-size:15px;font-weight:600;margin-bottom:10px;margin-top:0}.filter-group label{color:#333;display:block;font-size:14px;margin-bottom:8px}.user-table-container{overflow-x:auto}.user-table{border-collapse:collapse;width:100%}.user-table td,.user-table th{border-bottom:1px solid #f0f0f0;padding:12px 16px;text-align:left}.user-table th{background-color:#fafafa;color:#333;font-weight:500}.user-table tr:hover{background-color:#f5f5f5}.user-table-empty{color:#999;font-size:14px;padding:40px 0;text-align:center;width:100%}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;height:32px;margin-right:8px;min-width:70px;overflow:visible;padding:6px 8px;text-align:center;transition:all .2s ease;white-space:nowrap}.edit-btn{background-color:#1890ff;color:#fff}.delete-btn{background-color:#ff4d4f;color:#fff}.edit-btn:hover{background-color:#40a9ff;box-shadow:0 2px 5px #1890ff33;transform:translateY(-1px)}.delete-btn:hover{background-color:#ff7875;box-shadow:0 2px 5px #ff4d4f33;transform:translateY(-1px)}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.pagination button{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;padding:4px 12px}.pagination button:disabled{color:#d9d9d9;cursor:not-allowed}.pagination button:hover:not(:disabled){border-color:#1890ff;color:#1890ff}.pagination select{border:1px solid #d9d9d9;border-radius:4px;padding:4px 8px}.edit-user-modal{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;left:50%;padding:24px;position:fixed;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1000}.edit-user-modal h3{color:#333;font-size:18px;margin-bottom:16px;margin-top:0}.edit-input,.edit-select{border:1px solid #d9d9d9;border-radius:4px;font-size:14px;margin-bottom:12px;padding:8px 12px;width:100%}.cancel-btn,.save-btn{border:none;border-radius:4px;cursor:pointer;font-size:14px;margin-right:8px;padding:8px 16px}.save-btn{background-color:#1890ff;color:#fff}.cancel-btn{background-color:#f0f0f0;color:#333}.save-btn:hover{background-color:#40a9ff}.cancel-btn:hover{background-color:#d9d9d9}.error-message{background-color:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#f5222d}.error-message,.success-message{margin-bottom:16px;padding:8px 12px}.success-message{background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a}.no-access-message{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:100px auto;max-width:500px;padding:24px;text-align:center}.no-access-message h2{color:#f5222d;margin-bottom:16px}@media (max-width:980px){.grid-container{grid-template-columns:1fr}.search-input{width:100%}.filter-section{flex-direction:column;gap:15px}}@media (max-width:768px){.add-user-section,.user-list{padding:15px}.add-user-form h3,.user-list h3{font-size:18px}.edit-user-modal{width:90%}}.add-user-button{font-size:15px;font-weight:500;height:40px;margin-top:16px;width:100%}.all-users-section{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;min-height:600px;padding:24px}.all-users-section h3{color:#333;font-size:18px;font-weight:600;margin-bottom:24px}.search-filter-section{margin-bottom:24px}.search-box{margin-bottom:16px}.filter-groups{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:16px}.filter-group,.filter-groups{background:#fafafa;border-radius:8px;padding:16px}.filter-group-title{color:#666;font-size:14px;margin-bottom:12px}.checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.users-table{width:100%}.ant-table-wrapper{background:#fff;border-radius:8px}.ant-table-thead>tr>th{background:#fafafa!important;font-weight:600}.ant-table-placeholder{height:400px}.ant-empty{margin:32px 0}.action-buttons .ant-btn{border-radius:4px;font-size:13px;height:24px;line-height:20px;min-width:60px;padding:2px 8px}.action-buttons .ant-btn-primary{background-color:#1890ff;border-color:#1890ff}.action-buttons .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.action-buttons .ant-btn-dangerous{background-color:#fff;border-color:#ff4d4f;color:#ff4d4f}.action-buttons .ant-btn-dangerous:hover{background-color:#ff4d4f;border-color:#ff4d4f;color:#fff}@media (max-width:1200px){.user-management-content{grid-template-columns:1fr}.add-user-section{position:static}}@media (max-width:768px){.filter-groups{grid-template-columns:1fr}}.add-user-form .ant-input:focus,.add-user-form .ant-select-focused .ant-select-selector{box-shadow:0 0 0 2px #1890ff1a}.decision-management{font-family:Arial,sans-serif;margin:2rem auto;max-width:1200px;min-height:100vh;padding:var(--spacing-lg)}.decision-management-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.filter-section{background-color:#fff;border-radius:8px;box-shadow:0 1px 4px #0000001a;margin-bottom:20px;padding:16px}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.button-container{display:flex;justify-content:center;margin-bottom:20px}.add-decision-btn{background-color:#1890ff!important;border-color:#1890ff!important;color:#fff!important;font-weight:700;transition:all .3s ease}.add-decision-btn:hover{background-color:#40a9ff!important;border-color:#40a9ff!important;box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.decision-table{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-top:20px}.decision-table .ant-table-thead>tr>th{background-color:#fafafa!important;color:#333;font-weight:700}.decision-table .ant-table-tbody>tr:hover>td{background-color:#f5f5f5}.action-buttons{display:flex;gap:8px}.delete-button{background-color:#ff4d4f!important;border-color:#ff4d4f!important;color:#fff!important}.delete-button:hover{background-color:#ff7875!important;border-color:#ff7875!important}.decision-form .ant-form-item-label>label{font-weight:500}.decision-date,.decision-input,.decision-select,.decision-textarea{border-radius:4px}.decision-date:focus,.decision-input:focus,.decision-select:focus,.decision-textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-buttons{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;margin-top:24px;padding-top:16px}.decision-detail{padding:0 12px}.detail-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.detail-header h2{color:#333;font-size:20px;margin:0}.detail-status{display:flex;gap:8px}.detail-item{margin-bottom:16px}.detail-label{color:#666;font-weight:500;margin-right:8px}.detail-value{color:#333}.detail-description{background-color:#f8f8f8;border-left:3px solid #1890ff;border-radius:4px;margin-top:8px;min-height:60px;padding:12px;white-space:pre-line}.detail-attachments{margin-top:8px}.attachment-list{list-style:none;margin:0;padding:0}.attachment-item{align-items:center;border-bottom:1px dashed #f0f0f0;display:flex;padding:8px 0}.attachment-item .anticon{color:#1890ff;margin-right:8px}.detail-actions{border-top:1px solid #f0f0f0;display:flex;gap:12px;margin-top:24px;padding-top:24px}.history-view{padding:8px}.history-header{border-bottom:1px solid #f0f0f0;margin-bottom:24px;padding-bottom:16px}.history-header h3{font-size:18px;margin:0 0 12px}.status-timeline{margin-top:24px}.timeline-item{padding:4px 0}.timeline-status{font-weight:500;margin-bottom:4px}.timeline-time{margin-bottom:2px}.timeline-time,.timeline-user{color:#888;font-size:12px}@media (max-width:768px){.filter-row{align-items:flex-start;flex-direction:column}.filter-row>*{margin-bottom:8px;width:100%!important}.detail-header{align-items:flex-start;flex-direction:column}.detail-status{margin-top:12px}}.audit-logs-container{font-family:Arial,sans-serif;margin:0 auto;max-width:1600px;padding:24px}.page-title{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.filters-panel{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:24px;padding:20px}.filters-panel h3{color:#333;font-size:16px;margin-bottom:16px}.filter-item{display:flex;flex-direction:column}.filter-item label{color:#555;font-weight:500;margin-bottom:8px}.table-info{display:flex;justify-content:space-between;margin-bottom:16px}.record-count{color:#666;font-size:14px}.export-buttons{display:flex;justify-content:flex-start;margin-top:24px}.export-btn{align-items:center;display:flex}.details-cell{background-color:#f5f7fa;border-left:3px solid #1890ff;border-radius:6px;font-family:Roboto Mono,monospace,Courier New,Courier;font-size:13px;line-height:1.5;max-height:180px;max-width:300px;overflow:auto;padding:8px 12px}.details-cell::-webkit-scrollbar{height:6px;width:6px}.details-cell::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.details-cell::-webkit-scrollbar-track{background-color:#0000000d}.ant-table-tbody>tr:nth-child(odd){background-color:#fafafa}.ant-table-tbody>tr:hover{background-color:#e6f7ff!important}.ant-tag{margin-right:0}.ant-table-tbody>tr>td{padding:12px 16px}@media (max-width:768px){.filters{flex-direction:column}.filter-item{width:100%}}.navbar{background:linear-gradient(135deg,#4a90e2,#50e3c2);box-shadow:0 4px 6px #0000001a;font-family:Arial,sans-serif;padding:1rem 2rem;position:sticky;top:0;z-index:1000}.navbar ul{align-items:center;display:flex;gap:2rem;justify-content:center;list-style-type:none;margin:0;padding:0}.navbar li{transition:transform .2s ease,opacity .2s ease}.navbar li:hover{opacity:.9;transform:translateY(-3px)}.navbar a{align-items:center;border-radius:4px;color:#fff;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.navbar a:hover{background:#ffffff1a;color:gold}.navbar .logo{color:#fff;font-size:1.5rem;font-weight:700;margin-right:auto;text-transform:uppercase}.navbar .auth-button{background:#fff;border:none;border-radius:5px;color:#4a90e2;cursor:pointer;margin-left:1rem;padding:.5rem 1rem;transition:background .3s,transform .2s}.navbar .auth-button:hover{background:#f0f0f0;transform:translateY(-2px)}.navbar a.active{border-bottom:2px solid gold;color:gold}.logout-nav-item{margin-left:auto}.logout-nav-button{align-items:center;background-color:#9acd32;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease}.logout-nav-button:hover{background-color:#d32f2f}.loading-container{align-items:center;animation:fadeIn 1s ease-out,gradientMove 15s ease infinite;background:linear-gradient(135deg,#c6ffdd,#fbd786,#f7797d);bottom:0;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;left:0;margin:0;overflow:hidden;padding:0;position:fixed;right:0;text-align:center;top:0;width:100vw}.loading-spinner{animation:spin 1s linear infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid #ffffff26;border-radius:50%;border-top-color:#fff;box-shadow:0 4px 15px #0000001a;height:60px;width:60px}.loading-text{animation:fadeIn 1s ease-out .3s forwards;color:#fff;font-size:1.2em;margin-top:20px;opacity:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}