:root{font-family:Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{min-width:320px;background:#f4f7fb}button,input,select,textarea{font:inherit}body{margin:0;font-family:Arial,sans-serif;background:#f4f7fb;color:#1f2937}.page{width:100%;min-height:100vh;padding:24px 32px;box-sizing:border-box}.topbar{display:flex;justify-content:space-between;align-items:center}.topbar h1{margin:0;color:#0d2f5b}.logout-btn{background:#0d2f5b;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:20px 0}.stat-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 6px 18px #0d2f5b14}.stat-label{font-size:14px;color:#6b7280}.stat-value{font-size:30px;font-weight:700;color:#0d2f5b}.overdue-value{color:#b91c1c}.attention-value{color:#b45309}.view-buttons{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap}.view-buttons button{padding:10px 16px;border:1px solid #d9e2ec;background:#fff;border-radius:8px;cursor:pointer;font-size:14px}.view-buttons .active{background:#0d2f5b;color:#fff}.unassigned-tab{display:flex;align-items:center;gap:8px;border-color:#f59e0b!important;color:#b45309}.unassigned-tab.active{background:#b45309!important;color:#fff!important}.unassigned-count{background:#b91c1c;color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.form-card,.table-card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 6px 18px #0d2f5b14;margin-bottom:24px}.task-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr 1fr auto;gap:14px}.task-grid input,.task-grid select{padding:12px;border:1px solid #d6dde7;border-radius:8px}.filter-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:14px}.filter-grid input,.filter-grid select{padding:12px;border:1px solid #d6dde7;border-radius:8px}.add-btn{background:#1d4ed8;color:#fff;border:none;border-radius:8px;padding:12px 16px;cursor:pointer}.add-btn:hover{background:#1e40af}.secondary-btn{background:#fff;color:#0d2f5b;border:1px solid #d9e2ec;border-radius:8px;padding:12px 16px;cursor:pointer}.secondary-btn:hover{background:#f8fbff}.danger-btn{background:#b91c1c;color:#fff;border:none;border-radius:8px;padding:12px 16px;cursor:pointer}.danger-btn:hover{background:#991b1b}.table-btn{background:#0d2f5b;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.table-btn:hover{background:#1e3a5f}.comment-btn{background:#f0f9ff;color:#0369a1;border:1.5px solid #bae6fd;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:600}.comment-btn:hover{background:#e0f2fe}.sendback-btn{background:#fffbeb;color:#b45309;border:1.5px solid #f59e0b;border-radius:8px;padding:8px 12px;cursor:pointer;font-size:13px;font-weight:600}.sendback-btn:hover{background:#fef3c7}.small-btn{padding:8px 12px}.task-table{width:100%;border-collapse:collapse}.task-table th{background:#eff4fa;padding:12px;text-align:left}.task-table td{padding:12px;border-top:1px solid #eef2f7}.task-table tbody tr:hover{background:#f8fbff}.overdue-row{background:#fff5f5}.overdue-row:hover{background:#fef2f2!important}.returned-row{background:#fffbeb}.returned-row:hover{background:#fef9e7!important}.unassigned-row{background:#f0f9ff}.unassigned-row:hover{background:#e0f2fe!important}.badge{padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.low{background:#e6f4ea;color:#137333}.badge.normal{background:#e8eef8;color:#1d4ed8}.badge.high{background:#fff4e5;color:#b45309}.badge.urgent{background:#fde8e8;color:#b91c1c}.returned-badge{display:inline-block;margin-top:4px;background:#fef3c7;color:#92400e;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.unassigned-badge{display:inline-block;margin-top:4px;margin-left:4px;background:#e0f2fe;color:#0369a1;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.overdue-text{color:#b91c1c;font-size:12px;font-weight:600}.due-today-text{color:#b45309;font-size:12px;font-weight:600}.inline-select{width:100%;padding:8px;border:1px solid #d6dde7;border-radius:8px}.action-stack{display:flex;flex-direction:column;gap:8px}.task-notes{margin-top:6px;font-size:12px;color:#6b7280;white-space:pre-wrap}.notes-block{margin-top:14px}.notes-input{width:100%;min-height:90px;padding:12px;border:1px solid #d6dde7;border-radius:8px;resize:vertical;box-sizing:border-box}.form-actions{display:flex;gap:10px;margin-top:14px}.error-box{background:#fde8e8;color:#b91c1c;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.empty-text{text-align:center;color:#9ca3af;padding:24px 0}.login-wrapper.split-login{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-left{background:linear-gradient(135deg,#0d2f5b,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center}.login-title{font-size:36px}.login-right{display:flex;align-items:center;justify-content:center}.login-card{width:350px}.login-input{padding:12px;border:1px solid #d1d5db;border-radius:8px;width:100%;margin-bottom:10px;box-sizing:border-box}.login-button{background:#0d2f5b;color:#fff;border:none;padding:12px;border-radius:8px;width:100%;cursor:pointer}.login-footer{font-size:12px;color:#9ca3af}.login-description{color:#fffc;font-size:16px;line-height:1.6;margin-top:14px}.clickable-card{border:none;text-align:left;cursor:pointer;width:100%}.clickable-card:hover{transform:translateY(-2px);transition:.2s ease;box-shadow:0 8px 24px #0d2f5b24}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.page{padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.task-grid,.filter-grid,.login-wrapper.split-login{grid-template-columns:1fr}.login-left{display:none}.task-table{font-size:13px}}