*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--gray-900);background-color:var(--gray-100)}.container{max-width:1200px;margin:0 auto;padding:20px}.header{background:#fff;padding:16px 24px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.header h1{font-size:24px;font-weight:600}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:20px;margin-bottom:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:18px;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--success-color);color:#fff}.btn-danger{background:var(--danger-color);color:#fff}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:14px;font-weight:500;margin-bottom:6px;color:var(--gray-700)}.form-input,.form-textarea,.form-select{width:100%;padding:10px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:14px}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.list-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--gray-200);transition:background .2s}.list-item:hover{background:var(--gray-100)}.list-item:last-child{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-pending{background:#fef3c7;color:#92400e}.status-in-progress{background:#dbeafe;color:#1e40af}.status-completed{background:#d1fae5;color:#065f46}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-between{justify-content:space-between}.flex-center{align-items:center}.flex-gap-2{gap:8px}.flex-gap-4{gap:16 Marginpx}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:14px}.text-lg{font-size:18px}.text-gray{color:var(--gray-500)}.link{color:var(--primary-color);text-decoration:none}.link:hover{text-decoration:underline}