.attendance-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.attendance-card{background:#fffffff2!important;border-radius:16px!important;box-shadow:0 10px 40px #0000001a!important;backdrop-filter:blur(10px);border:none!important;overflow:hidden;transition:all .3s ease}.attendance-card:hover{box-shadow:0 15px 50px #00000026!important;transform:translateY(-2px)}.attendance-card .ant-card-head{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border-bottom:none!important;border-radius:16px 16px 0 0!important}.attendance-card .ant-card-head-title{color:#fff!important;font-size:24px!important;font-weight:600!important}.statistic-card{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;animation:fadeInUp .6s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto}.statistic-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.statistic-value{font-size:20px!important;font-weight:600!important;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:countUp 1.5s ease-out forwards;line-height:1.2;margin-bottom:4px}.statistic-title{color:#666!important;font-size:12px!important;font-weight:400!important;line-height:1.2;text-align:center}.statistic-icon{color:#667eea!important;font-size:16px!important;margin-bottom:4px}.action-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding:16px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;border-radius:8px!important;padding:8px 20px!important;font-weight:500!important;transition:all .3s ease!important}.primary-button:hover{transform:translateY(-2px)!important;box-shadow:0 6px 16px #667eea66!important}.secondary-button{border:2px solid #667eea!important;color:#667eea!important;border-radius:8px!important;padding:8px 20px!important;font-weight:500!important;transition:all .3s ease!important}.secondary-button:hover{background:#667eea!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 6px 16px #667eea66!important}.date-picker{border-radius:8px!important;border:2px solid #e0e0e0!important;transition:all .3s ease!important}.date-picker:hover,.date-picker:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea1a!important}.attendance-table{background:#fff!important;border-radius:12px!important;overflow:hidden;box-shadow:0 4px 12px #00000014!important}.attendance-table .ant-table-thead>tr>th{background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;font-weight:600!important;border-bottom:none!important;text-align:center!important}.attendance-table .ant-table-tbody>tr{transition:all .3s ease!important}.attendance-table .ant-table-tbody>tr:hover{background:#f5f5f5!important;transform:translate(5px)}.attendance-table .ant-table-tbody>tr>td{border-bottom:1px solid #f0f0f0!important;text-align:center!important}.attendance-table .ant-table-body{overflow-y:auto!important}.attendance-table .ant-table-body::-webkit-scrollbar{width:8px}.attendance-table .ant-table-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.attendance-table .ant-table-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.attendance-table .ant-table-body::-webkit-scrollbar-thumb:hover{background:#764ba2}.status-tag{border-radius:12px!important;padding:2px 12px!important;font-size:12px!important;font-weight:500!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.total-employees{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.total-employees .anticon{color:#667eea;font-size:20px}.full-attendance{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#333}.full-attendance .anticon{color:#52c41a;font-size:20px}@media(max-width:768px){.action-bar{flex-direction:column;gap:16px;align-items:stretch}.statistic-card{margin-bottom:16px}}.attendance-analysis-dashboard{background:#f5f7fa;min-height:100vh;padding:0 12px}.attendance-analysis-dashboard .dashboard-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8e8e8;background:#f5f7fa;margin:0 -12px;padding:24px 12px;box-shadow:0 1px #0000000f}.attendance-analysis-dashboard .dashboard-controls{display:flex;align-items:center}.attendance-analysis-dashboard .dashboard-overview{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.attendance-analysis-dashboard .ant-card{border-radius:8px;overflow:hidden}.attendance-analysis-dashboard .ant-tabs-large>.ant-tabs-nav .ant-tabs-tab{font-size:16px;padding:16px 24px}.attendance-analysis-dashboard .ant-table-wrapper{background:#fff;border-radius:8px;overflow:hidden}.attendance-analysis-dashboard .ant-card-head{background:#fafafa;border-bottom:1px solid #e8e8e8}.attendance-analysis-dashboard .attendance-rate-progress .ant-card{border-radius:8px;overflow:hidden}@media(max-width:768px){.attendance-analysis-dashboard{padding:0 12px}.attendance-analysis-dashboard .dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.attendance-analysis-dashboard .dashboard-controls{width:100%;justify-content:flex-end}.attendance-analysis-dashboard .ant-col{margin-bottom:16px}.attendance-analysis-dashboard .ant-col:last-child{margin-bottom:0}}.attendance-analysis-dashboard .ant-table-body{overflow-x:auto}.monthly-trend-chart{display:flex;align-items:flex-end;height:300px;padding:20px 0;gap:10px}.chart-bar{flex:1;display:flex;flex-direction:column;align-items:center}.bar-segment{width:100%;border-radius:4px 4px 0 0}.bar-value{margin-bottom:5px;font-size:12px;color:#fff;font-weight:700}.bar-label{margin-top:5px;font-size:12px;color:#666}@media(max-width:1200px){.attendance-analysis-dashboard .ant-col span6{width:50%;margin-bottom:16px}}@media(max-width:768px){.attendance-analysis-dashboard .ant-col span6{width:100%}}.attendance-analysis-dashboard .ant-card{border-radius:12px;box-shadow:0 4px 12px #0000000d;transition:box-shadow .3s ease,transform .3s ease}.attendance-analysis-dashboard .ant-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.statistic-card{text-align:center;padding:12px 8px;border-radius:8px;background:#fff;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;min-height:100px;display:flex;align-items:center;justify-content:center}.statistic-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000014}.chart-container{padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d}.attendance-analysis-dashboard .ant-table{border-radius:8px;overflow:hidden}.attendance-analysis-dashboard .ant-tabs-tab{font-size:16px;padding:16px 24px;border-radius:8px 8px 0 0}.attendance-analysis-dashboard .ant-tabs-tab-active{background-color:#e6f7ff;border-color:#1890ff;color:#1890ff}.attendance-analysis-dashboard .ant-btn{border-radius:6px;font-weight:500}.attendance-analysis-dashboard .ant-select{min-width:150px;border-radius:6px}.attendance-analysis-dashboard .ant-picker{border-radius:6px;min-width:240px}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}