body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.raise-query-page{min-height:100%;padding:28px}.raise-query-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.5fr)}.raise-query-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);padding:20px;position:-webkit-sticky;position:sticky;top:24px}.raise-query-header{margin-bottom:22px}.raise-query-header h1{color:var(--text);font-size:24px;font-weight:600;letter-spacing:-.3px;margin:0 0 5px}.raise-query-header p{color:var(--text3);font-size:12px;margin:0}.raise-query-form{display:flex;flex-direction:column;gap:17px}.form-group input,.form-group select,.form-group textarea{border-radius:10px;border-radius:var(--radius,10px);font-family:var(--font-body,inherit);font-size:12.5px;transition:all .2s ease;transition:var(--trans,all .2s ease)}.form-group input{height:40px}.form-group textarea{line-height:1.55;min-height:105px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg4)}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.query-error{background:var(--red-bg);border:1px solid var(--red);border-radius:10px;border-radius:var(--radius,10px);color:var(--red);font-size:12px;padding:10px 12px}.raise-query-actions{display:flex;gap:9px;justify-content:flex-end;margin-top:2px}.query-clear-btn,.query-submit-btn{border-radius:10px;border-radius:var(--radius,10px);cursor:pointer;font-size:12px;font-weight:500;height:36px;padding:0 15px;transition:all .2s ease;transition:var(--trans,all .2s ease)}.query-clear-btn{background:#0000;border:1px solid var(--border2);color:var(--text2)}.query-clear-btn:hover:not(:disabled){background:var(--bg3);color:var(--text)}.query-submit-btn{background:var(--accent);border:1px solid var(--accent);color:#fff}.query-submit-btn:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.query-clear-btn:disabled,.query-submit-btn:disabled{cursor:not-allowed;opacity:.5}.my-queries-panel{display:flex;flex-direction:column;height:calc(100vh - 190px);min-height:500px;min-width:0}.query-stats{grid-gap:12px;display:grid;flex-shrink:0;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.query-stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);box-sizing:border-box;display:flex;flex-direction:column;gap:5px;justify-content:center;min-height:72px;padding:15px 17px}.query-stat-label{color:var(--text3);font-size:10.5px;letter-spacing:.5px;text-transform:uppercase}.query-stat-value{color:var(--text);font-family:inherit;font-family:var(--font-display,inherit);font-size:22px;font-weight:700;line-height:1}.recent-queries-section{background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.recent-queries-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:17px 18px}.recent-queries-header h2{color:var(--text);font-size:15px;font-weight:600;margin:0}.recent-queries-list{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:10px}.recent-queries-list::-webkit-scrollbar{width:4px}.recent-queries-list::-webkit-scrollbar-track{background:#0000}.recent-queries-list::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.recent-query-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);cursor:pointer;margin-bottom:8px;outline:none;padding:14px;transition:all .2s ease;transition:var(--trans,all .2s ease)}.recent-query-card:last-child{margin-bottom:0}.recent-query-card:hover{background:var(--bg4);border-color:var(--border2)}.recent-query-card:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.recent-query-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.recent-query-top h3{color:var(--text);font-size:13px;font-weight:500;line-height:1.4;margin:0;min-width:0;word-break:break-word}.recent-query-message{color:var(--text2);font-size:11.5px;line-height:1.5;margin:7px 0 8px;word-break:break-word}.recent-query-meta{color:var(--text3);font-size:10.5px;margin:0}.query-status{align-items:center;border-radius:99px;display:inline-flex;flex-shrink:0;font-size:9.5px;font-weight:500;justify-content:center;line-height:1;padding:4px 8px;text-transform:uppercase}.query-status.open{background:var(--accent-glow);color:var(--accent)}.query-status.in-progress{background:var(--amber-bg);color:var(--amber)}.query-status.reopened{background:#8b5cf61f;color:#8b5cf6}.query-status.closed,.query-status.completed,.query-status.resolved{background:var(--green-bg);color:var(--green)}.query-priority{align-items:center;border-radius:99px;display:inline-flex;flex-shrink:0;font-size:9.5px;font-weight:500;justify-content:center;line-height:1;padding:4px 8px;text-transform:uppercase}.query-priority.low{background:var(--bg4);color:var(--text3)}.query-priority.medium{background:var(--accent-glow);color:var(--accent)}.query-priority.high{background:var(--amber-bg);color:var(--amber)}.query-priority.urgent{background:var(--red-bg);color:var(--red)}.query-pagination{align-items:center;border-top:1px solid var(--border);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:11px 15px}.query-page-size{align-items:center;color:var(--text3);display:flex;font-size:10.5px;gap:8px}.query-page-size select{background:var(--bg3);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);color:var(--text);font-size:10.5px;height:29px;outline:none;padding:0 8px}.query-page-size select:hover{border-color:var(--border2)}.query-page-size select:focus{border-color:var(--accent)}.query-pagination-controls{align-items:center;display:flex;gap:9px}.query-pagination-controls button{background:var(--bg3);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);color:var(--text2);cursor:pointer;font-size:10.5px;height:29px;padding:0 11px;transition:all .2s ease;transition:var(--trans,all .2s ease)}.query-pagination-controls button:hover:not(:disabled){background:var(--bg4);border-color:var(--border2);color:var(--text)}.query-pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.query-pagination-controls span{color:var(--text3);font-size:10.5px;min-width:65px;text-align:center}.query-details-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000009e;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.query-details-modal{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow:hidden;width:min(610px,100%)}.query-details-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 18px}.query-details-header h2{color:var(--text);font-size:15px;font-weight:600;margin:0}.query-details-close{align-items:center;background:var(--bg3);border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius,10px);color:var(--text2);cursor:pointer;display:flex;font-size:18px;height:29px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;transition:var(--trans,all .2s ease);width:29px}.query-details-close:hover{background:var(--bg4);color:var(--text)}.query-details-body{overflow-y:auto;padding:18px}.query-details-body::-webkit-scrollbar{width:4px}.query-details-body::-webkit-scrollbar-track{background:#0000}.query-details-body::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}.query-details-status-row{align-items:center;display:flex;gap:7px;margin-bottom:14px}.query-details-content{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.query-detail-box{background:var(--bg3);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);box-sizing:border-box;padding:13px 14px;width:100%}.query-detail-label{color:var(--text3);display:block;font-size:9.5px;font-weight:500;letter-spacing:.6px;margin-bottom:6px;text-transform:uppercase}.query-detail-box h3{color:var(--text);font-size:13px;font-weight:500;line-height:1.5;margin:0;word-break:break-word}.query-message-box{display:flex;flex-direction:column}.query-details-message{color:var(--text2);font-size:12px;font-weight:400;line-height:1.65;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.query-details-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.query-detail-field{background:var(--bg3);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);min-width:0;padding:12px 13px}.query-detail-field>label{color:var(--text3);display:block;font-size:9.5px;font-weight:500;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.query-detail-field>span{color:var(--text2);display:block;font-size:11.5px;line-height:1.5;word-break:break-word}.query-details-error,.query-details-loading{font-size:12px;padding:35px 20px;text-align:center}.query-details-loading{color:var(--text3)}.query-details-error{color:var(--red)}.query-details-footer{border-top:1px solid var(--border);display:flex;flex-shrink:0;justify-content:flex-end;padding:11px 18px}.query-details-close-btn{background:var(--bg3);border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius,10px);color:var(--text2);cursor:pointer;font-size:11.5px;font-weight:500;height:33px;padding:0 15px;transition:all .2s ease;transition:var(--trans,all .2s ease)}.query-details-close-btn:hover{background:var(--bg4);color:var(--text)}.form-group input:-webkit-autofill,.form-group input:-webkit-autofill:focus,.form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg3) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}@media (max-width:1100px){.raise-query-layout{grid-template-columns:1fr}.raise-query-card{position:static}.my-queries-panel{height:600px;min-height:0}}@media (max-width:600px){.raise-query-page{padding:14px}.raise-query-card{padding:17px}.form-row{gap:17px;grid-template-columns:1fr}.query-stats{gap:7px}.query-stat-card{padding:11px}.query-stat-label{font-size:9px}.query-stat-value{font-size:18px}.recent-query-card{padding:12px}.recent-query-top{flex-direction:column;gap:7px}.query-pagination{align-items:stretch;flex-direction:column;gap:9px}.query-page-size,.query-pagination-controls{justify-content:space-between}.query-details-overlay{padding:10px}.query-details-modal{max-height:calc(100vh - 20px)}.query-details-body{padding:15px}.query-details-grid{grid-template-columns:1fr}.query-details-footer{padding:10px 15px}}.raise-query-page{color-scheme:dark}html[data-theme=light] .raise-query-page{color-scheme:light}.raise-query-page .raise-query-form .form-group input,.raise-query-page .raise-query-form .form-group select,.raise-query-page .raise-query-form .form-group textarea{background-color:var(--bg3)!important;border-color:var(--border)!important;color:var(--text)!important}.raise-query-page .raise-query-form .form-group input::placeholder,.raise-query-page .raise-query-form .form-group textarea::placeholder{color:var(--text3)!important}.raise-query-page .raise-query-form .form-group input:focus,.raise-query-page .raise-query-form .form-group select:focus,.raise-query-page .raise-query-form .form-group textarea:focus{background-color:var(--bg4)!important;border-color:var(--accent)!important;color:var(--text)!important}.raise-query-page .raise-query-form .form-group select option{background-color:var(--bg3);color:var(--text)}.raise-query-page .raise-query-form .form-group input:-webkit-autofill,.raise-query-page .raise-query-form .form-group input:-webkit-autofill:focus,.raise-query-page .raise-query-form .form-group input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text)!important;box-shadow:0 0 0 1000px var(--bg3) inset!important}html[data-theme=light] .raise-query-page .raise-query-form .form-group input,html[data-theme=light] .raise-query-page .raise-query-form .form-group select,html[data-theme=light] .raise-query-page .raise-query-form .form-group textarea{background-color:var(--bg3)!important;color:var(--text)!important}html[data-theme=light] .raise-query-page .raise-query-form .form-group input:focus,html[data-theme=light] .raise-query-page .raise-query-form .form-group select:focus,html[data-theme=light] .raise-query-page .raise-query-form .form-group textarea:focus{background-color:var(--bg4)!important}.manage-query-page{box-sizing:border-box;color:var(--text);font-family:inherit;padding:24px;width:100%}.manage-query-header{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.manage-query-header h1{color:var(--text);font-size:24px;font-weight:700;letter-spacing:-.4px;margin:0}.manage-query-header p{color:var(--text3);font-size:13px;margin:6px 0 0}.manage-query-stats-grid{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.manage-query-stat-card{background:var(--bg3);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);min-width:110px;padding:12px 18px;text-align:center;transition:all .2s;transition:var(--trans,all .2s)}.manage-query-stat-card:hover{border-color:var(--border2);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.manage-query-stat-card .stat-label{color:var(--text3);display:block;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.manage-query-stat-card .stat-value{color:var(--text);display:block;font-size:20px;font-weight:700;margin-top:4px}.manage-query-stat-card.total .stat-value{color:var(--accent)}.manage-query-stat-card.pending .stat-value{color:var(--amber)}.manage-query-stat-card.resolved .stat-value{color:var(--green)}.manage-query-stat-card.closed .stat-value{color:var(--text2)}.manage-query-filters{align-items:flex-end;background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px 20px}.manage-query-search{display:flex;flex:1 1;gap:8px;min-width:260px}.manage-query-action-row select,.manage-query-filter select,.manage-query-page-size select,.manage-query-resolution textarea,.manage-query-search input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);box-sizing:border-box;color:var(--text);font-family:inherit;outline:none;transition:border-color .2s;transition:var(--trans,border-color .2s)}.manage-query-action-row select option,.manage-query-filter select option,.manage-query-search input option{background:var(--bg2);color:var(--text)}.manage-query-search input{flex:1 1;font-size:14px;height:42px;padding:0 14px}.manage-query-search input::placeholder{color:var(--text3)}.manage-query-action-row select:focus,.manage-query-filter select:focus,.manage-query-page-size select:focus,.manage-query-resolution textarea:focus,.manage-query-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.manage-query-action-row button,.manage-query-resolve-button,.manage-query-search button{background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius,8px);color:#fff;cursor:pointer;font-weight:600;transition:var(--trans)}.manage-query-action-row button:hover:not(:disabled),.manage-query-search button:hover{background:var(--accent2)}.manage-query-search button{font-size:14px;height:42px;padding:0 20px}.manage-query-filter{display:flex;flex-direction:column;gap:6px;min-width:150px}.manage-query-filter label{color:var(--text2);font-size:12px;font-weight:600}.manage-query-filter select{cursor:pointer;font-size:13.5px;height:42px;padding:0 12px}.manage-query-action-error,.manage-query-error{background:var(--red-bg);border:1px solid var(--red);border-radius:8px;border-radius:var(--radius,8px);color:var(--red);font-size:14px;margin-bottom:20px;padding:12px 16px}.manage-query-table-container{background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 2px 8px #0000000a;min-height:320px;overflow-x:auto;width:100%}.manage-query-table{border-collapse:collapse;min-width:1050px;width:100%}.manage-query-table th{background:var(--bg3);color:var(--text2);font-size:12px;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap}.manage-query-table td,.manage-query-table th{border-bottom:1px solid var(--border);padding:14px 18px}.manage-query-table td{color:var(--text);font-size:13.5px;vertical-align:middle}.manage-query-table tbody tr:hover{background:var(--bg3)}.manage-query-ticket{color:var(--accent);font-weight:700;white-space:nowrap}.manage-query-subject{color:var(--text);font-weight:600}.manage-query-message,.manage-query-subject{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-query-message{color:var(--text3);font-size:12px;margin-top:3px}.manage-query-priority,.manage-query-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;letter-spacing:.3px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.manage-query-status.open{background:var(--accent-glow);border:1px solid var(--accent);color:var(--accent)}.manage-query-status.in-progress{background:var(--amber-bg);border:1px solid var(--amber);color:var(--amber)}.manage-query-status.resolved{background:var(--green-bg);border:1px solid var(--green);color:var(--green)}.manage-query-status.closed{background:var(--bg3);border:1px solid var(--border);color:var(--text2)}.manage-query-status.reopened{background:#a855f726;border:1px solid #a855f7;color:#a855f7}.manage-query-priority.low{background:var(--bg3);color:var(--text2)}.manage-query-priority.medium{background:var(--accent-glow);color:var(--accent)}.manage-query-priority.high{background:var(--amber-bg);color:var(--amber)}.manage-query-priority.urgent{background:var(--red-bg);color:var(--red)}.manage-query-view-button{background:var(--accent-glow);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);color:var(--accent);cursor:pointer;font-size:12.5px;font-weight:600;padding:7px 14px;transition:var(--trans)}.manage-query-view-button:hover{background:var(--accent);color:#fff}.manage-query-empty,.manage-query-loading{align-items:center;color:var(--text3);display:flex;font-size:14px;justify-content:center;min-height:300px}.manage-query-pagination{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;gap:16px;justify-content:space-between;margin-top:20px;padding:12px 18px}.manage-query-page-controls,.manage-query-page-size{align-items:center;display:flex;gap:10px}.manage-query-page-controls span,.manage-query-page-size span{color:var(--text2);font-size:13px}.manage-query-page-size select{cursor:pointer;font-size:13px;height:36px;padding:0 10px}.manage-query-page-controls button{background:var(--bg3);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);color:var(--text);cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px;transition:var(--trans)}.manage-query-page-controls button:hover:not(:disabled){background:var(--border2)}.manage-query-page-controls button:disabled{cursor:not-allowed;opacity:.45}.manage-query-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}.manage-query-modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 24px 48px #0006;color:var(--text);max-height:90vh;overflow:hidden;width:min(950px,100%)}.manage-query-modal-header{align-items:flex-start;background:var(--bg3);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.manage-query-modal-ticket{color:var(--accent);font-size:12px;font-weight:700}.manage-query-modal-header h2{color:var(--text);font-size:20px;margin:4px 0 0}.manage-query-modal-close{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);color:var(--text2);cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;transition:var(--trans);width:32px}.manage-query-modal-close:hover{background:var(--border2);color:var(--text)}.manage-query-modal-body{max-height:calc(90vh - 80px);overflow-y:auto;padding:24px}.manage-query-detail-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.manage-query-detail-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);padding:14px}.manage-query-detail-item span:first-child{color:var(--text3);display:block;font-size:11.5px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.manage-query-detail-item strong{color:var(--text);font-size:13.5px}.manage-query-lifecycle-box{background:var(--bg3);border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg,16px);margin-top:20px;padding:18px 20px}.manage-query-lifecycle-box .lifecycle-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.manage-query-lifecycle-box .lifecycle-header h3{color:var(--text);font-size:14px;font-weight:700;margin:0}.lifecycle-timeline{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.timeline-step{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:10px;border-radius:var(--radius,10px);display:flex;gap:10px;opacity:.6;padding:12px;transition:all .2s;transition:var(--trans,all .2s)}.timeline-step.active{border-color:var(--accent);box-shadow:0 2px 8px var(--accent-glow);opacity:1}.timeline-step .step-indicator{align-items:center;background:var(--bg3);border-radius:50%;color:var(--text3);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:26px;justify-content:center;width:26px}.timeline-step.active .step-indicator{background:var(--accent);color:#fff}.timeline-step .step-info{display:flex;flex-direction:column;min-width:0}.timeline-step .step-title{color:var(--text);font-size:12px;font-weight:700}.timeline-step .step-time,.timeline-step .step-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-step .step-time{color:var(--text3);font-size:11px;margin-top:2px}.timeline-step.active .step-time{color:var(--text2);font-weight:500}.manage-query-actions-section,.manage-query-activity-section,.manage-query-message-section{margin-top:24px}.manage-query-actions-section h3,.manage-query-activity-section h3,.manage-query-message-section h3{color:var(--text);font-size:15px;font-weight:700;margin:0 0 12px}.manage-query-full-message{background:var(--bg3);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);color:var(--text);font-size:14px;line-height:1.6;padding:16px;white-space:pre-wrap}.manage-query-resolution-display-section{margin-top:20px}.manage-query-resolution-display-section h3{color:var(--green);font-size:15px;font-weight:700;margin:0 0 10px}.manage-query-resolution-display-box{background:var(--green-bg);border:1px solid var(--green);border-radius:8px;border-radius:var(--radius,8px);color:var(--text);font-size:14px;font-weight:500;line-height:1.6;padding:16px;white-space:pre-wrap}.manage-query-action-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.manage-query-action-group label,.manage-query-resolution label{color:var(--text2);display:block;font-size:12.5px;font-weight:600;margin-bottom:7px}.manage-query-action-row{display:flex;gap:8px}.manage-query-action-row select{flex:1 1;font-size:13.5px;height:40px;min-width:0;padding:0 12px}.manage-query-action-row button{font-size:13px;height:40px;padding:0 16px}.manage-query-action-row button:disabled,.manage-query-close-query-button:disabled,.manage-query-resolve-button:disabled{cursor:not-allowed;opacity:.5}.manage-query-resolution{margin-top:18px}.manage-query-resolution textarea{box-sizing:border-box;font-size:13.5px;padding:12px;resize:vertical;width:100%}.manage-query-resolve-button{background:var(--green);font-size:13.5px;margin-top:10px;padding:10px 18px}.manage-query-resolve-button:hover:not(:disabled){filter:brightness(.9)}.manage-query-close-action{display:flex;justify-content:flex-end;margin-top:14px}.manage-query-close-query-button{background:var(--bg4);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);color:var(--text);cursor:pointer;font-size:13.5px;font-weight:600;padding:10px 18px;transition:var(--trans)}.manage-query-close-query-button:hover:not(:disabled){background:var(--border2)}.manage-query-action-success{background:var(--green-bg);border:1px solid var(--green);border-radius:8px;border-radius:var(--radius,8px);color:var(--green);font-size:14px;margin-top:14px;padding:12px 16px}.manage-query-activity-list{display:flex;flex-direction:column;gap:12px}.manage-query-activity-item{background:var(--bg3);border:1px solid var(--border);border-radius:8px;border-radius:var(--radius,8px);display:flex;gap:12px;padding:14px}.manage-query-activity-icon{align-items:center;background:var(--accent-glow);border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.manage-query-activity-content{flex:1 1;min-width:0}.manage-query-activity-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.manage-query-activity-type{font-size:11px;font-weight:700;text-transform:uppercase}.manage-query-activity-type.created{color:var(--accent)}.manage-query-activity-type.assigned{color:#a855f7}.manage-query-activity-type.status-updated{color:var(--amber)}.manage-query-activity-type.resolved{color:var(--green)}.manage-query-activity-type.closed{color:var(--text3)}.manage-query-activity-date{color:var(--text3);font-size:11.5px}.manage-query-activity-content p{color:var(--text);font-size:13px;line-height:1.5;margin:6px 0}.manage-query-activity-user{color:var(--text3);font-size:11px}.manage-query-activity-empty,.manage-query-activity-loading{background:var(--bg3);border:1px dashed var(--border);border-radius:8px;border-radius:var(--radius,8px);color:var(--text3);padding:24px;text-align:center}@media (max-width:800px){.manage-query-page{padding:16px}.manage-query-header{align-items:flex-start;gap:15px}.manage-query-filters{align-items:stretch;flex-direction:column}.manage-query-filter,.manage-query-search{width:100%}.manage-query-detail-grid{grid-template-columns:1fr 1fr}.manage-query-action-grid{grid-template-columns:1fr}.manage-query-pagination{align-items:flex-start;flex-direction:column}}@media (max-width:520px){.manage-query-detail-grid{grid-template-columns:1fr}.manage-query-modal-overlay{padding:10px}.manage-query-modal-body,.manage-query-modal-header{padding:16px}.manage-query-activity-top{align-items:flex-start;flex-direction:column;gap:4px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08090d;--bg2:#0f1118;--bg3:#161922;--bg4:#1e2230;--surface:#1a1e2a;--surface2:#222738;--border:#ffffff12;--border2:#ffffff1f;--text:#e8eaf0;--text2:#9ba3b8;--text3:#5c6478;--accent:#4f7dff;--accent2:#3d6aff;--accent-glow:#4f7dff22;--green:#22c97a;--green-bg:#22c97a18;--red:#ff4f6a;--red-bg:#ff4f6a18;--amber:#f5a623;--amber-bg:#f5a62318;--blue-light:#7eb8ff;--gold:#ffd166;--platinum:#a8b8d0;--bronze:#cd7f32;--radius:10px;--radius-lg:16px;--radius-xl:24px;--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--sidebar:260px;--header:64px;--trans:all 0.2s cubic-bezier(0.4,0,0.2,1)}html{background:#08090d;background:var(--bg);color:#e8eaf0;color:var(--text);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px}body{min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:DM Sans,sans-serif;font-family:var(--font-body)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1f;background:var(--border2);border-radius:99px}#page-login,.app{display:flex;min-height:100vh}#page-login{align-items:center;background:#08090d;background:var(--bg);justify-content:center;padding:40px}.login-box{background:#0f1118;background:var(--bg2);border:1px solid #ffffff12;border:1px solid var(--border);border-radius:24px;border-radius:var(--radius-xl);max-width:420px;padding:40px;width:100%}.login-logo{margin-bottom:32px;text-align:center}.login-logo #login-logo-img{margin-bottom:16px}.login-logo h1{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.4px}.login-logo h1 span{color:#4f7dff;color:var(--accent)}.login-logo p{color:#5c6478;color:var(--text3);font-size:13px;margin-top:4px}.form-field{margin-bottom:18px}.form-label{color:#9ba3b8;color:var(--text2);display:block;font-size:11.5px;font-weight:500;letter-spacing:.6px;margin-bottom:8px;text-transform:uppercase}.form-input{background:#161922;background:var(--bg3);border:1px solid #ffffff1f;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);box-sizing:border-box;color:#e8eaf0;color:var(--text);font-size:13.5px;outline:none;padding:11px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--trans);width:100%}.form-input:focus{background:#1e2230;background:var(--bg4);border-color:#4f7dff;border-color:var(--accent)}.form-input::placeholder{color:#5c6478;color:var(--text3)}.btn-primary{background:#4f7dff;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;cursor:pointer;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:.3px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--trans);width:100%}.btn-primary:hover{background:#3d6aff;background:var(--accent2);transform:translateY(-1px)}.btn-primary:active{transform:none}.login-footer{color:#5c6478;color:var(--text3);font-size:12px;margin-top:20px;text-align:center}.login-footer a{color:#4f7dff;color:var(--accent)}.okr-icon-btn{color:var(--text)}.progress-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.progress-modal-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;overflow:hidden;width:430px}.progress-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 22px}.progress-modal-header h3{color:#111827;font-size:19px;font-weight:600;margin:0}.progress-modal-header p{color:#6b7280;font-size:13px;margin:5px 0 0}.progress-close-btn{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:25px;line-height:1}.progress-modal-body{padding:22px}.progress-form-group{margin-bottom:18px}.progress-form-group label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:7px}.progress-form-group input,.progress-form-group select{border:1px solid #d1d5db;border-radius:7px;box-sizing:border-box;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s ease;width:100%}.progress-form-group input:focus,.progress-form-group select:focus{border-color:#2563eb}.progress-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.progress-cancel-btn,.progress-save-btn{border-radius:7px;cursor:pointer;font-size:13px;font-weight:500;padding:9px 16px}.progress-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.progress-save-btn{background:#2563eb;border:1px solid #2563eb;color:#fff}.progress-save-btn:hover{background:#1d4ed8}.progress-form-group textarea{border:1px solid #d1d5db;border-radius:7px;box-sizing:border-box;font-family:inherit;font-size:14px;outline:none;padding:10px 12px;resize:vertical;transition:border-color .2s ease;width:100%}.progress-form-group textarea:focus{border-color:#2563eb}.okr-progress{min-width:70px;width:100%}.okr-progress-track{background:#e9ecef;border-radius:20px;height:7px;overflow:hidden;width:100%}.okr-progress-fill{align-items:center;border-radius:20px;display:flex;font-size:11px;font-weight:600;height:100%;justify-content:center;min-width:5px;transition:width .4s ease}.progress-red{color:#fff}.progress-yellow{color:#212529}.progress-green{color:#fff}.show-okr-modal-overlay{align-items:center;background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.show-okr-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 50px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:100%;overflow:hidden;width:700px}.show-okr-modal-header{align-items:flex-start;background:var(--surface);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.show-okr-modal-header h3{color:var(--text);font-size:18px;font-weight:600;margin:0}.show-okr-modal-header p{color:var(--text3);font-size:13px;margin:5px 0 0}.show-okr-modal-body{background:var(--bg2);overflow-y:auto;padding:24px}.okr-detail-section{background:var(--bg3);border:1px solid var(--border);border-radius:10px;margin-bottom:24px;padding:18px}.okr-detail-item{margin-bottom:18px}.okr-detail-item:last-child{margin-bottom:0}.okr-detail-item label{color:var(--text3);display:block;font-size:11px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.okr-detail-value{color:var(--text);font-size:14px;line-height:1.5}.okr-detail-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.weekly-history-section{flex:1 1;margin-top:10px;min-height:0;overflow-x:hidden;overflow-y:auto}.history{display:flex;gap:10px;justify-content:space-around;margin-bottom:12px}.history-tab{background:var(--bg4);border:1px solid var(--border2);border-radius:6px;color:var(--text2);cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:all .2s ease}.history-tab:hover{background:var(--surface2);border-color:var(--accent);color:var(--text)}.history-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.weekly-history-list{display:flex;flex-direction:column;gap:10px}.fogs-history-item,.weekly-history-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:14px 16px;transition:border-color .2s ease}.fogs-history-item:hover,.weekly-history-item:hover{border-color:var(--border2)}.weekly-history-week{color:var(--text);font-size:13px;font-weight:600;margin-bottom:10px}.weekly-history-progress{align-items:center;display:flex;gap:10px}.weekly-progress-track{background:var(--bg4);border-radius:10px;flex:1 1;height:6px;overflow:hidden}.weekly-progress-fill{border-radius:10px;height:100%;transition:width .3s ease}.weekly-history-progress span{color:var(--text2);font-size:12px;min-width:70px;text-align:right}.weekly-history-remarks{color:var(--text3);font-size:12px;margin-top:9px}.weekly-history-remarks strong{color:var(--text2)}.fogs-history-item{padding:14px 16px}.fogs-history-date{color:var(--text3);font-size:11px;margin-bottom:14px}.fogs-history-field{margin-bottom:13px}.fogs-history-field:last-child{margin-bottom:0}.fogs-history-label{color:var(--text3);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.fogs-history-value{background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px;line-height:1.5;padding:8px 10px;word-break:break-word}.no-weekly-updates{background:var(--bg3);border:1px solid var(--border);border-radius:8px;color:var(--text3);padding:25px;text-align:center}.weekly-history-section::-webkit-scrollbar{width:5px}.weekly-history-section::-webkit-scrollbar-track{background:#0000}.weekly-history-section::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}.weekly-history-section::-webkit-scrollbar-thumb:hover{background:var(--text3)}.progress-red{background:var(--red)}.progress-yellow{background:var(--amber)}.progress-green{background:var(--green)}.show-okr-modal-footer{background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding:16px 24px}.weekly-history-header{align-items:center;display:flex;gap:15px;justify-content:space-between}.show-history-btn{background:var(--bg4);border:1px solid var(--border);border-radius:6px;color:var(--text2);cursor:pointer;font-size:11px;font-weight:600;padding:5px 10px;transition:all .2s ease}.show-history-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.week-update-history{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.week-update-history-title{color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.week-update-history-item{background:var(--bg3);border:1px solid var(--border);border-radius:6px;margin-bottom:7px;padding:10px 12px}.week-update-history-item:last-child{margin-bottom:0}.week-update-history-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.week-update-history-top span{color:var(--text3);font-size:10px}.week-update-history-top strong{color:var(--text);font-size:12px}.week-update-history-remarks{color:var(--text3);font-size:11px;line-height:1.4}.week-update-history-remarks strong{color:var(--text2)}.sidebar{background:var(--bg2);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:var(--sidebar);z-index:100}.sidebar-nav{flex:1 1;padding:16px 12px}.nav-section-label{color:var(--text3);font-size:10px;font-weight:500;letter-spacing:1.2px;margin:16px 0 6px;padding:0 8px;text-transform:uppercase}.sidebar-logo{border-bottom:1px solid var(--border);padding:24px 20px 20px}#sidebar-logo-img img{height:40px}.nav-item{align-items:center;border-radius:var(--radius);color:var(--text2);cursor:pointer;display:flex;font-size:13.5px;font-weight:400;gap:10px;margin-bottom:2px;padding:9px 12px;position:relative;text-decoration:none;transition:var(--trans)}.nav-item:hover{background:var(--bg3);color:var(--text)}.nav-item.active{background:var(--accent-glow);color:var(--accent)}.nav-item.active:before{background:var(--accent);border-radius:0 3px 3px 0;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-badge{background:var(--accent);border-radius:99px;color:#fff;font-size:10px;font-weight:600;margin-left:auto;padding:2px 6px}.sidebar-footer{border-top:1px solid var(--border);padding:16px}.user-card{cursor:pointer;gap:10px;width:100%}.user-avatar,.user-card{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#4f7dff,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:34px;justify-content:center;width:34px}.user-info-container{width:100%}.user-name{font-size:13px;font-weight:500;width:100%}.user-info,.user-name{align-items:center;display:flex;justify-content:space-between}.user-info{padding-bottom:5px;width:50%}.logout-button{background:none;border:none;color:var(--text3);cursor:pointer;font-size:12px;padding-bottom:5px}.user-role{color:var(--text3);font-size:11px}.user-more{color:var(--text3);margin-left:auto}.topbar{background:var(--bg);border-bottom:1px solid var(--border);justify-content:space-between;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-left{align-items:center;display:flex}.topbar-left{gap:16px}.page-title{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.4px}.breadcrumb{align-items:center;color:var(--text3);display:flex;font-size:12px;gap:6px}.breadcrumb span{color:var(--text2)}.topbar-right{gap:8px}.topbar-btn,.topbar-right{align-items:center;display:flex}.topbar-btn{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;height:34px;justify-content:center;position:relative;transition:var(--trans);width:34px}.topbar-btn:hover{background:var(--bg3);color:var(--text)}.notif-dot{background:var(--accent);border:2px solid var(--bg);border-radius:50%;height:6px;position:absolute;right:7px;top:7px;width:6px}.cycle-selector{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);cursor:pointer;display:flex;font-size:12px;gap:6px;height:34px;padding:0 12px}.cycle-selector strong{color:var(--text);font-weight:500}.cycle-selector svg{color:var(--text3);height:14px;width:14px}.page{animation:fadeIn .3s ease;padding:28px}.page.active{display:block}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.2px}.section-sub{color:var(--text3);font-size:12px;margin-top:2px}[data-theme=light]{--bg:#f0f2f7;--bg2:#fff;--bg3:#f5f7fc;--bg4:#e8ecf5;--surface:#fff;--surface2:#f0f2f7;--border:#e2e6f0;--border2:#c8d0e0;--text:#1a1f2e;--text2:#4a5168;--text3:#8890a8;--accent:#2558d4;--accent2:#1a47c0;--accent-glow:#2558d415;--green:#16a35e;--green-bg:#16a35e15;--red:#e8354a;--red-bg:#e8354a12;--amber:#d4820a;--amber-bg:#d4820a12;--blue-light:#2558d4;--gold:#c49a00;--platinum:#6a7a90;--bronze:#9a5a1a}.app-layout{background:var(--bg);min-height:100vh}.main-area{display:flex;flex-direction:column;margin-left:var(--sidebar);min-height:100vh}.topbar{flex-shrink:0;height:var(--header)}.page-content{background:var(--bg);box-sizing:border-box;flex:1 1;padding:24px}.role-count{color:var(--text3);font-size:11px;margin-top:2px}.role-table-wrap{overflow-x:auto;width:100%}.role-table{border-collapse:collapse;min-width:850px;width:100%}.role-table th{background:var(--bg2);color:var(--text3);font-size:10.5px;font-weight:500;letter-spacing:.8px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.role-table td,.role-table th{border-bottom:1px solid var(--border)}.role-table td{color:var(--text);font-size:13px;padding:12px 14px;vertical-align:middle}.role-table tr:last-child td{border-bottom:none}.role-table tbody tr{cursor:pointer;transition:var(--trans)}.role-table tbody tr:hover td{background:var(--bg3)}.role-description{color:var(--text2);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-actions{gap:8px}.role-action-btn,.role-actions{align-items:center;display:flex}.role-action-btn{background:#0000;border:none;border-radius:var(--radius);cursor:pointer;height:34px;justify-content:center;transition:var(--trans);width:34px}.role-action-btn svg{stroke:currentColor}.role-action-btn.edit{color:var(--accent)}.role-action-btn.edit:hover{background:var(--accent-glow)}.role-action-btn.delete{color:var(--red)}.role-action-btn.delete:hover{background:var(--red-bg)}.role-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.role-modal{animation:modalIn .25s ease;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:550px;overflow:hidden;width:100%}.role-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.role-modal-title{color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:600}.role-close-btn{background:#0000;border:none;border-radius:50%;color:var(--text2);cursor:pointer;font-size:18px;height:34px;transition:var(--trans);width:34px}.role-close-btn:hover{background:var(--bg3);color:var(--text)}.role-form{padding:22px}.role-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr}.form-group input,.form-group textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-size:13px;outline:none;padding:10px 12px;transition:var(--trans);width:100%}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.role-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}.error-message{background-color:#fee2e2;border:1px solid #fca5a5;border-radius:6px;color:#b91c1c;font-size:14px;margin-bottom:15px;padding:10px 14px}.error-modal-overlay{height:100%;left:0;top:0;width:100%}.error-modal{border-radius:8px;box-shadow:0 10px 30px #00000040;max-width:90%;overflow:hidden;width:400px}.error-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:15px 20px}.error-modal-header h3{color:#dc2626;margin:0}.error-modal-close{background:#0000;border:none;color:#666;cursor:pointer;font-size:24px}.error-modal-body{padding:20px}.error-modal-body p{color:#333;line-height:1.5;margin:0}.error-modal-footer{border-top:1px solid #eee;display:flex;justify-content:flex-end;padding:12px 20px}.error-modal-ok{background:#dc2626;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 20px}.error-modal-ok:hover{background:#b91c1c}.batch-count{color:var(--text3);font-size:11px;margin-top:2px}.batch-table-wrap{overflow-x:auto;width:100%}.batch-table{border-collapse:collapse;min-width:850px;width:100%}.batch-table th{background:var(--bg2);color:var(--text3);font-size:10.5px;font-weight:500;letter-spacing:.8px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.batch-table td,.batch-table th{border-bottom:1px solid var(--border)}.batch-table td{color:var(--text);font-size:13px;padding:12px 14px;vertical-align:middle}.batch-table tr:last-child td{border-bottom:none}.batch-table tbody tr{cursor:pointer;transition:var(--trans)}.batch-table tbody tr:hover td{background:var(--bg3)}.batch-description{color:var(--text2);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-actions{align-items:center;display:flex;gap:8px}.batch-action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius);cursor:pointer;display:flex;height:34px;justify-content:center;transition:var(--trans);width:34px}.batch-action-btn svg{stroke:currentColor}.batch-action-btn.edit{color:var(--accent)}.batch-action-btn.edit:hover{background:var(--accent-glow)}.batch-action-btn.delete{color:var(--red)}.batch-action-btn.delete:hover{background:var(--red-bg)}.pagination-size{font-size:13px}.pagination-size select{padding:7px 12px}.pagination-controls{gap:8px}.pagination-btn{background:#0000;color:var(--accent);padding:7px 14px}.pagination-btn:hover:not(:disabled){background:var(--accent);color:#fff}.pagination-page{color:var(--text2);font-size:13px;min-width:30px;text-align:center}@media (max-width:900px){.filters-bar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.card-header{align-items:flex-start;flex-direction:column;gap:12px}.pagination{align-items:stretch;flex-direction:column}.pagination-controls{justify-content:center}}.batch-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.batch-modal{animation:modalIn .25s ease;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:850px;overflow:hidden;width:90%}.batch-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.batch-modal-title{color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:600}.batch-close-btn{background:#0000;border:none;border-radius:50%;color:var(--text2);cursor:pointer;font-size:18px;height:34px;transition:var(--trans);width:34px}.batch-close-btn:hover{background:var(--bg3);color:var(--text)}.batch-form{padding:24px}.batch-form-grid{grid-column-gap:24px;grid-row-gap:18px;column-gap:24px;display:grid;grid-template-columns:1fr 1fr;row-gap:18px}.batch-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:28px}.secondary-btn{padding:9px 18px}.filter-select{-webkit-appearance:none;appearance:none;background:var(--bg3);background-image:linear-gradient(45deg,#0000 50%,var(--text2) 50%),linear-gradient(135deg,var(--text2) 50%,#0000 50%);background-position:calc(100% - 17px) 17px,calc(100% - 12px) 17px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-family:var(--font-body);font-size:13px;height:40px;min-width:150px;padding:0 36px 0 12px;transition:var(--trans)}.filter-select:hover{border-color:var(--text3)}.filter-select:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,#0000)}.filter-select option{background:var(--bg2);color:var(--text);padding:10px}.filters-bar{width:100%}.search-wrap{min-width:220px}.search-icon{color:var(--text2);font-size:14px;left:12px}.search-input{background:var(--bg3);font-size:13px;height:40px;padding:0 12px 0 38px}.search-input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 15%,#0000)}.clear-filter-btn{background:#ef44440d;border:1px solid #ef444480;border-radius:var(--radius);color:#ef4444;cursor:pointer;font-size:13px;font-weight:500;height:40px;padding:0 15px;transition:var(--trans);white-space:nowrap}.clear-filter-btn:hover{background:#ef44441f;border-color:#ef4444;color:#f87171}@media (max-width:700px){.batch-modal{max-width:95%;width:95%}.batch-form-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(-20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.pagination-btn{background:var(--accent);border:1px solid var(--accent);color:#fff;padding:8px 16px}.pagination-btn:hover:not(:disabled){background:var(--accent2);border-color:var(--accent2)}.pagination-btn:disabled{background:var(--bg4);border-color:var(--border);color:var(--text3);opacity:.7}.batch-members-section{margin-top:24px;width:100%}.batch-members-title{font-size:15px;font-weight:600;margin-bottom:8px}.chip-input{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;flex-wrap:wrap;gap:6px;min-height:44px;padding:6px 8px;width:100%}.chip-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.chip-input input{border:none;flex:1 1;font-size:14px;min-width:160px;outline:none;padding:6px 4px}.user-chip{align-items:center;background:#eef2ff;border-radius:16px;display:inline-flex;font-size:13px;gap:6px;padding:5px 8px 5px 12px}.user-chip button{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:16px;line-height:1;padding:0}.user-chip button:hover{color:#dc2626}.admin-chip{background:#fef3c7}.user-search-results{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000014;margin-top:4px;max-height:200px;overflow-y:auto;position:relative;width:100%;z-index:20}.user-search-option{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 12px}.user-search-option:hover{background:#f9fafb}.user-search-option strong{display:block;font-size:14px}.user-search-option small{color:#6b7280;display:block;font-size:12px;margin-top:2px}.dashboard-page{box-sizing:border-box;color:var(--text);min-height:100%;padding:20px;width:100%}.dashboard-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.dashboard-page-header h1{color:var(--text);font-size:22px;font-weight:700;margin:0}.dashboard-page-header p{color:var(--text3);font-size:12px;margin:5px 0 0}.dashboard-header-info{align-items:center;border:1px solid var(--border);border-radius:7px;color:var(--text3);display:flex;font-size:11px;gap:7px;padding:8px 12px}.metrics-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;padding:18px;position:relative;transition:transform .2s ease,border-color .2s ease}.metric-card:hover{border-color:#ffffff24;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:8px;display:flex;height:38px;justify-content:center;margin-bottom:14px;width:38px}.metric-icon.blue{background:#4f7dff1f;color:#4f7dff}.metric-icon.green{background:#22c97a1f;color:#22c97a}.metric-icon.amber{background:#f5a6231f;color:#f5a623}.metric-icon.red{background:#ff4f6a1f;color:#ff4f6a}.metric-label{color:var(--text3);font-size:11px;margin-bottom:5px}.metric-value{color:var(--text);font-size:27px;font-weight:700;line-height:1;margin-bottom:8px}.metric-change{font-size:10px;font-weight:500}.metric-change.up{color:var(--green)}.metric-change.down{color:var(--red)}.content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);margin-bottom:16px}.content-grid.thirds{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);min-width:0}.card-header{gap:12px;min-height:55px;padding:12px 16px}.card-title{color:var(--text);font-size:13px}.card-subtitle{color:var(--text3);font-size:10px;margin-top:4px}.card-body{padding:16px}.card-action{align-items:center;background:#0000;border:none;color:var(--accent);cursor:pointer;display:flex;font-size:11px;gap:4px;padding:4px;transition:opacity .2s ease}.card-action:hover{opacity:.75}.week-nav{border:1px solid var(--border);border-radius:7px;gap:5px;padding:2px}.week-btn,.week-nav{align-items:center;display:flex}.week-btn{background:#0000;border:none;border-radius:5px;color:var(--text2);cursor:pointer;height:27px;justify-content:center;width:27px}.week-btn:hover:not(:disabled){background:#ffffff0f;color:var(--text)}.week-btn:disabled{cursor:not-allowed;opacity:.3}.week-label{color:var(--text2);font-size:10px;min-width:110px;text-align:center}.chart-container{position:relative;width:100%}.chart-container.large{height:320px}.chart-container.donut{height:180px;margin:0 auto;max-width:310px}.chart-container.trend{height:230px}.dashboard-right-column{display:flex;flex-direction:column;gap:16px}.award-body{padding:8px 12px}.award-table{width:100%}.award-row{grid-gap:8px;align-items:center;border-bottom:1px solid var(--border);display:grid;gap:8px;grid-template-columns:70px 1fr 80px;min-height:55px}.award-row:last-child{border-bottom:none}.score-range{font-size:11px;font-weight:600}.award-badge{color:var(--text2);font-size:11px;gap:8px}.award-badge,.badge-icon{align-items:center;display:flex}.badge-icon{border-radius:7px;height:30px;justify-content:center;width:30px}.award-color{align-items:center;color:var(--text3);display:flex;font-size:10px;gap:6px;justify-content:flex-end}.award-color-dot{border-radius:50%;height:7px;width:7px}.filters{display:flex;flex-direction:column;gap:10px}.filter-select{background:var(--input);border:1px solid var(--border);border-radius:6px;color:var(--text2);cursor:pointer;font-size:11px;height:36px;outline:none;padding:0 10px}.filter-select:focus{border-color:var(--accent)}.donut-legend{display:flex;flex-direction:column;gap:10px;margin-top:16px}.legend-item{align-items:center;display:flex;font-size:11px;gap:8px}.legend-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.legend-label{color:var(--text3);flex:1 1}.legend-val{color:var(--text2);font-weight:600}.progress-circles{align-items:flex-start;display:flex;gap:10px;justify-content:space-around;padding-top:5px}.progress-circle-item{min-width:80px;text-align:center}.circle-svg{height:72px;transform:rotate(-90deg);width:72px}.circle-bg{stroke:#ffffff12}.circle-bg,.circle-fill{fill:none;stroke-width:5}.circle-fill{stroke-linecap:round;transition:stroke-dashoffset .5s ease}.circle-text{fill:var(--text);font-size:11px;font-weight:600;transform:rotate(90deg);transform-origin:36px 36px}.circle-name{color:var(--text2);font-size:10px;font-weight:600;margin-top:5px;white-space:nowrap}.circle-team{color:var(--text3);font-size:9px;margin-top:2px}@media (max-width:1200px){.content-grid.thirds,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.thirds .card:last-child{grid-column:span 2}}@media (max-width:900px){.content-grid{grid-template-columns:1fr}.dashboard-right-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid.thirds{grid-template-columns:1fr}.content-grid.thirds .card:last-child{grid-column:auto}}@media (max-width:650px){.dashboard-page{padding:12px}.dashboard-page-header{align-items:flex-start;flex-direction:column;gap:12px}.dashboard-right-column,.metrics-grid{grid-template-columns:1fr}.card-header{align-items:flex-start;flex-direction:column}.week-nav{justify-content:space-between;width:100%}.week-label{flex:1 1}.chart-container.large{height:280px}.progress-circles{justify-content:space-between}.award-row{grid-template-columns:65px 1fr 65px}}.search-wrap{max-width:500px}.organization-count{color:var(--text3);font-size:11px;margin-top:2px}.organization-table-wrap{max-height:400px;overflow-x:auto;overflow-y:auto;width:100%}.organization-table{border-collapse:collapse;min-width:1100px;width:100%}.organization-table th{background:var(--bg2);color:var(--text3);font-size:10.5px;font-weight:500;letter-spacing:.8px;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.organization-table td,.organization-table th{border-bottom:1px solid var(--border);white-space:nowrap}.organization-table td{color:var(--text);font-size:13px;padding:12px 14px;vertical-align:middle}.organization-table tr:last-child td{border-bottom:none}.organization-table tr:hover td{background:var(--bg3)}.organization-logo{background:var(--bg4);height:36px;width:36px}.organization-logo img{object-fit:contain}.organization-info{display:flex;flex-direction:column;gap:3px}.organization-info strong{color:var(--text);font-size:13px;font-weight:600}.organization-info span{color:var(--text3);font-size:10.5px}.organization-table a{color:var(--accent);text-decoration:none;transition:var(--trans)}.organization-table a:hover{color:var(--blue-light);text-decoration:underline}.status-badge{border-radius:99px}@media (max-width:900px){.card-header{align-items:flex-start;gap:12px}.primary-btn{white-space:nowrap}.filters-bar{align-items:stretch;flex-direction:column}.search-wrap{width:60%}}.pagination{background:var(--bg2);padding:14px 20px}.pagination-pages{gap:4px}.pagination-btn,.pagination-number{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:var(--trans)}.pagination-btn,.pagination-number{align-items:center;background:var(--surface);color:var(--text2);display:flex;font-size:11.5px;height:32px;justify-content:center;min-width:32px}.pagination-btn{padding:0 12px}.pagination-btn:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn:not(:disabled):hover{background:var(--accent2);border-color:var(--accent2)}.pagination-btn:disabled{opacity:.4}.pagination-size{color:var(--text2);font-size:11.5px;gap:8px}.pagination-size span{color:var(--text3)}.pagination-size select{-webkit-appearance:none;appearance:none;background:var(--surface);background-image:linear-gradient(45deg,#0000 50%,var(--text3) 50%),linear-gradient(135deg,var(--text3) 50%,#0000 50%);background-position:calc(100% - 11px) 50%,calc(100% - 7px) 50%;background-repeat:no-repeat;background-size:4px 4px;font-size:11.5px;font-weight:500;min-width:58px;padding:6px 26px 6px 10px}.pagination-size select:hover{border-color:var(--border2)}.pagination-size select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.organization-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.organization-modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000059;display:flex;flex-direction:column;max-height:90vh;max-width:650px;overflow:hidden;width:100%}.organization-modal-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px}.organization-modal-header h2{color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:600;margin:0}.organization-modal-header p{color:var(--text3);font-size:11.5px;margin:4px 0 0}.modal-close-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text2);font-size:20px;height:32px;padding:0;transition:var(--trans);width:32px}.modal-close-btn:hover{background:var(--bg3);border-color:var(--border2);color:var(--text)}.organization-form{overflow-y:auto}.organization-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;padding:20px}.form-group{gap:6px}.form-group label{font-size:11.5px}.form-group input,.form-group select,.form-group textarea{background:var(--surface);font-family:var(--font-body);font-size:12px;padding:9px 11px}.form-group textarea{min-height:80px}.form-group input:hover,.form-group select:hover,.form-group textarea:hover{border-color:var(--border2)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 2px var(--accent-glow)}.organization-modal-footer{align-items:center;background:var(--bg2);border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.secondary-btn{background:var(--surface);color:var(--text2);font-size:11.5px;font-weight:500;padding:8px 14px}.secondary-btn:hover{border-color:var(--border2);color:var(--text)}@media (max-width:650px){.organization-modal{max-height:95vh}.organization-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}}.organization-row{cursor:pointer;transition:var(--trans)}.organization-row:hover td{background:var(--bg3)}.delete-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1100}.delete-modal{animation:deleteModalIn .18s ease-out;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 25px 70px #0006;max-width:390px;padding:28px 26px 24px;text-align:center;width:100%}.delete-modal-icon{align-items:center;background:var(--red-bg);border:1px solid var(--red-bg);border-radius:50%;color:var(--red);display:flex;height:54px;justify-content:center;margin:0 auto 16px;width:54px}.delete-modal-icon svg{height:23px;width:23px}.delete-modal h2{color:var(--text);font-family:var(--font-display);font-size:16px;font-weight:600;margin:0}.delete-modal p{color:var(--text2);font-size:12px;line-height:1.6;margin:10px 0 0}.delete-modal p strong{color:var(--text);font-weight:600}.delete-modal .delete-warning{color:var(--red);font-size:10.5px;margin-top:6px}.delete-modal-actions{align-items:center;display:flex;gap:10px;justify-content:center;margin-top:24px}.delete-modal-actions .secondary-btn{min-width:78px}.delete-confirm-btn{align-items:center;background:var(--red);border:1px solid var(--red);border-radius:var(--radius);color:#fff;cursor:pointer;display:inline-flex;font-size:11.5px;font-weight:500;justify-content:center;min-width:105px;padding:8px 14px;transition:var(--trans)}.delete-confirm-btn:hover{box-shadow:0 4px 14px var(--red-bg);filter:brightness(.9)}@keyframes deleteModalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:500px){.delete-modal{max-width:100%;padding:24px 20px 20px}.delete-modal-actions{flex-direction:column-reverse}.delete-modal-actions button{width:100%}}.organization-delete-btn{align-items:center;background:#0000;border:none;color:var(--red);cursor:pointer;display:flex;justify-content:center;transition:var(--trans)}.organization-delete-btn:hover{background:var(--red-bg);color:var(--red)}.organization-delete-btn svg{stroke:currentColor;color:inherit}.organization-cell{align-items:center;display:flex;gap:12px}.organization-logo{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:9px;display:flex;flex-shrink:0;height:38px;justify-content:center;overflow:hidden;width:38px}.organization-logo img{height:100%;object-fit:cover;width:100%}.organization-logo-fallback{align-items:center;background:#6366f11f;border-radius:inherit;color:var(--accent);display:flex;font-size:15px;font-weight:700;height:100%;justify-content:center;width:100%}.logo-upload-label{color:var(--text2);display:block;font-size:11.5px;font-weight:500;margin-bottom:2px}.logo-upload-container{width:100%}.logo-dropzone{align-items:center;background:var(--surface);border:2px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:20px 16px;text-align:center;transition:all .2s ease}.logo-dropzone:hover{background:var(--bg3);border-color:var(--accent)}.logo-dropzone-icon{align-items:center;background:var(--bg4);border-radius:50%;color:var(--accent);display:flex;height:42px;justify-content:center;margin-bottom:2px;transition:transform .2s ease;width:42px}.logo-dropzone:hover .logo-dropzone-icon{transform:translateY(-2px)}.logo-dropzone-text{color:var(--text2);font-size:12.5px}.logo-dropzone-text strong{color:var(--accent);font-weight:600}.logo-dropzone-hint{color:var(--text3);font-size:11px}.logo-preview-box{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;gap:16px;padding:14px 16px}.logo-preview-image-wrap{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:10px;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.logo-preview-image-wrap img{height:100%;object-fit:cover;width:100%}.logo-preview-meta{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.logo-preview-name{color:var(--text);font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-preview-actions{align-items:center;display:flex;gap:10px}.logo-change-btn{background:#6366f11a;border-radius:var(--radius);color:var(--accent);cursor:pointer;font-size:11.5px;font-weight:500;padding:3px 8px;transition:all .2s ease}.logo-change-btn:hover{background:#6366f133}.logo-remove-btn{background:#0000;border:none;border-radius:var(--radius);color:var(--red);cursor:pointer;font-size:11.5px;font-weight:500;padding:3px 8px;transition:all .2s ease}.form-error-alert,.logo-remove-btn:hover{background:var(--red-bg)}.form-error-alert{align-items:center;border-radius:var(--radius);color:var(--red);display:flex;font-size:12px;gap:8px;padding:10px 14px}.filters-bar{margin-bottom:20px}.search-wrap{flex:1 1;min-width:200px;position:relative}.search-input{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;color:var(--text);font-size:12.5px;outline:none;padding:7px 12px 7px 34px;transition:var(--trans);width:100%}.search-input::placeholder{color:var(--text3)}.search-input:hover{border-color:var(--border2)}.search-input:focus{border-color:var(--accent)}.search-icon{color:var(--text3);left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-icon svg{height:14px;width:14px}.card{background:var(--bg2);border-radius:var(--radius-lg)}.card-header{align-items:center;display:flex;justify-content:space-between;padding:18px 20px 14px}.card-title{font-family:var(--font-display);font-size:13.5px;font-weight:600}.user-count{color:var(--text3);font-size:11px;margin-top:2px}.primary-btn{align-items:center;border:1px solid var(--accent);display:inline-flex;font-size:11.5px;font-weight:500;justify-content:center;padding:8px 14px}.primary-btn:hover{border-color:var(--accent2)}.user-table-wrap{max-height:600px;overflow-x:auto;overflow-y:auto;width:100%}.user-table{border-collapse:collapse;min-width:1100px;width:100%}.user-table th{background:var(--bg2);color:var(--text3);font-size:10.5px;font-weight:600;letter-spacing:.8px;padding:14px 22px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.user-table td,.user-table th{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap}.user-table td{color:var(--text);font-size:13px;padding:16px 22px;transition:var(--trans)}.user-table tbody tr:last-child td{border-bottom:none}.user-table tbody tr{transition:var(--trans)}.user-table tbody tr:hover td{background:var(--bg3)}.status-badge{min-width:72px}.user-delete-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--red);cursor:pointer;display:flex;height:34px;justify-content:center;transition:var(--trans);width:34px}.user-delete-btn:hover{background:var(--red-bg);color:var(--red)}.user-info strong{color:var(--text);font-size:13px;font-weight:600}.user-info span{color:var(--text3);font-size:11px}.status-badge{border-radius:999px;font-size:10.5px;font-weight:500;padding:4px 9px}.status-badge.active{background:var(--green-bg);color:var(--green)}.status-badge.inactive{background:var(--red-bg);color:var(--red)}.icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius);color:var(--text2);cursor:pointer;display:flex;height:34px;justify-content:center;transition:var(--trans);width:34px}.icon-btn:hover{background:var(--bg3);color:var(--accent)}.delete-btn:hover{color:var(--red)}.pagination{flex-wrap:wrap;gap:15px;margin-top:18px}.pagination-size{align-items:center;display:flex;gap:10px}.pagination-size span{color:var(--text2);font-size:12px}.pagination-size select{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;outline:none;padding:6px 10px;transition:var(--trans)}.pagination-size select:focus,.pagination-size select:hover{border-color:var(--accent)}.pagination-pages{align-items:center;display:flex;gap:12px}.pagination-info{color:var(--text2);font-size:12px}.pagination-btn{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text3);cursor:pointer;padding:8px 14px;transition:var(--trans)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn.active:hover{background:var(--accent2)}.pagination-btn:disabled{cursor:not-allowed;opacity:.45}@media (max-width:900px){.filters-bar{align-items:stretch;flex-direction:column}.search-wrap{width:100%}.card-header{gap:12px}.card-header,.pagination{align-items:flex-start;flex-direction:column}}.user-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.user-modal{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000059;max-width:95vw;overflow:hidden;width:720px}.user-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 22px}.user-modal-title{color:var(--text);font-family:var(--font-display);font-size:18px;font-weight:600;margin:0}.user-close-btn{background:#0000;border:none;border-radius:50%;color:var(--text2);cursor:pointer;font-size:18px;height:34px;transition:var(--trans);width:34px}.user-close-btn:hover{background:var(--bg3);color:var(--red)}.user-form{padding:22px}.user-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.form-group label{color:var(--text2);font-size:12px;font-weight:500;margin-bottom:7px}.form-group input,.form-group select,.form-group textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:var(--trans)}.form-group textarea{min-height:90px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3)}.user-modal-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.secondary-btn{background:#0000;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;padding:9px 16px;transition:var(--trans)}.secondary-btn:hover{background:var(--bg3)}.primary-btn{background:var(--accent);border:none;border-radius:var(--radius);cursor:pointer;padding:9px 18px;transition:var(--trans)}.primary-btn:hover{background:var(--accent2)}.error-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9999}.error-modal{animation:errorPopupIn .2s ease-out;background:#fff;border-radius:14px;box-shadow:0 20px 50px #0003;max-width:100%;padding:30px;text-align:center;width:420px}.error-modal-icon{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;font-size:25px;font-weight:700;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.error-modal h2{color:#1f2937;font-size:21px;font-weight:600;margin:0 0 12px}.error-modal p{color:#4b5563;font-size:14px;line-height:1.6;margin:0;white-space:pre-line;word-break:break-word}.error-modal-actions{display:flex;justify-content:center;margin-top:25px}.error-modal-actions .primary-btn{min-width:90px;padding:9px 22px}@keyframes errorPopupIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.user-modal{width:95%}.user-form-grid{grid-template-columns:1fr}.user-modal-footer{flex-direction:column-reverse}.primary-btn,.secondary-btn{width:100%}}.page{box-sizing:border-box;padding:24px;width:100%}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.page-header h1{font-size:25px;font-weight:700;margin:0}.page-header p{color:#6b7280;font-size:14px;margin:5px 0 0}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:7px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:7px;justify-content:center;padding:10px 16px;transition:.2s ease}.primary-btn{background:#2563eb;color:#fff}.primary-btn:hover{background:#1d4ed8}.secondary-btn{background:#f3f4f6;color:#374151}.secondary-btn:hover{background:#e5e7eb}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.filters-bar select{color:#374151;cursor:pointer;font-size:13px;padding:0 34px 0 12px}.filters-bar select,.search-box{background:#fff;border:1px solid #d1d5db;border-radius:7px;height:40px}.search-box{align-items:center;box-sizing:border-box;display:flex;gap:8px;min-width:230px;padding:0 12px}.search-box svg{color:#6b7280}.search-box input{background:#0000;border:none;font-size:13px;outline:none;width:100%}.card{background:var(--bg);border:1px solid var(--border);border-radius:10px;overflow:hidden}.card-header{border-bottom:1px solid var(--border);padding:18px 20px}.card-header h2{font-size:17px;font-weight:650;margin:0}.card-header span{color:#6b7280;display:block;font-size:12px;margin-top:4px}.table-wrapper{overflow-x:auto;width:100%}.table-wrapper table{border-collapse:collapse;min-width:1100px;width:100%}.table-wrapper th{background:var(--bg);font-size:12px;font-weight:650;padding:13px 16px;text-align:left;white-space:nowrap}.table-wrapper td,.table-wrapper th{border-bottom:1px solid var(--border);color:var(--text)}.table-wrapper td{font-size:13px;padding:14px 16px;vertical-align:middle}.table-wrapper tbody tr:hover{background:#fafafa}.employee-cell{display:flex;flex-direction:column;gap:3px}.employee-cell strong{color:var(--text);font-size:13px}.employee-cell span{color:var(--text3);font-size:11px}.quarter-badge{align-items:center;background:#eef2ff;border-radius:5px;color:#4338ca;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;min-width:38px;padding:5px 8px}.okr-count{color:#374151;font-weight:600}.status-badge{font-weight:650;padding:5px 9px}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.closed{background:#f3f4f6;color:#4b5563}.status-badge.draft{background:#fef3c7;color:#92400e}.action-buttons{align-items:center;display:flex;gap:6px}.action-buttons button{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.action-buttons button:hover{background:#f3f4f6;color:#111827}.empty-table{color:#9ca3af!important;padding:45px!important;text-align:center!important}.pagination{border-top:1px solid var(--border);justify-content:space-between;min-height:60px;padding:0 18px}.pagination,.rows-per-page{align-items:center;display:flex}.rows-per-page{color:#6b7280;font-size:12px;gap:8px}.rows-per-page select{border:1px solid #d1d5db;border-radius:5px;height:32px;padding:0 7px}.pagination-controls{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:12px}.pagination-controls button{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.pagination-controls button:hover:not(:disabled){background:#f3f4f6}.pagination-controls button:disabled{cursor:not-allowed;opacity:.45}.okr-modal-overlay{align-items:center;background:#1118278c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:25px;position:fixed;z-index:1000}.okr-modal{max-height:92vh;width:min(1050px,100%)}.okr-modal,.okr-view-modal{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;display:flex;flex-direction:column;overflow:hidden}.okr-view-modal{max-height:90vh;width:min(900px,100%)}.okr-modal-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.okr-modal-header h2{color:#111827;font-size:20px;margin:0}.okr-modal-header p{color:#6b7280;font-size:13px;margin:5px 0 0}.modal-close-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.modal-close-btn:hover{background:#f3f4f6;color:#111827}.okr-stepper{background:#fafafa;border-bottom:1px solid #e5e7eb;padding:18px 30px}.okr-step,.okr-stepper{align-items:center;display:flex}.okr-step{color:#9ca3af;font-size:13px;font-weight:600;gap:8px;white-space:nowrap}.okr-step.active{color:#2563eb}.step-number{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:50%;display:flex;font-size:12px;font-weight:700;height:28px;justify-content:center;width:28px}.okr-step.active .step-number{background:#2563eb;border-color:#2563eb;color:#fff}.step-line{background:#d1d5db;flex:1 1;height:1px;margin:0 15px}.okr-modal-body{flex:1 1;overflow-y:auto;padding:24px}.section-heading{margin-bottom:22px}.section-heading h3{color:#111827;font-size:17px;margin:0}.section-heading p{color:#6b7280;font-size:13px;margin:5px 0 0}.okr-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:flex;flex-direction:column;gap:7px}.form-group.full-width{grid-column:1/-1}.form-group label{color:#374151;font-size:13px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:7px;box-sizing:border-box;color:#111827;font-family:inherit;font-size:13px;outline:none;padding:10px 12px;width:100%}.form-group input,.form-group select{height:42px}.form-group textarea{min-height:85px;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.form-group select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.context-summary{background:#eff6ff;border:1px solid #dbeafe;border-radius:9px;margin-top:24px;padding:16px}.context-summary-title{color:#1d4ed8;font-size:12px;font-weight:700;margin-bottom:12px}.context-summary-content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.5fr 1fr 1fr}.context-summary-content>div{display:flex;flex-direction:column;gap:3px}.context-summary-content strong{color:#111827;font-size:13px}.context-summary-content span{color:#6b7280;font-size:11px}.selected-employee-mini{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 15px}.selected-employee-mini>div{display:flex;flex-direction:column;gap:3px}.selected-employee-mini strong{color:#111827;font-size:13px}.selected-employee-mini span{color:#6b7280;font-size:11px}.okr-list{display:flex;flex-direction:column;gap:18px}.okr-entry{background:#fff;border:1px solid #e5e7eb;border-radius:9px;padding:18px}.okr-entry-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.okr-entry-header h4{color:#111827;font-size:14px;margin:0}.remove-okr-btn{align-items:center;background:#0000;border:none;color:#dc2626;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px}.remove-okr-btn:hover{color:#b91c1c}.add-another-okr-btn{align-items:center;background:#eff6ff;border:1px dashed #93c5fd;border-radius:7px;color:#2563eb;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:7px;height:42px;justify-content:center;margin-top:18px;width:100%}.add-another-okr-btn:hover{background:#dbeafe}.preview-context{border:1px solid #e5e7eb;border-radius:10px;margin-bottom:22px;padding:18px}.preview-context-main{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding-bottom:17px}.preview-avatar{align-items:center;background:#e5e7eb;border-radius:50%;color:#374151;display:flex;font-size:16px;font-weight:700;height:42px;justify-content:center;width:42px}.preview-context-main h3{color:#111827;font-size:15px;margin:0}.preview-context-main span{color:#6b7280;display:block;font-size:12px;margin-top:3px}.preview-context-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);padding-top:17px}.preview-context-grid div{display:flex;flex-direction:column;gap:5px}.preview-context-grid label,.view-cycle-grid label{color:#6b7280;font-size:11px}.preview-context-grid strong,.view-cycle-grid strong{color:#111827;font-size:13px}.preview-list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.preview-list-header h3{color:#111827;font-size:15px;margin:0}.preview-list-header span{color:#6b7280;font-size:12px}.preview-okr-list{display:flex;flex-direction:column;gap:12px}.preview-okr-card{border:1px solid #e5e7eb;border-radius:9px;display:flex;gap:13px;padding:15px}.preview-okr-number{align-items:center;background:#eff6ff;border-radius:6px;color:#2563eb;display:flex;flex:0 0 30px;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.preview-okr-content{flex:1 1}.preview-okr-content h4{color:#111827;font-size:14px;margin:2px 0 6px}.preview-okr-content p{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.preview-target{align-items:center;display:flex;gap:8px;margin-top:10px}.preview-target span{color:#6b7280;font-size:11px}.preview-target strong{color:#374151;font-size:12px}.okr-modal-footer{align-items:center;border-top:1px solid #e5e7eb;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;min-height:68px;padding:14px 24px}.view-employee-header{align-items:center;border:1px solid #e5e7eb;border-radius:9px;display:flex;gap:12px;margin:20px 24px 0;padding:15px}.view-employee-header>div:nth-child(2){flex:1 1}.view-employee-header h3{color:#111827;font-size:15px;margin:0}.view-employee-header span{color:#6b7280;display:block;font-size:12px;margin-top:3px}.view-cycle-grid{grid-gap:15px;background:#f9fafb;border-radius:8px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin:18px 24px;padding:15px}.view-cycle-grid div{display:flex;flex-direction:column;gap:4px}.view-okr-list{overflow-y:auto;padding:0 24px 20px}.view-okr-card{border:1px solid #e5e7eb;border-radius:9px;margin-bottom:12px;padding:17px}.view-okr-header{margin-bottom:9px}.view-okr-header span{color:#2563eb;font-size:11px;font-weight:700}.view-okr-card h3{color:#111827;font-size:15px;margin:0 0 7px}.view-okr-card p{color:#6b7280;font-size:12px;line-height:1.5;margin:0}.view-target{border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:4px;margin-top:13px;padding-top:12px}.view-target label{color:#6b7280;font-size:11px}.view-target strong{color:#374151;font-size:12px}.edit-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.edit-field label{color:#475467;font-size:13px;font-weight:600}.okr-form-input{background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-sizing:border-box;color:#101828;font-family:inherit;font-size:14px;height:46px;outline:none;padding:0 14px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.okr-form-input:hover{border-color:#98a2b3}.okr-form-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.okr-form-textarea{background:#fff;border:1px solid #d0d5dd;border-radius:10px;box-sizing:border-box;color:#101828;font-family:inherit;font-size:14px;line-height:1.5;min-height:115px;outline:none;padding:12px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.okr-form-textarea:hover{border-color:#98a2b3}.okr-form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.okr-form-input::placeholder,.okr-form-textarea::placeholder{color:#98a2b3}.okr-edit-meta-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.okr-select-wrapper{position:relative}.okr-form-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#667085 0),linear-gradient(135deg,#667085 50%,#0000 0);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #d0d5dd;border-radius:10px;box-sizing:border-box;color:#101828;cursor:pointer;font-family:inherit;font-size:14px;height:46px;outline:none;padding:0 40px 0 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.okr-form-select:hover{border-color:#98a2b3}.okr-form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.okr-toggle{align-items:center;cursor:pointer;display:flex;gap:11px;height:46px;-webkit-user-select:none;user-select:none}.okr-toggle-track{background:#d0d5dd;border-radius:20px;box-sizing:border-box;height:24px;padding:2px;transition:background .2s ease;width:44px}.okr-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #10182840;height:20px;transform:translateX(0);transition:transform .2s ease;width:20px}.okr-toggle.active .okr-toggle-track{background:#667eea}.okr-toggle.active .okr-toggle-thumb{transform:translateX(20px)}.okr-toggle span{color:#475467;font-size:14px;font-weight:500}.okr-toggle.active span{color:#667eea;font-weight:600}@media (max-width:600px){.okr-edit-meta-grid{gap:0;grid-template-columns:1fr}}@media (max-width:900px){.okr-form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:auto}.preview-context-grid,.view-cycle-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:650px){.page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.filters-bar{align-items:stretch;flex-direction:column}.filters-bar select,.search-box{width:100%}.okr-modal-overlay{padding:10px}.okr-modal,.okr-view-modal{max-height:96vh}.okr-stepper{padding:14px 15px}.okr-step span{display:none}.step-line{margin:0 8px}.okr-modal-body{padding:18px}.context-summary-content{gap:12px}.context-summary-content,.preview-context-grid,.view-cycle-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:12px;padding:12px}}.leaderboard-empty{min-height:260px;padding:30px 20px}.leaderboard-empty-icon{font-size:36px;margin-bottom:10px}.leaderboard-empty h3{font-weight:600}.leaderboard-empty p{max-width:320px}.leaderboard-page{background:var(--bg1);color:var(--text);min-height:100%;padding:28px 30px}.leaderboard-header{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-bottom:26px}.leaderboard-header h1{color:var(--text);font-size:25px;font-weight:700;letter-spacing:-.3px;margin:0}.leaderboard-header p{color:var(--text3);font-size:13px;line-height:1.5;margin:7px 0 0}.leaderboard-period{background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:12px;height:38px;outline:none;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease;width:145px}.leaderboard-period:hover{border-color:var(--border2)}.leaderboard-period:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4778ed1a}.leaderboard-layout{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) 310px}.award-card,.leaderboard-card,.my-rank-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000008}.leaderboard-card{overflow:hidden}.leaderboard-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:56px;padding:0 20px}.leaderboard-card-header h2{color:var(--text);font-size:14px;font-weight:650;margin:0}.leaderboard-list{padding:10px 12px 14px}.leaderboard-row{align-items:center;background:#0000;border:1px solid #0000;border-radius:9px;display:flex;margin-bottom:5px;min-height:64px;padding:8px 12px;position:relative;transition:background .18s ease,border-color .18s ease,transform .18s ease}.leaderboard-row:last-child{margin-bottom:0}.leaderboard-row:hover{background:var(--bg3);border-color:var(--border)}.current-user-row{background:rgba(71,120,237,.055);border-color:#4778ed47}.current-user-row:hover{background:#4778ed14;border-color:#4778ed61}.rank-number{color:var(--text3);font-size:12px;font-weight:600;margin-right:10px;text-align:center;width:32px}.leaderboard-row:first-child .rank-number{color:#d6a928;font-weight:800}.leaderboard-row:nth-child(2) .rank-number{color:#8996a8;font-weight:800}.leaderboard-row:nth-child(3) .rank-number{color:#b47a4c;font-weight:800}.leaderboard-avatar{align-items:center;background:#4778ed1a;border:1px solid #4778ed29;border-radius:50%;color:var(--accent);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:36px;justify-content:center;margin-right:12px;width:36px}.leaderboard-user{flex:1 1;min-width:0}.leaderboard-name{color:var(--text);font-size:12px;font-weight:600}.leaderboard-name,.leaderboard-team{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-team{color:var(--text3);font-size:10px;margin-top:4px}.leaderboard-score{color:var(--text);font-size:13px;font-weight:700;gap:11px;justify-content:flex-end;margin-left:14px;min-width:78px}.award-icon,.leaderboard-score{align-items:center;display:flex}.award-icon{background:var(--bg3);border-radius:7px;font-size:15px;height:28px;justify-content:center;width:28px}.leaderboard-side{display:flex;flex-direction:column;gap:20px}.side-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;min-height:52px;padding:0 18px}.side-card-header h2{color:var(--text);font-size:13px;font-weight:650;margin:0}.award-card{overflow:hidden}.award-chart-container{display:flex;justify-content:center;padding:24px 20px 18px}.award-donut{align-items:center;background:conic-gradient(#4778ed 0deg 107deg,#aebbd0 107deg 191deg,#ffd166 191deg 329deg,#f2556c 329deg 1turn);border-radius:50%;display:flex;height:142px;justify-content:center;position:relative;width:142px}.award-donut:before{background:var(--bg2);border-radius:50%;content:"";height:94px;position:absolute;width:94px}.award-donut-center{align-items:center;display:flex;flex-direction:column;position:relative;z-index:1}.award-donut-center strong{color:var(--text);font-size:24px;font-weight:750;line-height:1}.award-donut-center span{color:var(--text3);font-size:10px;margin-top:5px}.award-legend{padding:4px 18px 16px}.award-legend-row{color:var(--text2);font-size:10px;justify-content:space-between;min-height:30px}.award-label,.award-legend-row{align-items:center;display:flex}.award-label{gap:8px}.award-legend-row strong{color:var(--text);font-size:11px;min-width:20px;text-align:right}.award-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.award-dot.gladiator{background:#4778ed}.award-dot.platinum{background:#aebbd0}.award-dot.gold{background:#ffd166}.award-dot.bronze{background:#f2556c}.my-rank-card{overflow:hidden}.my-rank-content{padding:24px 20px 20px;text-align:center}.my-rank-award{align-items:center;background:var(--bg3);border:1px solid var(--border);border-radius:14px;display:flex;font-size:27px;height:52px;justify-content:center;margin:0 auto 12px;width:52px}.my-rank-number{color:var(--accent);font-size:27px;font-weight:800;line-height:1}.my-rank-name{color:var(--text);font-size:12px;font-weight:600;margin-top:7px}.my-rank-score{color:var(--text3);font-size:10px;margin-top:5px}.rank-progress{background:var(--bg4);border-radius:10px;height:6px;margin-top:22px;overflow:hidden}.rank-progress-fill{background:var(--accent);border-radius:inherit;height:100%;transition:width .3s ease}.rank-progress-label{color:var(--text3);display:flex;font-size:9px;justify-content:flex-end;margin-top:7px}.leaderboard-empty{flex-direction:column;min-height:300px;padding:30px;text-align:center}.leaderboard-empty,.leaderboard-empty-icon{align-items:center;display:flex;justify-content:center}.leaderboard-empty-icon{background:var(--bg3);border-radius:14px;font-size:25px;height:54px;margin-bottom:14px;width:54px}.leaderboard-empty h3{color:var(--text);font-size:14px;font-weight:650;margin:0}.leaderboard-empty p{color:var(--text3);font-size:11px;line-height:1.5;margin:7px 0 0;max-width:300px}.my-rank-empty{padding:35px 20px;text-align:center}.my-rank-empty p{color:var(--text3);font-size:11px;margin:0}@media (max-width:1100px){.leaderboard-layout{gap:16px;grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:900px){.leaderboard-layout{grid-template-columns:1fr}.leaderboard-side{align-items:start;display:grid;grid-template-columns:1fr 1fr}}@media (max-width:650px){.leaderboard-page{padding:18px 14px}.leaderboard-header{align-items:stretch;flex-direction:column;gap:14px}.leaderboard-period{width:100%}.leaderboard-side{grid-template-columns:1fr}.leaderboard-row{min-height:60px;padding:7px 8px}.rank-number{margin-right:6px;width:22px}.leaderboard-avatar{height:32px;margin-right:9px;width:32px}.leaderboard-score{gap:7px;margin-left:8px;min-width:62px}.award-icon{font-size:13px;height:25px;width:25px}}.team-okr-container{box-sizing:border-box;padding:20px;width:100%}.team-okr-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.team-okr-header h2{font-size:24px;font-weight:600;margin:0}.team-okr-header p{color:#999;color:var(--text-secondary,#999);font-size:14px;margin:6px 0 0}.team-okr-filter-card{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:10px;margin-bottom:20px;padding:18px 20px}.team-okr-filter-group{display:flex;flex-direction:column;gap:8px;max-width:400px}.team-okr-filter-group label{color:#fff;color:var(--text-primary,#fff);font-size:14px;font-weight:500}.team-okr-filter-group select{background:#151515;background:var(--input-bg,#151515);border:1px solid #444;border:1px solid var(--border-color,#444);border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:14px;outline:none;padding:10px 12px;width:100%}.team-okr-filter-group select:focus{border-color:#666}.selected-batch-info{border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;flex-wrap:wrap;gap:25px;margin-top:15px;padding-top:15px}.selected-batch-info span{color:#aaa;color:var(--text-secondary,#aaa);font-size:13px}.selected-batch-info strong{color:#fff;color:var(--text-primary,#fff)}.team-okr-error{background:#dc35451f;border:1px solid #dc354559;border-radius:6px;color:#ff6b6b;font-size:14px;margin-bottom:15px;padding:12px 15px}.team-okr-table-card{background:#1e1e1e;background:var(--card-bg,#1e1e1e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:10px;overflow:hidden}.team-okr-table-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);padding:18px 20px}.team-okr-table-header>div{align-items:center;display:flex;gap:10px}.team-okr-table-header h3{font-size:17px;font-weight:600;margin:0}.team-okr-table-header span{color:#999;color:var(--text-secondary,#999);font-size:12px}.team-okr-table-wrapper{overflow-x:auto;width:100%}.team-okr-table{border-collapse:collapse;min-width:850px;width:100%}.team-okr-table thead{background:#181818;background:var(--table-header-bg,#181818)}.team-okr-table th{color:#aaa;color:var(--text-secondary,#aaa);font-size:12px;font-weight:600;letter-spacing:.3px;padding:13px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.team-okr-table td{border-top:1px solid #2f2f2f;border-top:1px solid var(--border-color,#2f2f2f);color:#eee;color:var(--text-primary,#eee);font-size:14px;padding:15px 16px}.team-okr-table tbody tr{transition:background .15s ease}.team-okr-table tbody tr:hover{background:hsla(0,0%,100%,.025)}.team-objective-cell{min-width:250px}.team-objective-title{color:#fff;color:var(--text-primary,#fff);font-weight:500;line-height:1.4}.team-objective-user{color:#888;color:var(--text-secondary,#888);font-size:12px;margin-top:5px}.team-target-value{font-weight:500}.team-okr-type{background:#ffffff0f;border-radius:5px;display:inline-block;font-size:12px;padding:5px 9px}.team-progress-container{width:150px}.team-progress-top{display:flex;justify-content:flex-end;margin-bottom:5px}.team-progress-top span{font-size:12px;font-weight:600}.team-progress-red{background:#dc3545}.team-progress-yellow{background:#ffc107}.team-progress-green{background:#28a745}.team-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:5px 10px;white-space:nowrap}.team-status-good{background:#28a7451f;color:#4ade80}.team-status-warning{background:#ffc1071f;color:#facc15}.team-status-danger{background:#dc35451f;color:#ff6b6b}.team-okr-loading{color:#999;color:var(--text-secondary,#999);font-size:14px;min-height:200px}.team-okr-empty,.team-okr-loading{align-items:center;display:flex;justify-content:center}.team-okr-empty{flex-direction:column;min-height:250px;padding:30px;text-align:center}.team-okr-empty-icon{font-size:35px;margin-bottom:10px;opacity:.7}.team-okr-empty h3{font-size:17px;margin:0 0 6px}.team-okr-empty p{color:#888;color:var(--text-secondary,#888);font-size:13px;margin:0}@media (max-width:768px){.team-okr-container{padding:12px}.team-okr-header h2{font-size:20px}.selected-batch-info{flex-direction:column;gap:8px}}.team-objective{max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okr-type-badge{background:#ffffff0f;border-radius:5px;display:inline-block;font-size:12px;padding:5px 9px}.team-progress{width:150px}.team-progress-header{display:flex;justify-content:flex-end;margin-bottom:5px}.team-progress-header span{font-size:12px;font-weight:600}.team-progress-bar{background:#333;border-radius:10px;height:7px;overflow:hidden;width:100%}.team-progress-fill{border-radius:10px;height:100%;transition:width .3s ease}.progress-red{background:#dc3545}.progress-yellow{background:#ffc107}.progress-green{background:#28a745}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;justify-content:center;padding:5px 10px;white-space:nowrap}.status-danger{background:#dc35451f;color:#ff6b6b}.status-warning{background:#ffc1071f;color:#facc15}.status-success{background:#28a7451f;color:#4ade80}.no-data{color:#999;color:var(--text-secondary,#999);padding:40px!important;text-align:center}.performance-page{background:var(--bg1);color:var(--text);min-height:100%;padding:22px 24px 30px}.performance-page-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px;min-height:54px}.performance-page-header h1{color:var(--text);font-size:17px;font-weight:700;margin:0}.performance-breadcrumb{align-items:center;color:var(--text3);display:flex;font-size:10px;gap:7px;margin-top:4px}.performance-breadcrumb span{color:var(--text3)}.performance-cycle-selector{align-items:center;background:var(--bg2);border:1px solid var(--border);border-radius:8px;color:var(--text);display:flex;font-size:10px;font-weight:600;gap:9px;min-height:34px;padding:5px 10px 5px 12px}.performance-batch-label{color:var(--text3);font-size:9px;font-weight:600}.performance-cycle-selector select{background:#0000;border:0;color:var(--text);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;min-width:160px;outline:none}.performance-cycle-selector select option{background:var(--bg2);color:var(--text)}.performance-tabs{border-bottom:1px solid var(--border);display:flex;gap:4px;margin-bottom:18px}.performance-tab{background:#0000;border:0;color:var(--text3);cursor:default;font-size:11px;font-weight:600;padding:10px 14px 11px;position:relative}.performance-tab.active{color:var(--accent)}.performance-tab.active:after{background:var(--accent);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.performance-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(0,1fr) 294px}.performance-right-column{display:flex;flex-direction:column;gap:16px}.performance-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;overflow:hidden}.performance-card-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:54px;padding:13px 16px}.performance-card-header h2{color:var(--text);font-size:12px;font-weight:700;margin:0}.performance-card-header p{color:var(--text3);font-size:9px;margin:3px 0 0}.performance-card-body{padding:14px 16px 15px}.performance-chart-wrapper{min-height:320px;width:100%}.performance-chart{height:320px;width:100%}.performance-chart svg{display:block;height:100%;overflow:visible;width:100%}.chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4;opacity:.7}.chart-x-label,.chart-y-label{fill:var(--text3);font-family:inherit;font-size:9px}.performance-series-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.performance-series-point{stroke-width:2}.performance-legend{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:3px;padding-top:2px}.performance-legend-item{align-items:center;color:var(--text3);display:flex;font-size:9px;gap:5px}.performance-legend-marker{border-radius:1px;display:inline-block;height:8px;width:8px}.distribution-chart{align-items:flex-end;display:flex;gap:12px;height:164px;justify-content:space-around;padding:10px 3px 0}.distribution-column{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%;justify-content:flex-end;min-width:0}.distribution-value-bar{align-items:flex-start;border-radius:3px 3px 0 0;color:#11131a;display:flex;font-size:9px;font-weight:700;justify-content:center;max-width:100%;min-height:22px;padding-top:5px;width:42px}.distribution-value-bar.gladiator{background:#4f7dff}.distribution-value-bar.platinum{background:#a8b8d0}.distribution-value-bar.gold{background:#ffd166}.distribution-value-bar.bronze{background:#ff4f6a}.distribution-label{color:var(--text3);font-size:9px;white-space:nowrap}.quick-stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.quick-stat{align-items:center;background:var(--bg3);border-radius:7px;display:flex;flex-direction:column;justify-content:center;min-height:59px;text-align:center}.quick-stat strong{font-size:18px;font-weight:700;line-height:1}.quick-stat span{color:var(--text3);font-size:8px;margin-top:5px}.quick-stat-green{color:#22d39a}.quick-stat-amber{color:#f5a623}.quick-stat-blue{color:#4f7dff}.quick-stat-platinum{color:#a8b8d0}.performance-state{align-items:center;color:var(--text3);display:flex;font-size:12px;justify-content:center;min-height:420px}.performance-error{background:#ff4f6a0f;border:1px solid #ff4f6a40;border-radius:8px;color:#ff4f6a;justify-content:flex-start;margin-bottom:16px;min-height:42px;padding:12px 14px}.performance-chart-empty{align-items:center;border:1px dashed var(--border);border-radius:7px;color:var(--text3);display:flex;font-size:11px;height:320px;justify-content:center}@media (max-width:1050px){.performance-layout{grid-template-columns:minmax(0,1fr) 270px}.performance-cycle-selector select{min-width:140px}}@media (max-width:850px){.performance-page-header{align-items:flex-start;flex-direction:column}.performance-cycle-selector{align-self:flex-start}.performance-layout{grid-template-columns:1fr}.performance-right-column{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:620px){.performance-page{padding:18px 14px 24px}.performance-page-header{gap:12px}.performance-cycle-selector{box-sizing:border-box;justify-content:space-between;width:100%}.performance-cycle-selector select{flex:1 1;max-width:220px;min-width:0}.performance-right-column{display:flex}.performance-tabs{overflow-x:auto}.performance-tab{white-space:nowrap}.performance-chart,.performance-chart-wrapper{height:260px;min-height:260px}.performance-chart-empty{height:260px}.performance-legend{gap:10px 14px;justify-content:flex-start}}
/*# sourceMappingURL=main.1477cfd7.css.map*/