:root{--primary: #2196F3;--primary-light: #64B5F6;--primary-dark: #1565C0;--bg-primary: #FAFAFA;--bg-secondary: #FFFFFF;--bg-tertiary: #F5F5F5;--bg-dark: #212121;--bg-header: #E3F2FD;--text-primary: #263238;--text-secondary: #757575;--text-light: #BDBDBD;--text-white: #FFFFFF;--success: #4CAF50;--success-light: #C8E6C9;--warning: #FF9800;--warning-light: #FFE0B2;--error: #F44336;--error-light: #FFCDD2;--info: #2196F3;--info-light: #BBDEFB;--estado-sent: #E9A648;--estado-refused: var(--error);--estado-packing: #9C27B0;--estado-sending: #7E57C2;--estado-delivered: #43A047;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 4px 6px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--border-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-color: #E0E0E0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition: all .3s ease;--transition-fast: all .15s ease}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased}#app{min-height:100vh}a{color:var(--primary);text-decoration:none}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.card{background-color:var(--bg-secondary);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:10px 18px;border-radius:var(--border-radius);border:none;font-size:15px;font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:var(--border-color)}.btn-success{background-color:var(--success);color:var(--text-white)}.btn-success:hover:not(:disabled){filter:brightness(.92)}.btn-danger{background-color:var(--error);color:var(--text-white)}.btn-danger:hover:not(:disabled){filter:brightness(.92)}.btn-icon{padding:8px;width:36px;height:36px}.btn-block{width:100%}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:15px;color:var(--text-primary);background-color:var(--bg-secondary);transition:var(--transition-fast);font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2196f326}.form-textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-white)}.badge-sent{background-color:var(--estado-sent)}.badge-refused{background-color:var(--estado-refused)}.badge-packing{background-color:var(--estado-packing)}.badge-sending{background-color:var(--estado-sending)}.badge-delivered{background-color:var(--estado-delivered)}.alert{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-size:14px;margin-bottom:var(--spacing-md)}.alert-error{background-color:var(--error-light);color:#b71c1c}.alert-success{background-color:var(--success-light);color:#1b5e20}.alert-warning{background-color:var(--warning-light);color:#e65100}.alert-info{background-color:var(--info-light);color:#0d47a1}.loading{width:32px;height:32px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:currentColor;border-radius:50%;display:inline-block;animation:spin .7s linear infinite}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}@media(max-width:768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card{padding:var(--spacing-md)}}@media(max-width:480px){.container{padding:0 var(--spacing-sm)}}