.input-field{border:2px solid #ddd;border-radius:4px;padding:8px 12px;font-size:14px;transition:border-color .3s ease,box-shadow .3s ease;width:100%;box-sizing:border-box}.input-field:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.input-field.valid{border-color:#28a745}.input-field.invalid{border-color:#dc3545;background-color:#fff5f5}.input-field.warning{border-color:#ff6b35;background-color:#fff8f5;box-shadow:0 0 10px #ff6b3566;animation:warningGlow 2s ease-in-out infinite alternate}@keyframes warningGlow{0%{box-shadow:0 0 5px #ff6b3566}to{box-shadow:0 0 15px #ff6b35b3}}.validation-message{font-size:12px;margin-top:4px;padding:4px 8px;border-radius:3px;display:block}.validation-message.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb}.validation-message.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.validation-message.warning{color:#8b4513;background-color:#fff3cd;border:1px solid #ffeaa7;font-weight:500}.validation-message.security-warning{color:#d84315;background-color:#ffe0b2;border:1px solid #ffcc02;font-weight:600;animation:warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{opacity:1}50%{opacity:.8}}.form-group{margin-bottom:16px}.form-label{display:block;margin-bottom:4px;font-weight:500;color:#333}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.validation-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:20px;height:100%;display:flex;align-items:center}.validation-icon.valid{color:#28a745}.validation-icon.invalid{color:#dc3545}.validation-icon.warning{color:#ff6b35;animation:warningBounce 1s ease-in-out infinite}@keyframes warningBounce{0%,to{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.1)}}textarea.input-field{min-height:80px;resize:vertical}select.input-field{background-color:#fff;cursor:pointer}.input-field:disabled{background-color:#f8f9fa;border-color:#e9ecef;cursor:not-allowed;opacity:.6}.attachment-upload-flex-row .attachment-input-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center}.attachment-upload-flex-row .uniform-input{width:100%;min-width:120px;max-width:100%;box-sizing:border-box;height:40px;border-radius:6px;font-size:1rem}.attachment-upload-flex-row .uniform-btn{height:40px;min-width:100px;border-radius:6px;font-size:1rem;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;background:#3b5bfd;color:#fff;border:none;cursor:pointer;transition:background .2s}.attachment-upload-flex-row .uniform-btn:disabled{background:#a0a0a0;color:#fff;cursor:not-allowed}.attachment-upload-flex-row .custom-file-label.uniform-btn{background:#3b5bfd;color:#fff;border:none;cursor:pointer;padding:0 18px;height:40px;min-width:120px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem}.attachment-upload-flex-row .custom-file-label.uniform-btn input[type=file]{display:none}.responsive-flex-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.responsive-flex-row .flex-item{min-width:160px;flex:1 1 0;display:flex;flex-direction:column}.responsive-flex-row .file-upload-btns{flex-direction:row;align-items:center;gap:8px;display:flex}@media (max-width: 700px){.responsive-flex-row{flex-direction:column;align-items:stretch;gap:10px}.responsive-flex-row .flex-item{min-width:0;width:100%}.responsive-flex-row .file-upload-btns{flex-direction:column;align-items:stretch;gap:8px}}.dark-theme input,.dark-theme textarea,.dark-theme input:focus,.dark-theme textarea:focus,.dark-theme input:active,.dark-theme textarea:active{background-color:var(--card-background)!important;color:var(--text-primary)!important;border-color:var(--primary-color);caret-color:var(--text-primary)}.light-theme input,.light-theme textarea,.light-theme input:focus,.light-theme textarea:focus,.light-theme input:active,.light-theme textarea:active{background-color:var(--card-background)!important;color:var(--text-primary)!important;border-color:var(--primary-color);caret-color:var(--text-primary)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}input[type=date]::-webkit-input-placeholder{color:var(--text-primary)}input[type=date]::-moz-placeholder{color:var(--text-primary)}input[type=date]:-ms-input-placeholder{color:var(--text-primary)}input[type=date]::placeholder{color:var(--text-primary)}input[type=date]{color-scheme:dark}input[type=date]::-moz-calendar-picker-indicator{filter:invert(1)}:root{--primary-color: #049fd9;--primary-hover: #0081b8;--primary-rgb: 4, 159, 217;--secondary-color: #F8F9FA;--text-primary: #1e293b;--text-secondary: #64748B;--background-color: #f2f4f8;--card-background: #ffffff;--border-color: #e2e8f0;--success-color: #10B981;--warning-color: #F59E0B;--danger-color: #EF4444;--info-color: #2563EB;--shadow: 0 8px 32px rgba(15, 23, 42, .08);--radius: 16px;--font-family: "Inter", "Poppins", "Roboto", sans-serif;--transition: all .3s ease;--dot-color: rgba(15, 23, 42, .05)}.light-theme{--background-color: #f8fafc;--card-background: #ffffff;--text-primary: #1e293b;--text-secondary: #64748B;--border-color: #f1f5f9;--shadow: 0 8px 24px rgba(15, 23, 42, .08);--secondary-color: #FFF}.dark-theme{--background-color: #050505;--card-background: #0f0f12;--text-primary: #f5f7fb;--text-secondary: #c8cfda;--border-color: rgba(255, 255, 255, .08);--shadow: 0 12px 36px rgba(0, 0, 0, .55);--secondary-color: #0a0a0d}.dark-theme .card,.dark-theme .panel,.dark-theme .dashboard-card,.dark-theme .metric-card,.dark-theme .list-card,.dark-theme .table-card,.dark-theme .tile,.dark-theme .widget-card,.dark-theme .section-card,.dark-theme .module-card,.dark-theme .content-card{background:var(--card-background)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;box-shadow:var(--shadow)!important}.dark-theme .card h1,.dark-theme .card h2,.dark-theme .card h3,.dark-theme .card h4,.dark-theme .card h5,.dark-theme .card h6,.dark-theme .card p,.dark-theme .card span,.dark-theme .card label,.dark-theme .card small{color:var(--text-primary)!important}@keyframes slideInFromLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes progressBar{0%{width:0}}.slide-in-left{animation:slideInFromLeft .3s ease-out}.slide-in-right{animation:slideInFromRight .3s ease-out}.slide-in-top{animation:slideInFromTop .3s ease-out}.fade-in{animation:fadeIn .3s ease-out}.scale-in{animation:scaleIn .3s ease-out}.progress-bar .progress{animation:progressBar 1s ease-out forwards}.hover-card{transition:transform .3s ease,box-shadow .3s ease}.hover-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a}.btn-effect{position:relative;overflow:hidden;transition:all .3s ease}.btn-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-effect:hover:after{width:200%;height:200%}.task-card{background:var(--card-background);border-radius:var(--radius);padding:16px;margin-bottom:16px;border:1px solid var(--border-color);transition:all .3s ease}.task-card:hover{transform:translate(4px);border-color:var(--primary-color)}.task-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-title{font-weight:600;color:var(--text-primary)}.task-status{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.task-status.completed{background:#4caf501a;color:var(--success-color)}.task-status.in-progress{background:#2196f31a;color:var(--info-color)}.task-status.pending{background:#ff98001a;color:var(--warning-color)}.task-assignee{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.task-progress{margin:12px 0}.task-progress-bar{height:6px;background:var(--secondary-color);border-radius:3px;overflow:hidden}.task-progress-value{height:100%;background:var(--primary-color);border-radius:3px;transition:width .3s ease}.task-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-secondary)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-primary);background-color:var(--background-color);line-height:1.5;transition:var(--transition);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;opacity:.4;z-index:-1;background-image:radial-gradient(var(--dot-color) 1px,transparent 1px);background-size:32px 32px}button{cursor:pointer;font-family:var(--font-family);transition:var(--transition)}input,select{font-family:var(--font-family);padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius);background-color:var(--card-background);color:var(--text-primary);transition:var(--transition)}input:focus,select:focus{outline:none;border-color:var(--primary-color)}.container{max-width:1200px;margin:0 auto;padding:0 16px}.card{background-color:var(--card-background);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:16px;transition:var(--transition)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius);border:none;background-color:var(--primary-color);color:#fff;font-weight:500;text-align:center;transition:var(--transition)}.btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background-color:var(--primary-color);color:#fff;transition:var(--transition)}.btn-icon:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.badge{display:inline-block;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:500}.badge-success{background-color:#4caf501a;color:var(--success-color)}.badge-warning{background-color:#ffc1071a;color:var(--warning-color)}.badge-danger{background-color:#f443361a;color:var(--danger-color)}.badge-info{background-color:#2196f31a;color:var(--info-color)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.table th{font-weight:600;color:var(--text-secondary)}.table tr:hover{background-color:#00000005}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.text-center{text-align:center}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.clickable{cursor:pointer}.fade-in{animation:fadeIn .3s ease-in-out}.scale-in{animation:scaleIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}@keyframes slideIn{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}:is(body,.dark-theme) select,:is(body,.dark-theme) select:focus,:is(body,.dark-theme) select:active{background-color:var(--card-background)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}:is(body,.dark-theme) option,:is(body,.dark-theme) optgroup{background-color:var(--card-background)!important;color:var(--text-primary)!important}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}